:root{--bg:#0a0c10;--surface:#12151ce0;--surface-solid:#12151c;--surface-2:#1a1f2a;--border:#ffffff14;--border-strong:#ffffff24;--text:#e8edf4;--muted:#8b95a8;--primary:#06f;--primary-dim:#06f3;--primary-glow:#06f6;--accent:#22c55e;--accent-dim:#22c55e24;--danger:#f43f5e;--warning:#f59e0b;--radius:16px;--radius-sm:12px;--radius-pill:999px;--shadow:0 10px 40px #00000080;--dock-h:72px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--font:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--glass:blur(16px) saturate(1.2)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#ar-camera-video{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}#ar-camera-video.active{display:block}#canvas{z-index:1;touch-action:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-overlay{z-index:10;pointer-events:none;background:0 0;flex-direction:column;display:flex;position:absolute;inset:0}#ui-overlay>*,#ui-overlay.ar-picking{pointer-events:auto}#top-bar{padding:calc(8px + var(--safe-t)) 14px 8px;background:linear-gradient(#0a0c10bf 0%,#0a0c1040 75%,#0000 100%);justify-content:space-between;align-items:center;gap:12px;transition:opacity .2s;display:flex}.brand{align-items:center;gap:8px;display:flex}.logo-mark{border:1px solid var(--border);width:34px;height:34px;-webkit-backdrop-filter:var(--glass);background:#12151cbf;border-radius:10px;place-items:center;display:grid}.brand-text h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:1rem;font-weight:650;line-height:1}#status-pills{align-items:center;gap:6px;display:flex}.pill{font-size:.68rem;font-weight:600;font-family:var(--mono);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(8px);text-overflow:ellipsis;background:#12151cb3;max-width:42vw;padding:5px 10px;overflow:hidden}.pill.ok{color:#86efac;background:var(--accent-dim);border-color:#22c55e66}.pill.warn{color:var(--warning);border-color:#f59e0b66}.pill-hidden{display:none!important}#hint-bar{left:50%;bottom:calc(var(--dock-h) + var(--safe-b) + 20px);text-align:center;color:#e8edf4b8;border:1px solid var(--border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);pointer-events:none;letter-spacing:.01em;background:#0a0c108c;max-width:min(88vw,340px);padding:7px 14px;font-size:.72rem;font-weight:500;line-height:1.35;position:absolute;transform:translate(-50%)}#toolbar.bottom-bar,#toolbar{left:50%;bottom:calc(10px + var(--safe-b));width:min(94vw,420px);min-height:var(--dock-h);border:1px solid var(--border-strong);box-shadow:var(--shadow), 0 0 0 1px #0066ff0f;-webkit-backdrop-filter:var(--glass);z-index:20;background:#0e1016b8;border-radius:22px;justify-content:space-between;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.tool-btn{max-width:76px;min-height:56px;color:var(--muted);letter-spacing:.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:.65rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex}.tool-btn svg{opacity:.9;flex-shrink:0}.tool-btn:active{transform:scale(.94)}.tool-btn:hover,.tool-btn:focus-visible{color:var(--text);background:#ffffff0d;outline:none}.tool-btn.active{color:#fff;background:var(--primary-dim);border-color:#0066ff59}.tool-btn.primary{color:#fff;max-width:72px;min-height:58px;box-shadow:0 4px 18px var(--primary-glow);background:linear-gradient(160deg,#0070ff 0%,#0052cc 100%);border-color:#5096ff73;border-radius:18px;font-size:.7rem}.tool-btn.primary:hover,.tool-btn.primary:focus-visible{color:#fff;background:linear-gradient(160deg,#1a7dff 0%,#005ce6 100%)}.tool-btn.primary.active{background:linear-gradient(160deg,#22c55e 0%,#15803d 100%);border-color:#4ade8080;box-shadow:0 4px 18px #22c55e59}.panel{border:1px solid var(--border-strong);box-shadow:var(--shadow);color:var(--text);-webkit-backdrop-filter:var(--glass);background:#101218f0}.panel.hidden,.loading.hidden,.toast.hidden,.welcome-card.hidden,.ar-cta.hidden,.ar-active-badge.hidden,.ar-controls.hidden{display:none!important}.panel.floating{top:calc(56px + var(--safe-t));border-radius:var(--radius);z-index:30;max-width:380px;margin:0 auto;position:absolute;left:12px;right:12px}.panel.sheet{width:min(100%,440px);left:50%;bottom:calc(var(--dock-h) + var(--safe-b) + 16px);z-index:25;border-radius:20px 20px 16px 16px;flex-direction:column;max-height:min(52vh,400px);animation:.22s ease-out sheet-up;display:flex;position:absolute;transform:translate(-50%)}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sheet-handle{background:#ffffff29;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.panel-header{justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:650}.panel-body{-webkit-overflow-scrolling:touch;padding:4px 16px 18px;overflow-y:auto}.icon-btn{width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.icon-btn:active{background:#ffffff1f}.hint{color:var(--muted);margin:0 0 12px;font-size:.78rem;line-height:1.4}.layers-list{flex-direction:column;gap:6px;display:flex}.layer-row{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;min-height:52px;padding:11px 12px;display:grid;position:relative}.layer-row input{opacity:0;width:0;height:0;position:absolute}.layer-swatch{border-radius:3px;width:10px;height:28px}.layer-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.layer-name{font-size:.88rem;font-weight:600}.layer-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.toggle-ui{border-radius:var(--radius-pill);background:#2a3344;flex-shrink:0;width:44px;height:26px;transition:background .15s;position:relative}.toggle-ui:after{content:"";background:#cbd5e1;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.layer-row input:checked+.toggle-ui{background:var(--primary)}.layer-row input:checked+.toggle-ui:after{background:#fff;transform:translate(18px)}.mode-tabs{gap:6px;margin-bottom:12px;display:flex}.mode-tab{border:1px solid var(--border);min-height:40px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:10px;flex:1;font-size:.8rem;font-weight:600}.mode-tab.active{background:var(--primary-dim);color:#fff;border-color:#0066ff73}.align-grid{flex-direction:column;gap:8px;display:flex}.field{color:var(--muted);flex-direction:column;gap:5px;font-size:.72rem;display:flex}.stepper{grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;display:grid}.stepper button{border:1px solid var(--border-strong);height:44px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;font-size:1.25rem;font-weight:600}.stepper button:active{background:var(--primary-dim);border-color:var(--primary)}.stepper input{border:1px solid var(--border);height:44px;color:var(--text);font-family:var(--mono);text-align:center;background:#00000059;border-radius:10px;width:100%;font-size:.95rem}.stepper input:disabled{opacity:.35}.align-actions{gap:8px;margin-top:14px;display:flex}.btn{border:1px solid var(--border-strong);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;flex:1;padding:0 12px;font-size:.82rem;font-weight:600}.btn.secondary:active{border-color:var(--primary);background:var(--primary-dim)}.options-body{flex-direction:column;gap:10px;display:flex}.option-row{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;min-height:54px;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;background:#ffffff0a;align-items:center;gap:12px;padding:10px 12px;transition:background .12s,border-color .12s;display:flex}.option-row:active{background:var(--primary-dim);border-color:#06f6}.option-row.active{background:var(--primary-dim);border-color:#0066ff80;box-shadow:0 0 0 1px #0066ff26}.option-icon{color:#7eb6ff;background:#0066ff1f;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.option-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.option-name{font-size:.9rem;font-weight:650}.option-desc{color:var(--muted);font-size:.72rem}.option-chevron{color:var(--muted);opacity:.6;font-size:1.2rem}.option-status{border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;flex-direction:column;gap:8px;padding:12px;display:flex}.option-status-row{justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.option-status-label{color:var(--muted)}.option-status-value{font-family:var(--mono);color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:.72rem;overflow:hidden}.options-help{margin:4px 0 0;font-size:.72rem}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:.82rem;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--muted);text-transform:capitalize}.info-val{font-family:var(--mono);text-align:right;word-break:break-word;max-width:60%;font-size:.78rem}.welcome-card{z-index:40;border:1px solid var(--border-strong);width:min(88vw,340px);box-shadow:var(--shadow), 0 0 48px #0066ff1f;text-align:center;-webkit-backdrop-filter:var(--glass);background:#0e1016eb;border-radius:20px;padding:28px 22px 20px;animation:.28s ease-out sheet-up;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)}.welcome-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 14px;display:grid}.welcome-card h2{letter-spacing:-.03em;color:var(--text);margin:0 0 8px;font-size:1.35rem;font-weight:700}.welcome-card>p{color:var(--muted);margin:0 0 20px;font-size:.88rem;line-height:1.45}.welcome-card strong{color:var(--text);font-weight:600}.welcome-actions{flex-direction:column;gap:8px;display:flex}.welcome-actions .btn{width:100%;min-height:48px;font-size:.92rem}.btn.primary-fill{color:#fff;box-shadow:0 4px 18px var(--primary-glow);background:linear-gradient(160deg,#0070ff 0%,#0052cc 100%);border-color:#5096ff73}.btn.primary-fill:active{transform:scale(.98)}.welcome-formats{color:var(--muted);opacity:.8;letter-spacing:.02em;margin:14px 0 0!important;font-size:.7rem!important}.ar-cta{left:50%;bottom:calc(var(--dock-h) + var(--safe-b) + 28px);z-index:35;color:#fff;width:min(86vw,300px);box-shadow:0 8px 28px var(--primary-glow);cursor:pointer;font-family:var(--font);background:linear-gradient(160deg,#0070ff 0%,#0052cc 100%);border:1px solid #5096ff80;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 18px;display:flex;position:absolute;transform:translate(-50%)}.ar-cta-icon{opacity:.95;place-items:center;margin-bottom:2px;line-height:1;display:grid}.ar-cta-title{letter-spacing:-.01em;font-size:.98rem;font-weight:700}.ar-cta-sub{opacity:.88;font-size:.72rem}.ar-cta:active{transform:translate(-50%)scale(.98)}.loading{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0a0c10ad;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff1f;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--muted);margin:0;font-size:.85rem}.toast{top:calc(56px + var(--safe-t));z-index:60;border-radius:var(--radius-pill);max-width:min(90vw,320px);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(12px);background:#101218eb;border:1px solid #0066ff59;padding:10px 16px;font-size:.8rem;line-height:1.4;animation:.2s ease-out toast-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ar-active-badge{top:calc(48px + var(--safe-t));z-index:36;border-radius:var(--radius-pill);color:#86efac;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;background:#0a0c108c;border:1px solid #22c55e73;align-items:center;gap:7px;padding:6px 12px;font-size:.7rem;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ar-active-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite ar-pulse;box-shadow:0 0 #22c55e80}@keyframes ar-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.ar-controls{width:min(94vw,360px);left:50%;bottom:calc(var(--dock-h) + var(--safe-b) + 14px);z-index:32;border:1px solid var(--border-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass);pointer-events:auto;touch-action:manipulation;background:#0a0c109e;border-radius:20px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;transform:translate(-50%)}.ar-controls-row{align-items:stretch;gap:8px;display:flex}.ar-controls-secondary{gap:6px}.ar-btn{border:1px solid var(--border-strong);min-height:56px;color:var(--text);font-family:var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff0f;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-size:.68rem;font-weight:700;transition:background .12s,border-color .12s,transform 80ms,box-shadow .12s;display:flex}.ar-btn:active{background:var(--primary-dim);border-color:var(--primary);transform:scale(.96)}.ar-btn-rotate{flex:0 0 68px;max-width:72px;min-height:64px}.ar-btn-ground{color:#fff;min-height:64px;box-shadow:0 4px 16px var(--primary-glow);background:linear-gradient(160deg,#0070ff 0%,#0052cc 100%);border-color:#5096ff80;flex:1.5;font-size:.78rem}.ar-btn-ground:active{background:linear-gradient(160deg,#22c55e 0%,#15803d 100%);border-color:#4ade80;box-shadow:0 4px 16px #22c55e59}.ar-btn-ground.waiting{animation:1.2s ease-in-out infinite ground-wait}@keyframes ground-wait{0%,to{box-shadow:0 4px 16px var(--primary-glow)}50%{border-color:#4ade80;box-shadow:0 4px 26px #22c55e80}}.ar-btn-sm{flex-direction:row;gap:6px;min-height:44px;padding:8px 10px;font-size:.64rem}.ar-btn-sm.active{background:var(--primary-dim);color:#fff;border-color:#0066ff80}#ui-overlay.ar-session-active #top-bar{opacity:.35}#ui-overlay.ar-session-active #top-bar .brand-text{display:none}#ui-overlay.ar-session-active #hint-bar{bottom:calc(var(--dock-h) + var(--safe-b) + 148px);opacity:.85;max-width:min(80vw,280px);font-size:.68rem}#ui-overlay.ar-session-active .ar-cta{display:none!important}#ui-overlay.ar-session-active #toolbar{background:#0a0c108c;border-color:#ffffff1a;min-height:64px;padding:6px}#ui-overlay.ar-session-active .tool-btn:not(.primary):not(.active){opacity:.72}@media (width>=768px){.panel.floating{margin:0;left:auto;right:20px}.panel.sheet{left:auto;right:20px;bottom:calc(var(--dock-h) + var(--safe-b) + 24px);width:min(360px,90vw);animation-name:sheet-up-desk;transform:none}@keyframes sheet-up-desk{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ar-controls{width:min(340px,90vw);left:auto;right:20px;transform:none}#toolbar{width:min(440px,96vw)}}@media (height<=420px) and (orientation:landscape){#hint-bar{display:none}.tool-btn{min-height:48px}.tool-btn.primary{min-height:50px}.panel.sheet{max-height:72vh}.ar-controls{bottom:calc(var(--dock-h) + var(--safe-b) + 6px);padding:6px}.ar-controls-secondary{display:none}.ar-btn-ground,.ar-btn-rotate{min-height:48px}#ui-overlay.ar-session-active #top-bar{opacity:0;pointer-events:none}}