/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#f8f7ff;--muted:#e1e1f499;--line:#ffffff1a;--glass:#0c0c19b8;--violet:#8a7cff;--violet-bright:#b9afff;--cyan:#6fe5ff;--background:#02030a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--background);width:100%;min-height:100%;color:var(--ink);margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 62% 34%,#5b49c521,#0000 34%),radial-gradient(circle at 30% 62%,#175b811a,#0000 38%),linear-gradient(#040611 0%,#02030a 70%,#05050d 100%);width:100%;height:100svh;min-height:100%;position:relative;overflow:hidden}.app-shell:before{z-index:2;pointer-events:none;content:"";background:linear-gradient(#010208b3 0%,#0000 18%),linear-gradient(#0000 58%,#010208eb 100%);position:absolute;inset:0}.space-wash{z-index:0;opacity:.55;filter:blur(55px);background:radial-gradient(#846dff29,#0000 50%),conic-gradient(from 150deg,#0000,#32529b1a,#0000,#7d4abc14,#0000);height:62%;position:absolute;inset:5% -35% auto;transform:rotate(-12deg)}.particle-canvas{z-index:1;touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.topbar{z-index:5;width:100%;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.brand{align-items:center;gap:11px;display:flex}.brand-orbit{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0d1bb8;border:1px solid #ffffff29;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 8px 30px #0003}.brand-orbit:before,.brand-orbit:after{content:"";border:1px solid #b2a6ffd9;border-radius:50%;width:19px;height:8px;position:absolute;transform:rotate(35deg)}.brand-orbit:after{transform:rotate(-35deg)}.brand-orbit i{width:4px;height:4px;box-shadow:0 0 10px 3px var(--violet);background:#fff;border-radius:50%}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:.2em;font-size:12px;font-weight:720}.brand-copy small{color:var(--muted);letter-spacing:.08em;font-size:10px}.top-actions{pointer-events:none;align-items:center;gap:7px;display:flex}.control-toggle{color:#e7e5f79e;appearance:none;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(18px);background:#0b0b168f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;min-height:31px;padding:0 10px;display:flex}.control-toggle.active{color:#efecffe6;background:#5c4cb52e;border-color:#a395ff4d}.control-toggle em{letter-spacing:.06em;font-size:9px;font-style:normal}.control-toggle-glyph{gap:3px;width:15px;display:grid}.control-toggle-glyph i{background:currentColor;border-radius:99px;width:15px;height:1px;display:block;position:relative}.control-toggle-glyph i:after{content:"";background:var(--violet-bright);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:3px;box-shadow:0 0 5px #8a7cffa6}.control-toggle-glyph i:nth-child(2):after{left:9px}.control-toggle-glyph i:nth-child(3):after{left:5px}.live-pill{color:#ededfabd;letter-spacing:.08em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);appearance:none;cursor:pointer;pointer-events:auto;background:#0b0b168f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;min-height:31px;padding:0 11px;font-size:10px;display:flex}.live-pill span{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.live-pill em{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-style:normal;overflow:hidden}.live-pill.loading span{background:#ffc878;animation:1s ease-in-out infinite status-pulse;box-shadow:0 0 8px #ffc878}.live-pill.live span{background:#62f0b1;box-shadow:0 0 9px #62f0b1}.live-pill.error span{background:#ff967f;box-shadow:0 0 8px #ff967fd9}@keyframes status-pulse{50%{opacity:.35;transform:scale(.7)}}.hero-copy{z-index:4;top:clamp(102px,13svh,134px);left:max(21px, env(safe-area-inset-left));pointer-events:none;position:absolute}.hero-copy .eyebrow{color:#c2bfdd7a;letter-spacing:.24em;font-size:9px;font-weight:650}.hero-copy h1{letter-spacing:-.055em;text-shadow:0 8px 35px #00000080;margin:7px 0 4px;font-size:clamp(29px,8vw,38px);font-weight:560;line-height:1}.hero-copy p{color:#dddbf17a;letter-spacing:.02em;margin:0;font-size:10px}.depth-scale{z-index:4;top:28%;right:max(14px, env(safe-area-inset-right));color:#ffffff47;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.depth-scale span{letter-spacing:.18em;writing-mode:vertical-rl;font-size:7px}.depth-scale i{background:currentColor;border-radius:50%;width:2px;height:2px;display:block}.depth-scale i.active{background:#ada0ffd9;border-radius:4px;width:4px;height:12px;box-shadow:0 0 12px #8a7cffcc}.camera-preview{z-index:6;top:max(67px, calc(env(safe-area-inset-top) + 48px));right:max(14px, env(safe-area-inset-right));opacity:0;pointer-events:none;background:#050610db;border:1px solid #ffffff1f;border-radius:19px;width:104px;height:138px;transition:opacity .18s,transform .18s;position:absolute;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 20px 50px #0006,inset 0 1px #ffffff14}.camera-preview.visible{opacity:1;transform:translateY(0)scale(1)}.camera-preview video{object-fit:cover;opacity:.78;width:100%;height:100%;transform:scaleX(-1)}.camera-preview:after{content:"";background:linear-gradient(#0000 36%,#02030ad1),radial-gradient(circle,#0000 28%,#02030a47);position:absolute;inset:0}.camera-scan{z-index:1;border:1px solid #7ce0ff40;border-radius:14px;position:absolute;inset:12px 12px 39px}.camera-scan:before,.camera-scan:after{content:"";border-style:solid;border-color:#6fe5ffe0;width:14px;height:14px;position:absolute}.camera-scan:before{border-width:2px 0 0 2px;border-radius:6px 0 0;top:-1px;left:-1px}.camera-scan:after{border-width:0 2px 2px 0;border-radius:0 0 6px;bottom:-1px;right:-1px}.gesture-readout{z-index:2;gap:5px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.gesture-readout span{color:#f7f7ffd6;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.gesture-readout i{background:#ffffff1f;border-radius:99px;height:2px;overflow:hidden}.gesture-readout b{border-radius:inherit;background:linear-gradient(90deg, var(--violet-bright), var(--cyan));height:100%;box-shadow:0 0 7px var(--cyan);transition:width .1s linear;display:block}.control-dock{z-index:7;padding:8px max(14px, env(safe-area-inset-right)) max(15px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(24px)saturate(135%);opacity:1;visibility:visible;will-change:transform, opacity;background:linear-gradient(#141325c7,#07070ff0);border-top:1px solid #ffffff1a;border-radius:25px 25px 0 0;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s,visibility linear;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -18px 50px #00000047,inset 0 1px #ffffff0a}.control-dock.collapsed{opacity:0;visibility:hidden;pointer-events:none;transition:transform .26s cubic-bezier(.55,0,.78,0),opacity .18s,visibility 0s linear .26s;transform:translateY(calc(100% + 18px))}.dock-handle{background:#fff3;border-radius:99px;width:34px;height:3px;margin:0 auto 9px}.preset-strip{scrollbar-width:none;grid-auto-columns:minmax(90px,1fr);grid-auto-flow:column;gap:8px;margin:0 -1px 13px;display:grid;overflow-x:auto}.preset-strip::-webkit-scrollbar{display:none}.preset-card{text-align:left;background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;outline:none;align-items:center;gap:8px;min-width:0;min-height:52px;padding:7px 9px;display:flex}.preset-card.active{background:linear-gradient(135deg,#8b79ff33,#574ca412);border-color:#a395ff7a;box-shadow:inset 0 1px #ffffff14,0 8px 24px #261e5e2e}.preset-card>span:last-child{gap:2px;min-width:0;display:grid}.preset-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:580;overflow:hidden}.preset-card small{color:#d7d4eb61;letter-spacing:.09em;text-overflow:ellipsis;font-size:7px;overflow:hidden}.model-icon{background:radial-gradient(circle,#8d7eff38,#0000 56%),#01010580;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:hidden}.model-icon:before,.model-icon:after,.model-icon i{content:"";position:absolute}.model-nebula:before{border:1px dotted #bfb6ffe6;border-radius:50%;width:21px;height:8px;transform:rotate(-20deg);box-shadow:0 0 8px #8a7cffb3}.model-nebula:after{background:#fff;border-radius:50%;width:3px;height:3px;box-shadow:-8px 2px #8a7cffbf,8px -2px #6fe5ffbf}.model-tesseract:before,.model-tesseract:after{border:1px solid #b8adffc7;width:14px;height:14px;transform:rotate(11deg)}.model-tesseract:after{width:9px;height:9px;transform:translate(4px,-3px)rotate(11deg)}.model-orbit:before{border:1px solid #96dfffc7;border-radius:50%;width:21px;height:9px;transform:rotate(-23deg)}.model-orbit:after{width:5px;height:5px;box-shadow:0 0 8px 2px var(--cyan);background:#fff;border-radius:50%}.model-sphere:before{border:1px dotted #c5bcffe0;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 7px #8a7cff66,0 0 7px #8a7cff59}.model-sphere:after{border-top:1px solid #6fe5ff8c;border-radius:50%;width:16px;height:6px}.model-custom:before{border-bottom:2px solid #c3b9ffe6;border-radius:50%;width:19px;height:14px;transform:rotate(-15deg)}.model-custom:after{background:#fff;border-radius:50%;width:4px;height:4px;box-shadow:-7px 3px #8a7cffe6,7px -3px #6fe5ffe6}.tuner-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tuner,.color-control{background:#ffffff07;border:1px solid #ffffff12;border-radius:14px;gap:9px;min-width:0;padding:10px 11px;display:grid}.tuner>span,.color-control>span:first-child{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tuner b,.color-control b{color:#f3f2fcc4;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:520;overflow:hidden}.tuner output,.color-control small{color:#d0caf87a;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px}.tuner input[type=range]{appearance:none;background:0 0;width:100%;height:14px;margin:0}.tuner input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--violet-bright) 0 var(--range-progress), #ffffff1f var(--range-progress) 100%);border-radius:99px;height:2px}.tuner input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--violet);border:3px solid #e9e5ff;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 12px #8a7cffbf}.tuner input[type=range]::-moz-range-track{background:#ffffff1f;border:0;border-radius:99px;height:2px}.tuner input[type=range]::-moz-range-progress{background:var(--violet-bright);height:2px}.tuner input[type=range]::-moz-range-thumb{background:var(--violet);border:2px solid #e9e5ff;border-radius:50%;width:11px;height:11px}.color-control{grid-template-columns:1fr 29px;align-items:center}.color-control>span:first-child{justify-content:start;gap:3px;display:grid}.color-input-wrap{border:3px solid #ffffffb3;border-radius:50%;width:29px;height:29px;display:block;position:relative;overflow:hidden;box-shadow:0 0 12px}.color-input-wrap input{cursor:pointer;opacity:0;width:46px;height:46px;position:absolute;inset:-8px}.primary-action,.secondary-action{appearance:none;letter-spacing:.02em;border-radius:14px;min-height:45px;padding:0 17px;font-size:12px;font-weight:650}.primary-action{color:#0a0815;background:linear-gradient(135deg,#d9d3ff,#8a7cff 56%,#78dfff);border:1px solid #ffffffb8;box-shadow:0 12px 35px #5b49c547,inset 0 1px #ffffff8c}.primary-action:disabled{cursor:wait;filter:saturate(.45);opacity:.7}.secondary-action{color:#f4f3ffc7;background:#ffffff0b;border:1px solid #ffffff1a}.camera-gate{z-index:40;width:100%;height:100dvh;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(20px)saturate(120%);background:radial-gradient(circle at 50% 32%,#6f5be533,#0000 34%),#010208d1;place-items:center;display:none;position:fixed;inset:0}.camera-gate.open{display:grid}.camera-gate-card{text-align:center;background:linear-gradient(155deg,#191730f5,#070813f7);border:1px solid #ffffff1f;border-radius:28px;width:min(100%,390px);padding:28px 22px 20px;box-shadow:0 35px 90px #00000094,inset 0 1px #ffffff14}.gate-orbit{background:radial-gradient(circle,#8a7cff4d,#0000 58%),#ffffff08;border:1px solid #b9afff38;border-radius:24px;place-items:center;width:68px;height:68px;margin:0 auto 20px;display:grid;position:relative;box-shadow:0 0 45px #705aff2e,inset 0 1px #ffffff14}.gate-orbit:before,.gate-orbit:after{content:"";border:1px solid #cbc2ffc7;border-radius:50%;width:42px;height:17px;position:absolute;transform:rotate(38deg)}.gate-orbit:after{transform:rotate(-38deg)}.gate-orbit i{width:7px;height:7px;box-shadow:0 0 17px 5px var(--violet);background:#fff;border-radius:50%}.camera-gate-card>small{color:#c2bfdd80;letter-spacing:.22em;font-size:8px;font-weight:650}.camera-gate-card h2{letter-spacing:-.04em;margin:9px 0 10px;font-size:25px;font-weight:600}.camera-gate-card>p{color:#e0def094;margin:0 auto 20px;font-size:12px;line-height:1.7}.camera-start,.camera-skip{width:100%}.camera-skip{margin-top:9px}.camera-gate-card .camera-error{color:#ffc39f;background:#74321e1f;border:1px solid #ffa6782e;border-radius:11px;margin:13px 0 0;padding:10px;font-size:10px;line-height:1.55}.camera-gate-card .safari-note{color:#cdcae059;margin:13px 0 0;font-size:9px}.draw-panel{z-index:32;padding:max(18px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(17px);background:#010208c7;align-items:end;display:none;position:fixed;inset:0}.draw-panel.open{display:grid}.draw-sheet{background:linear-gradient(160deg,#161529f7,#070812fa);border:1px solid #ffffff1c;border-radius:24px;width:min(100%,680px);margin:0 auto;padding:14px;box-shadow:0 35px 80px #0000008c,inset 0 1px #ffffff0f}.draw-header{justify-content:space-between;align-items:center;padding:2px 2px 12px 4px;display:flex}.draw-header>span{gap:3px;display:grid}.draw-header small{color:#c9c5e15e;letter-spacing:.18em;font-size:7px}.draw-header strong{font-size:15px;font-weight:600}.draw-header button{color:#ffffffa8;background:#ffffff0a;border:1px solid #ffffff17;border-radius:50%;width:34px;height:34px;padding:0 0 2px;font-size:22px;line-height:1}.draw-canvas-wrap{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle,#5343ae1f,#0000 54%),#03040b;border:1px solid #ffffff14;border-radius:17px;height:clamp(285px,50dvh,440px);position:relative;overflow:hidden}.draw-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.draw-hint{color:#e0ddf273;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#03040bad;border:1px solid #ffffff12;border-radius:999px;max-width:calc(100% - 24px);padding:6px 9px;font-size:9px;position:absolute;bottom:11px;left:50%;overflow:hidden;transform:translate(-50%)}.draw-actions{grid-template-columns:.72fr 1.6fr;gap:9px;padding-top:10px;display:grid}@media (width<=390px){.tuner,.color-control{padding:9px}.tuner-grid{gap:7px}.control-toggle{justify-content:center;width:31px;padding:0}.control-toggle em{display:none}.preset-strip{grid-auto-columns:92px}.camera-preview{width:92px;height:124px}.live-pill em{max-width:78px}}@media (height<=680px){.hero-copy{top:90px}.hero-copy h1{font-size:27px}.depth-scale{display:none}.control-dock{padding-top:6px}.preset-strip{margin-bottom:8px}.camera-preview{width:86px;height:112px;top:65px}.draw-canvas-wrap{height:255px}}@media (width>=700px){.control-dock{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));border:1px solid #ffffff1c;border-radius:25px;width:min(620px,100% - 48px);left:auto}.tuner-grid{grid-template-columns:1fr 1fr 1fr 92px}.topbar{padding:25px 30px}.hero-copy{top:124px;left:32px}.camera-preview{width:142px;height:185px;top:90px;right:30px}.draw-panel{align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#f4fbff;--muted:#bde0ef94;--line:#83b8cc38;--glass:#09111bd1;--violet:#a78bfa;--violet-bright:#c3b5ff;--cyan:#63e6ff;--cyan-soft:#bdefff;--success:#71f6c1;--background:#03070d}body{font-family:var(--font-geist-sans), "SF Pro Display", "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif}.app-shell{background:radial-gradient(circle at 50% 43%,#237ca624,#0000 28%),radial-gradient(circle at 64% 36%,#6258bc14,#0000 34%),linear-gradient(#03070d 0%,#06101a 58%,#02060b 100%)}.app-shell:before{z-index:2;background:linear-gradient(#01050a99 0%,#0000 16%),radial-gradient(circle,#0000 38%,#00030870 100%),linear-gradient(#0000 70%,#01050ab8 100%)}.app-shell:after{z-index:3;content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#4babcf07 1px,#0000 1px),linear-gradient(90deg,#4babcf07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 76%)}.space-wash{opacity:.45;filter:blur(65px);background:radial-gradient(#45c0e821,#0000 48%),conic-gradient(from 130deg,#0000,#267aae14,#0000,#7e63da12,#0000);height:62%;inset:10% -25% auto;transform:none}.particle-canvas{z-index:1}.observatory-overlay{z-index:3;color:#8bd2ec6b;font-family:var(--font-geist-mono), ui-monospace, monospace;pointer-events:none;font-size:10px;position:absolute;inset:64px 0 0;overflow:hidden}.axis-line{opacity:.48;background:linear-gradient(90deg,#0000,#57c4e93d,#0000);display:block;position:absolute}.axis-line-x{width:86%;height:1px;top:46%;left:7%}.axis-line-y{background:linear-gradient(#0000,#57c4e940,#0000);width:1px;top:4%;bottom:17%;left:50%}.axis-center{border:1px solid #63e6ff9e;border-radius:50%;width:7px;height:7px;position:absolute;top:calc(46% - 3px);left:calc(50% - 3px);box-shadow:0 0 14px #63e6ffb3,inset 0 0 7px #63e6ff8c}.coordinate-y,.coordinate-x,.coordinate-z{color:#a6ddf185;letter-spacing:.16em;position:absolute}.coordinate-y{top:2%;left:calc(50% - 2px)}.coordinate-x{bottom:18%;left:4.5%}.coordinate-z{top:calc(46% - 5px);right:2%}.topbar{z-index:12;min-height:64px;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);background:linear-gradient(#03080eeb,#03080e99);border-bottom:1px solid #83b8cc2e}.brand{color:#dff7ff;gap:14px}.brand>strong{letter-spacing:.25em;font-size:18px;font-weight:560}.brand>i{background:#97cade6b;width:1px;height:20px}.brand>small{color:#a9d3e4ad;letter-spacing:.14em;font-size:13px;font-weight:450}.top-actions{gap:10px}.control-toggle,.live-pill{-webkit-backdrop-filter:blur(18px);background:#07141fb8;border-radius:10px;min-height:44px}.control-toggle{color:#d3f1fac7;border-color:#78cbe852;padding:0 14px}.control-toggle em{letter-spacing:.06em;font-size:11px}.control-toggle-glyph i{background:#c1ecf8c7}.control-toggle-glyph i:after{background:var(--cyan);box-shadow:0 0 7px #63e6ffbf}.live-pill{color:#cdeffc;border-color:#63e6ff99;justify-content:center;gap:11px;min-width:206px;padding:0 18px;box-shadow:0 0 24px #229ac014,inset 0 0 18px #37abd30a}.camera-button-icon{border:1.5px solid;border-radius:3px;width:18px;height:14px;display:block;position:relative;box-shadow:none!important;background:0 0!important}.camera-button-icon:before{content:"";border:1.5px solid;border-bottom:0;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-4px;left:3px}.camera-button-icon i{border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:5px}.live-pill em{max-width:150px;color:inherit;letter-spacing:.08em;font-size:12px;font-weight:520}.live-pill.live{color:var(--success);border-color:#71f6c173}.live-pill.loading{color:#ffd28c;border-color:#ffd28c66}.live-pill.error{color:#ffad9b;border-color:#ffad9b6b}.hero-copy{z-index:8;top:max(96px, calc(env(safe-area-inset-top) + 76px));left:max(22px, env(safe-area-inset-left));max-width:min(360px,100vw - 44px);padding-left:16px}.hero-copy:before{content:"";background:linear-gradient(180deg, var(--cyan), #63e6ff14);border-radius:2px;width:2px;position:absolute;top:2px;bottom:0;left:0;box-shadow:0 0 12px #63e6ff52}.hero-copy .eyebrow{color:#b6dfee8f;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.17em;font-size:9px;font-weight:500}.hero-copy h1{color:#f4fbff;letter-spacing:-.035em;text-shadow:0 0 30px #63e6ff1f;margin:9px 0 10px;font-size:clamp(30px,7.5vw,42px);font-weight:520}.hero-status{color:#b8e1efad;align-items:center;gap:7px;width:fit-content;margin-bottom:8px;font-size:11px;display:flex}.hero-status i{border:1px solid;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.hero-status.live{color:var(--success)}.hero-status.live i{background:var(--success)}.hero-copy p{color:#b8d8e47a;max-width:310px;font-size:10px;line-height:1.55}.telemetry-panel{z-index:8;color:#bee1eead;width:188px;font-family:var(--font-geist-mono), ui-monospace, monospace;pointer-events:none;background:linear-gradient(90deg,#050d16c7,#050d164d);border-top:1px solid #83b8cc57;border-bottom:1px solid #83b8cc33;padding:10px 12px 9px;position:absolute;top:92px;right:38px}.telemetry-panel dl{margin:0}.telemetry-panel dl>div{border-bottom:1px solid #83b8cc1f;justify-content:space-between;align-items:center;min-height:29px;display:flex}.telemetry-panel dt{letter-spacing:.15em;font-size:9px}.telemetry-panel dd{color:#def4fbd6;margin:0;font-size:10px}.telemetry-wave{width:100%;height:38px;margin-top:5px;display:block;overflow:visible}.telemetry-wave line{stroke:#83b8cc24;stroke-width:1px}.telemetry-wave polyline{fill:none;stroke:#a78bfa;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;filter:drop-shadow(0 0 3px #a78bfa80)}.telemetry-panel footer{color:#8fc2d575;letter-spacing:.12em;justify-content:space-between;font-size:7px;display:flex}.side-ruler{z-index:4;color:#83c2da66;width:36px;font-family:var(--font-geist-mono), ui-monospace, monospace;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;top:29%;bottom:28%}.side-ruler:before{content:"";background:linear-gradient(#0000,#5bbce047,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%}.side-ruler span,.side-ruler i{z-index:1;background:#06101a;position:relative}.side-ruler i{background:#63e6ff9e;width:5px;height:1px;box-shadow:0 0 5px #63e6ff73}.side-ruler-left{left:24px}.side-ruler-right{right:24px}.camera-preview{background:#030a11e6;border-color:#63e6ff40;border-radius:12px;width:154px;height:188px;top:286px;right:38px}.camera-scan{border-color:#63e6ff3d;border-radius:8px}.gesture-readout b{background:linear-gradient(90deg, var(--cyan), var(--violet));box-shadow:0 0 7px var(--cyan)}.control-dock{z-index:14;padding:10px max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(20px)saturate(120%);background:linear-gradient(#0f1b27e8,#050d16f7);border-top-color:#83b8cc3d;border-radius:18px 18px 0 0;display:block;box-shadow:0 -18px 55px #00000057,inset 0 1px #caf0fc0e}.dock-handle{background:#9ad2e647;width:30px;margin-bottom:8px}.dock-preset-panel{min-width:0}.dock-section-label{color:#bee1eea3;letter-spacing:.12em;margin:0 0 7px 3px;font-size:9px;font-weight:520;display:block}.preset-strip{grid-auto-columns:82px;gap:7px;margin:0 0 10px}.preset-card{color:#c6e2edad;text-align:center;background:#050d167a;border-color:#83b8cc2e;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:7px 6px}.preset-card.active{color:#dcf8ff;background:radial-gradient(circle at 50% 35%,#63e6ff24,#0000 56%),#061620d1;border-color:#63e6ffc2;box-shadow:inset 0 0 18px #63e6ff0f,0 0 18px #2098bc12}.preset-card>span:last-child{gap:1px}.preset-card strong{font-size:11px;font-weight:520}.preset-card small{color:#9ac9da61;font-size:6px}.model-icon{background:radial-gradient(circle,#63e6ff1a,#0000 62%),#01070c8f;border:1px solid #80bdd41f;border-radius:7px;flex-basis:34px;width:34px;height:34px}.tuner-grid{grid-template-columns:1fr 1fr;gap:8px}.tuner,.color-control{background:#050d1666;border-color:#83b8cc26;border-radius:10px;gap:9px;padding:9px 10px}.tuner b,.color-control b{color:#dbf0f7bd;font-size:9px;font-weight:500}.tuner output,.color-control small{color:#b2dceb99;font-size:8px}.tuner input[type=range]{height:18px}.tuner input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan) 0 var(--range-progress), #85b4c52e var(--range-progress) 100%);height:3px}.fps-tuner input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--violet) 0 var(--range-progress), #85b4c52e var(--range-progress) 100%)}.tuner input[type=range]::-webkit-slider-thumb{background:#4fb8dc;border:3px solid #f4fbff;width:16px;height:16px;margin-top:-6.5px;box-shadow:0 0 10px #63e6ffa8}.fps-tuner input[type=range]::-webkit-slider-thumb{background:var(--violet);box-shadow:0 0 10px #a78bfa9e}.color-control{grid-template-columns:1fr 54px}.color-input-wrap{border:1px solid #def6fdb8;border-radius:7px;width:54px;height:29px;box-shadow:0 0 12px #63e6ff40,inset 0 0 0 2px #02080d80}.color-input-wrap:before{content:"";pointer-events:none;background:linear-gradient(90deg,#63e6ff73,#a78bfa59,#0000);position:absolute;inset:0}.dock-collapse{top:11px;right:max(14px, env(safe-area-inset-right));color:#bbdde994;background:0 0;border:0;border-left:1px solid #83b8cc2e;place-items:center;gap:3px;min-width:70px;min-height:34px;padding:4px 9px;display:grid;position:absolute}.dock-collapse span{border-bottom:1px solid;border-right:1px solid;width:10px;height:10px;transform:rotate(45deg)}.dock-collapse em{letter-spacing:.08em;font-size:8px;font-style:normal}.primary-action{color:#031016;background:linear-gradient(135deg,#dff9ff,#63e6ff 58%,#a78bfa);border-color:#e2f9ffc2;box-shadow:0 12px 35px #2db0d733,inset 0 1px #ffffffa6}.secondary-action{color:#daf1f9c2;background:#4f8ba212;border-color:#83b8cc33}.camera-gate{background:radial-gradient(circle at 50% 32%,#2ca9d32e,#0000 35%),#01060be0}.camera-gate-card,.draw-sheet{background:linear-gradient(155deg,#0e1e2bfa,#030a11fa);border-color:#83b8cc3d}.gate-orbit{background:radial-gradient(circle,#63e6ff3d,#0000 60%),#63e6ff09;border-color:#63e6ff47;box-shadow:0 0 45px #43bce024,inset 0 1px #ffffff14}.gate-orbit:before,.gate-orbit:after{border-color:#baf1ffc7}.gate-orbit i{box-shadow:0 0 17px 5px var(--cyan)}.draw-canvas-wrap{background:linear-gradient(#63e6ff09 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#63e6ff09 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle,#2e96bd1f,#0000 54%),#02080e;border-color:#83b8cc2e}button:focus-visible,input:focus-visible,.particle-canvas:focus-visible{outline-offset:3px;outline:2px solid #63e6ffe6}@media (width<=699px){.telemetry-panel,.side-ruler{display:none}.observatory-overlay{opacity:.58;top:58px}.coordinate-x,.coordinate-z{display:none}.topbar{min-height:58px;padding-top:max(10px, env(safe-area-inset-top))}.brand{gap:8px}.brand>strong{letter-spacing:.2em;font-size:13px}.brand>i{height:15px}.brand>small{letter-spacing:.08em;font-size:9px}.live-pill{min-width:44px;padding:0 12px}.live-pill em{display:none}.control-toggle{justify-content:center;width:44px;padding:0}.control-toggle em{display:none}.hero-copy{top:max(88px, calc(env(safe-area-inset-top) + 68px));max-width:calc(100vw - 132px)}.hero-copy h1{font-size:clamp(29px,8vw,36px)}.hero-copy p{max-width:230px}.camera-preview{top:max(88px, calc(env(safe-area-inset-top) + 68px));right:max(14px, env(safe-area-inset-right));width:96px;height:126px}.dock-section-label{padding-right:78px}.preset-strip{padding-right:68px}.control-dock.collapsed{transform:translateY(calc(100% + 18px))}}@media (width>=700px) and (width<=1049px){.control-dock{border:1px solid #83b8cc4d;border-radius:14px}}@media (width>=1050px){.topbar{padding:10px 32px}.hero-copy{top:98px;left:40px}.control-dock{right:auto;bottom:max(28px, env(safe-area-inset-bottom));border:1px solid #83b8cc4d;border-radius:14px;grid-template-columns:minmax(430px,1.15fr) minmax(510px,1.7fr) 88px;align-items:end;gap:18px;width:min(1320px,100% - 76px);padding:14px 18px;display:grid;left:50%;transform:translate(-50%)}.control-dock.collapsed{transform:translate(-50%,calc(100% + 44px))}.dock-handle{display:none}.dock-section-label{margin-bottom:8px}.preset-strip{grid-auto-columns:minmax(76px,1fr);gap:9px;margin:0;overflow:visible}.preset-card{min-height:102px}.model-icon{flex-basis:46px;width:46px;height:46px}.tuner-grid{grid-template-columns:repeat(4,minmax(105px,1fr));gap:0}.tuner,.color-control{background:0 0;border-width:0 0 0 1px;border-radius:0;align-content:center;min-height:102px;padding:13px 18px}.color-control{grid-template-columns:1fr;justify-items:stretch}.color-input-wrap{width:100%;height:31px}.dock-collapse{border-left-color:#83b8cc42;align-content:center;min-width:88px;min-height:102px;position:static}.dock-collapse em{font-size:9px}}@media (height<=680px) and (width<=699px){.hero-copy{top:78px}.preset-card{min-height:58px}.model-icon{display:none}.tuner,.color-control{padding-block:7px}}@media (orientation:landscape) and (height<=699px){.hero-copy{top:max(70px, calc(env(safe-area-inset-top) + 60px))}.hero-copy h1{font-size:clamp(24px,5vw,31px)}.control-dock{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));border:1px solid #83b8cc47;border-radius:12px;width:auto;padding:7px 9px 8px}.dock-handle,.dock-section-label{display:none}.preset-strip{grid-auto-columns:minmax(68px,1fr);gap:6px;margin:0 68px 6px 0;padding:0}.preset-card{flex-direction:row;gap:5px;min-height:39px;padding:5px 7px}.model-icon{display:none}.preset-card strong{font-size:10px}.tuner-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tuner,.color-control{gap:5px;min-height:49px;padding:6px 8px}.color-control{grid-template-columns:1fr 38px}.color-input-wrap{width:38px;height:25px}.dock-collapse{min-width:58px;min-height:39px;padding:3px 7px;top:7px;right:8px}.camera-preview{z-index:13;top:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(132px + env(safe-area-inset-bottom));border-radius:9px;width:96px;height:68px}.camera-preview.controls-hidden{bottom:max(12px, env(safe-area-inset-bottom))}.camera-scan{border-radius:5px;inset:5px 5px 23px}.gesture-readout{gap:4px;bottom:5px;left:7px;right:7px}.gesture-readout span{max-width:48px;font-size:7px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}