:root{--app-height: 100vh;--ui-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--workspace-font-size: 12px}@supports (height: 100dvh){:root{--app-height: 100dvh}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:var(--app-height, 100dvh);overflow:hidden;background-color:#000;color:#fff;font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100%;height:var(--app-height, 100dvh);overflow:hidden}canvas{touch-action:none;-webkit-tap-highlight-color:transparent}::selection{background:#64ffda4d}*{scrollbar-width:thin;scrollbar-color:#555 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#555;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#777}*::-webkit-scrollbar-corner{background:transparent}@keyframes splash-reticle-pulse{0%,to{opacity:.16}50%{opacity:.26}}.splash-strip::-webkit-scrollbar{height:8px}.splash-strip::-webkit-scrollbar-thumb{background:#64ffda52;border-radius:4px}.splash-strip::-webkit-scrollbar-thumb:hover{background:#64ffda8c}.splash-strip::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.cyber-btn{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.cyber-btn.primary:active{background:linear-gradient(135deg,#64ffda,#009688)!important;color:#000!important;transform:scale(.92);box-shadow:0 0 16px #64ffda99}.cyber-btn.danger:active{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;transform:scale(.92);box-shadow:0 0 16px #ef444499}@keyframes tutorial-button-pulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 #007fff00,0 8px 24px #0000004d}50%{transform:translateY(-2px) scale(1.02);box-shadow:0 0 24px #007fff7a,0 10px 30px #0000005c}}@keyframes tutorial-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes tutorial-menu-arrow-nudge{0%,to{transform:rotate(60deg) translate(0)}50%{transform:rotate(60deg) translate(-6px)}}.tutorial-hud{position:fixed;inset:0;pointer-events:none;font-family:var(--ui-font);font-size:var(--workspace-font-size);color:#eaf6ff;z-index:30}.tutorial-hud-stage1{display:flex;align-items:flex-end;justify-content:center;padding:0 16px 28px}.tutorial-callout{position:relative;max-width:280px;padding:10px 12px;border:1px solid rgba(0,127,255,.42);border-radius:8px;background:#10161ce0;box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.tutorial-callout.compact{max-width:340px}.tutorial-callout-title{color:#fff;font-size:12px;font-weight:700;line-height:1.25;margin-bottom:3px}.tutorial-callout-body{color:#b9c8d6;font-size:12px;line-height:1.35}.tutorial-callout-arrow{position:absolute;left:-30px;top:50%;width:24px;height:2px;background:#007fff;animation:tutorial-arrow-nudge 1.15s ease-in-out infinite}.tutorial-callout-arrow:before,.tutorial-callout-arrow:after{content:"";position:absolute;left:-1px;width:9px;height:2px;background:#007fff}.tutorial-callout-arrow:before{transform:rotate(38deg);transform-origin:left center}.tutorial-callout-arrow:after{transform:rotate(-38deg);transform-origin:left center}.tutorial-complete-button{max-width:min(560px,calc(100vw - 32px));border:1px solid rgba(0,127,255,.82);border-radius:8px;padding:11px 18px;background:#003976f0;color:#fff;font-family:var(--ui-font);font-size:13px;font-weight:700;line-height:1.25;cursor:pointer;pointer-events:auto;animation:tutorial-button-pulse 1.45s ease-in-out infinite}.tutorial-complete-button:hover{background:#0052a8fa;border-color:#007fff}.tutorial-target-pill{padding:6px 9px;border:1px solid rgba(0,127,255,.52);border-radius:999px;background:#0c141cd1;color:#eaf6ff;font-family:var(--ui-font);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.mz-callout{border-color:#007fff75}.mz-fine-panel{min-width:76px;padding:6px;border:1px solid rgba(126,251,98,.42);border-radius:8px;background:#10161ce0;box-shadow:0 8px 18px #00000042;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-family:var(--ui-font);color:#eaf6ff;-webkit-user-select:none;user-select:none}.mz-fine-title{margin-bottom:5px;font-size:10px;font-weight:700;line-height:1;text-align:center;white-space:nowrap}.mz-fine-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mz-fine-button{width:30px;height:26px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#3b424a;color:#f4f8fb;font-family:var(--ui-font);font-size:14px;font-weight:700;line-height:1;cursor:pointer}.mz-fine-button:hover{background:#4a525c}.mz-fine-button:active{transform:translateY(1px)}.optical-plane-popover{box-sizing:border-box;position:relative;width:min(300px,calc(100vw - 20px));max-height:min(720px,calc(var(--app-height, 100dvh) - 20px));display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;border:1px solid rgba(148,163,184,.38);border-radius:8px;background:#0b1016f0;color:#e8eef7;box-shadow:0 14px 36px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--ui-font);font-size:11px;line-height:1.25;-webkit-user-select:none;user-select:none}.optical-plane-popover-close{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;border:1px solid rgba(148,163,184,.34);border-radius:6px;background:#0b1016c7;color:#d8e0ea;font-family:var(--ui-font);font-size:18px;line-height:1;cursor:pointer}.optical-plane-popover-close:hover{background:#2d3744f0}.optical-plane-popover-scroll{flex:1 1 auto;width:100%;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.optical-plane-popover-header{display:grid;grid-template-columns:10px 1fr 28px;align-items:center;gap:8px;padding:9px 8px 8px 10px;border-bottom:1px solid rgba(148,163,184,.22)}.optical-plane-popover-swatch{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor}.optical-plane-popover-title{color:#fff;font-size:12px;font-weight:700}.optical-plane-popover-subtitle{margin-top:2px;color:#aeb9c8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optical-plane-popover-section{padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.16)}.optical-plane-popover-section:last-child{border-bottom:0}.optical-plane-metric{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);gap:8px;align-items:baseline;margin:4px 0}.optical-plane-metric span{color:#96a4b5}.optical-plane-metric strong{min-width:0;color:#f4f8fc;font-weight:650;overflow-wrap:anywhere;text-align:right}.optical-plane-metric-warning span,.optical-plane-metric-warning strong{color:#ff6b6b}.optical-plane-empty{margin-top:6px;color:#96a4b5}.optical-plane-psf-preview-wrap{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;margin:0;border-bottom:1px solid rgba(148,163,184,.22);background:#000}.optical-plane-psf-preview-wrap>img,.optical-plane-psf-preview-wrap>.optical-plane-field-scale{width:100%}.optical-plane-psf-preview{aspect-ratio:1 / 1;height:auto;display:block;image-rendering:pixelated;border:0;border-radius:0;background:#000}.optical-plane-field-scale{padding:5px 8px 6px;box-sizing:border-box}.optical-plane-image-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;color:#c9d5e3;font-size:10px;line-height:1.1}.optical-plane-image-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optical-plane-field-scale-bar{height:8px;border:1px solid rgba(148,163,184,.26);border-radius:999px;background:linear-gradient(90deg,#000,#007fff 44%,#ff9632 65%,#fff)}.optical-plane-field-scale-labels{display:flex;justify-content:space-between;gap:8px;margin-top:2px;color:#96a4b5;font-size:10px;line-height:1.1}.optical-plane-axial-grid,.optical-plane-curve-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.optical-plane-axial-grid div,.optical-plane-mini-curve{min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:5px;background:#0000006b}.optical-plane-axial-grid span,.optical-plane-mini-curve span{display:block;padding:3px 5px 2px;color:#96a4b5;font-size:9px;line-height:1}.optical-plane-axial-grid img{width:100%;aspect-ratio:1.45 / 1;display:block;image-rendering:pixelated;background:#000}.optical-plane-mini-curve svg{width:100%;height:42px;display:block}.optical-plane-mini-curve path{fill:none;stroke:#94a3b857;stroke-width:1}.optical-plane-mini-curve polyline{fill:none;stroke:#007fff;stroke-width:2;vector-effect:non-scaling-stroke}.tutorial-sidebar-callout{position:fixed;z-index:31;min-width:220px;padding:10px 12px;border:1px solid rgba(0,127,255,.42);border-radius:8px;background:#10161ce6;color:#eaf6ff;box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--ui-font);font-size:var(--workspace-font-size);pointer-events:none}.tutorial-sidebar-arrow{position:absolute;left:-30px;top:18px;width:24px;height:2px;background:#007fff;animation:tutorial-arrow-nudge 1.15s ease-in-out infinite}.tutorial-sidebar-arrow:before,.tutorial-sidebar-arrow:after{content:"";position:absolute;left:-1px;width:9px;height:2px;background:#007fff}.tutorial-sidebar-arrow:before{transform:rotate(38deg);transform-origin:left center}.tutorial-sidebar-arrow:after{transform:rotate(-38deg);transform-origin:left center}.tutorial-sidebar-callout.menu-anchor .tutorial-sidebar-arrow{left:-38px;top:-54px;width:66px;transform-origin:left center;animation:tutorial-menu-arrow-nudge 1.15s ease-in-out infinite}@media(max-width:720px){.tutorial-hud-stage1{padding:0 10px calc(env(safe-area-inset-bottom,0px) + 14px)}.tutorial-sidebar-callout{min-width:0}.tutorial-callout.mobile{max-width:min(250px,calc(100vw - 36px))}}