:root{--bg:#0b0e11;--surface:#12171cdb;--surface-solid:#12171c;--border:#ffffff1f;--ink:#e9eef2;--ink-dim:#9aa8b2;--accent:#49d6b0;--accent-ink:#04221b;--go:#2f9e58;--stop:#c2362f;--radius:12px;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#viewport{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{position:absolute;inset:0}.btn{pointer-events:auto;border:1px solid var(--border);color:var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff12;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.55em .9em;font-size:.92rem;font-weight:600;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff24}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn--primary:hover:not(:disabled){background:#5ee6c0}.btn--go{background:var(--go);color:#fff;border-color:#0000;flex:1}.btn--stop{background:var(--stop);color:#fff;border-color:#0000;flex:1}.btn--ghost{background:0 0}.btn--small{padding:.35em .6em;font-size:.82rem}.btn--active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.input-num,.input-select,.input-range{pointer-events:auto;font:inherit;color:var(--ink);border:1px solid var(--border);background:#ffffff0f;border-radius:8px;padding:.35em .45em}.input-num{width:3.6em}.input-range{flex:1;min-width:7rem;padding:0}.field{color:var(--ink-dim);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.field--check{pointer-events:auto;cursor:pointer;color:var(--ink)}.field--check input{pointer-events:auto;width:1.05rem;height:1.05rem;accent-color:var(--accent)}.field__label{min-width:6.2rem;color:var(--ink-dim);font-weight:600}.field__value{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:4rem}.field--range .range-inputs{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.stepper{align-items:center;gap:.3rem;display:flex}.stepper__btn{pointer-events:auto;border:1px solid var(--border);width:2rem;height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff12;border-radius:8px;font-size:1.05rem}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.6rem;color:var(--ink);font-weight:700}.hud{pointer-events:none;position:absolute;inset:0}.hud__bar{padding:calc(env(safe-area-inset-top,0px) + .7rem) 1rem .7rem;background:linear-gradient(#05080ac7,#05080a00);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:0;left:0;right:0}.hud__brand{flex-direction:column;line-height:1.15;display:flex}.hud__brand strong{letter-spacing:.01em;font-size:1rem}.hud__brand span{color:var(--ink-dim);font-size:.72rem}.hud__bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.hud__panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(21rem,100vw - 2rem);box-shadow:var(--shadow);pointer-events:auto;flex-direction:column;gap:.6rem;padding:.9rem;display:flex;position:absolute;top:4.9rem;left:1rem}.hud__state{letter-spacing:.02em;font-size:1.05rem;font-weight:700}.hud__state[data-state=printing],.hud__state[data-state=receiving],.hud__state[data-state=processing]{color:var(--accent)}.hud__state[data-state=cancelled]{color:#ff9c90}.hud__doc{color:var(--ink-dim);word-break:break-word;font-size:.85rem}.hud__message{color:#ffd98a;font-size:.82rem}.hud__actions{gap:.5rem;display:flex}.progress{background:#ffffff1f;border-radius:999px;height:7px;overflow:hidden}.progress__fill{background:var(--accent);width:0;height:100%;transition:width .18s linear}.progress__text{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.78rem}.hud__held{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 5.2rem);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);pointer-events:auto;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex;position:absolute;transform:translate(-50%)}.held__label{font-size:.86rem;font-weight:600}.hud__bottom{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);text-align:center;flex-direction:column;align-items:center;gap:.35rem;max-width:min(34rem,100vw - 2rem);display:flex;position:absolute;transform:translate(-50%)}.hud__hint{color:var(--ink-dim);background:#05080a99;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.hud__hover{color:var(--accent);background:#05080ab8;border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.hud__toasts{right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute}.toast{border:1px solid var(--border);background:var(--surface-solid);max-width:min(22rem,100vw - 2rem);box-shadow:var(--shadow);opacity:1;border-radius:10px;padding:.6rem .8rem;font-size:.84rem;transition:opacity .32s,transform .32s}.toast--out{opacity:0;transform:translateY(6px)}.hud__drop{border:2px dashed var(--accent);background:#081816b8;border-radius:18px;place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:1rem}.hud__hand-status{left:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);color:var(--ink-dim);background:#05080a99;border-radius:999px;padding:.3rem .6rem;font-size:.78rem;position:absolute}.hud__hand-status.is-error{color:#ff9c90}.hand-preview{border:1px solid var(--border);opacity:.85;background:#000;border-radius:10px;width:160px;height:120px;position:absolute;top:4.9rem;right:1rem}.hud__settings{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(23rem,100vw - 2rem);max-height:calc(100vh - 7rem);box-shadow:var(--shadow);pointer-events:auto;flex-direction:column;gap:.7rem;padding:1rem;display:flex;position:absolute;top:4.9rem;right:1rem;overflow-y:auto}.hud__settings h2{margin:0;font-size:1rem}.hud__settings hr{border:none;border-top:1px solid var(--border);width:100%;margin:.2rem 0}.hud__note{color:var(--ink-dim);margin:0;font-size:.76rem;line-height:1.45}.joystick{left:calc(env(safe-area-inset-left,0px) + 1.2rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1.2rem);pointer-events:auto;touch-action:none;background:#0a10146b;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:absolute}.joystick__knob{background:#ffffffb8;border-radius:50%;width:46px;height:46px;transition:transform 60ms linear;box-shadow:0 2px 10px #00000080}.start{pointer-events:auto;background:radial-gradient(120% 90% at 20% 0,#16242c 0%,#0b0e11 60%);place-items:center;padding:1.2rem;display:grid;position:absolute;inset:0;overflow-y:auto}.start__card{border:1px solid var(--border);background:var(--surface);width:min(44rem,100%);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:.9rem;padding:clamp(1.1rem,3vw,2rem);display:flex}.start__title{flex-direction:column;gap:.2rem;margin:0;display:flex}.start__title strong{letter-spacing:-.01em;font-size:clamp(1.6rem,5vw,2.3rem)}.start__title span{color:var(--accent);font-size:.95rem;font-weight:500}.start__lead{color:var(--ink-dim);margin:0;font-size:.95rem;line-height:1.55}.start__upload{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.8rem;display:flex}.start__doc{color:var(--ink-dim);margin:0;font-size:.86rem}.start__subtitle{margin:.4rem 0 0;font-size:.95rem}.start__modes{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;display:grid}.mode{pointer-events:auto;text-align:left;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;flex-direction:column;gap:.25rem;padding:.85rem;transition:background .12s,border-color .12s;display:flex}.mode:hover:not(:disabled){border-color:var(--accent);background:#49d6b024}.mode--disabled,.mode:disabled{opacity:.45;cursor:default}.mode.is-busy{opacity:.6;cursor:progress}.mode__title{font-size:1rem;font-weight:700}.mode__description{color:var(--ink-dim);font-size:.82rem;line-height:1.4}.mode__note{color:#ffd98a;font-size:.75rem}.start__status{color:var(--accent);margin:0;font-size:.86rem}.start__status.is-error{color:#ff9c90}.start__note{color:var(--ink-dim);margin:0;font-size:.76rem;line-height:1.5}@media (max-width:680px){.hud__panel{width:auto;top:auto;left:.6rem;right:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + 9.5rem);max-height:46vh;overflow-y:auto}.hud__settings{width:auto;left:.6rem;right:.6rem}.hand-preview{width:112px;height:84px}.hud__brand span{display:none}}