@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-ui: "JetBrains Mono", "Courier New", Courier, monospace;--bg-top: #050607;--bg-bottom: #010101;--bg-void: #020202;--bg-seam: rgba(117, 255, 187, .08);--panel-bg: linear-gradient(180deg, rgba(15, 14, 16, .96), rgba(7, 7, 8, .98));--panel-fill: rgba(11, 11, 12, .94);--panel-border: rgba(83, 158, 123, .42);--panel-border-soft: rgba(71, 117, 96, .18);--stage-bg: rgba(4, 4, 5, .96);--text-main: #e8eadf;--text-muted: #a0a699;--text-dim: #6f776d;--accent: #59c98a;--accent-strong: #8effbb;--accent-hot: #d8ffe8;--accent-secondary: #8fd7ff;--warning: #ff5f68;--error: #ff8c74;--line-hot: rgba(142, 255, 187, .55);--line-cold: rgba(216, 255, 232, .12);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--shadow-active: inset 0 1px 0 rgba(216, 255, 232, .14), 0 0 0 1px rgba(142, 255, 187, .26), 0 18px 40px rgba(0, 0, 0, .42);--shadow-panel: 0 22px 60px rgba(0, 0, 0, .5);--shadow-ember: 0 0 22px rgba(89, 201, 138, .14);--sheen-band: linear-gradient( 108deg, rgba(255, 255, 255, 0) 18%, rgba(216, 255, 232, .14) 44%, rgba(143, 215, 255, .22) 50%, rgba(255, 255, 255, 0) 74% );--font-size-kicker: .75rem;--font-size-title: clamp(2.4rem, 6vw, 4.9rem);--font-size-section: .95rem;--font-size-meta: .82rem;--font-size-body: .94rem;--motion-fast: .16s;--motion-base: .26s;--motion-slow: .64s;--motion-ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-ui);color:var(--text-main);background:radial-gradient(circle at top left,rgba(224,126,66,.07),transparent 28%),radial-gradient(circle at 85% 18%,rgba(255,208,145,.05),transparent 18%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom) 34%,var(--bg-void));letter-spacing:.01em;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 18%,rgba(143,215,255,.025) 18% 18.1%,transparent 18.1% 81.9%,rgba(142,255,187,.025) 81.9% 82%,transparent 82%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 30%);mix-blend-mode:screen}#root{min-height:100vh}button,input,output{font:inherit}.srOnlyInput{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}p{font-size:var(--font-size-body)}::selection{background:#8fd7ff52;color:#f2fff8}::-moz-selection{background:#8fd7ff52;color:#f2fff8}button{cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}button[disabled],input[disabled]{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.imageSlot[data-surface=artifact],.premiumArtifactViewport{cursor:crosshair}@keyframes sacredSweep{0%{transform:translate(-120%);opacity:0}20%{opacity:.9}to{transform:translate(140%);opacity:0}}@keyframes terminalReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.shell{width:min(1380px,94vw);margin:0 auto;padding:2.2rem 0 3.2rem;position:relative;animation:terminalReveal var(--motion-slow) var(--motion-ease)}.hero{margin-bottom:1.15rem;padding:.95rem 1.2rem 1.05rem;border:1px solid var(--panel-border-soft);background:linear-gradient(180deg,rgba(255,186,120,.02),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 28%),#030304b8;position:relative;overflow:hidden}.heroMeta,.heroTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.heroMeta{margin-bottom:.35rem}.heroRegistry,.heroStamp{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.18em;font-size:.67rem}.heroStamp{color:var(--accent-secondary);text-align:right;max-width:18rem}.hero h1{margin:0;line-height:1;font-weight:700;letter-spacing:.06em;font-size:clamp(2.1rem,5.4vw,4.4rem);text-transform:uppercase}.heroBody{max-width:44rem;margin:.55rem 0 0;color:var(--text-muted);line-height:1.55}.kicker{margin:0;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.24em;font-size:var(--font-size-kicker)}.tabBar{display:flex;gap:.55rem;margin-bottom:.9rem;position:relative;z-index:1}.controls{margin-bottom:1rem;padding:.9rem 1rem 1rem;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.controlsPanel{position:relative}.controlsHeader{width:100%;display:flex;justify-content:space-between;gap:1rem;padding-bottom:.55rem;margin-bottom:.05rem;border-bottom:1px solid var(--panel-border-soft)}.panelCode{margin:0 0 .2rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.2em;font-size:.67rem}.panelSummary{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;text-align:right}.previewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:start}.footnote{margin:1.2rem 0 0;color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;line-height:1.7;border-top:1px solid var(--panel-border-soft);padding-top:.9rem}@media(min-width:1101px){.premiumSidebar{margin-top:2.3rem}.premiumControlsPanel{margin-top:4.9rem}}@media(max-width:900px){.heroMeta,.heroTitleRow,.controlsHeader{flex-direction:column;align-items:flex-start}.shell{width:min(100%,100vw - 1rem);padding:1rem 0 calc(2rem + env(safe-area-inset-bottom))}.hero{padding:.9rem .95rem 1rem}.controls{align-items:stretch}.controls>button,.controls>.uploadButton{width:100%}.spec,.notice{width:100%}.previewGrid{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(100%,100vw - .65rem);padding-top:.7rem}.hero{margin-bottom:.8rem}.heroRegistry,.heroStamp,.panelSummary{max-width:100%;overflow-wrap:anywhere}.heroBody{margin-top:.7rem;font-size:.88rem}.tabBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls{padding:.8rem .8rem .95rem;gap:.6rem}.controlsHeader{padding-bottom:.45rem}.frame{padding:.85rem .85rem .95rem}.frame header{align-items:flex-start}.footnote{margin-top:.9rem;font-size:.69rem;letter-spacing:.12em}}.uploadButton,button{border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(142,255,187,.05),transparent 34%),linear-gradient(180deg,#18181bfa,#0b0b0cfa);color:var(--text-main);border-radius:var(--radius-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden}button,.uploadButton{padding:.82rem 1rem;min-height:2.9rem}.uploadButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:.5rem}.uploadButton input{display:none}.tabButton,.choiceButton,.stageButton{background:linear-gradient(180deg,rgba(142,255,187,.04),transparent 28%),#0b0b0cf5}.tabButton{min-width:10.5rem;padding-top:1rem;padding-bottom:.92rem}.choiceButton,.stageButton{text-align:left;min-height:3rem;padding-left:.95rem}.tabButton,.choiceButton,.stageButton,.uploadButton,.paletteCard,.buttonPrimary{isolation:isolate}.tabButton:before,.choiceButton:before,.stageButton:before,.uploadButton:before,.buttonPrimary:before,.paletteCard:before{content:"";position:absolute;inset:0;background:var(--sheen-band);transform:translate(-130%);opacity:0;pointer-events:none}.tabButton:hover,.choiceButton:hover,.stageButton:hover,.paletteCard:hover{border-color:var(--line-hot);color:#f2fff8;transform:translateY(-1px)}.buttonPrimary,.tabButton[aria-selected=true],.choiceButton[data-state=active],.stageButton[data-state=active]{background:linear-gradient(180deg,rgba(216,255,232,.08),transparent 32%),linear-gradient(180deg,#091f12f5,#050e0afa);border-color:#8effbbb8;box-shadow:var(--shadow-active);color:#f2fff8}.buttonPrimary:before,.tabButton[aria-selected=true]:before,.choiceButton[data-state=active]:before,.stageButton[data-state=active]:before,.paletteCard[data-state=active]:before{opacity:1;animation:sacredSweep 1.35s var(--motion-ease) both}.buttonCode{display:block;color:var(--accent-secondary);font-size:.62rem;letter-spacing:.18em;margin-bottom:.22rem}.tabButton[aria-selected=true],.choiceButton[data-state=active],.stageButton[data-state=active],.paletteCard[data-state=active]{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.tabButton[aria-selected=true]:after,.choiceButton[data-state=active]:after,.stageButton[data-state=active]:after,.paletteCard[data-state=active]:after,.buttonPrimary:after{content:"";position:absolute;top:0;right:0;width:14px;height:14px;background:linear-gradient(135deg,transparent 47%,rgba(142,255,187,.9) 48%,rgba(216,255,232,.92) 100%)}.tabButton:focus-visible,.choiceButton:focus-visible,.stageButton:focus-visible,.paletteCard:focus-visible,.uploadButton:focus-within,button:focus-visible{outline:2px solid rgba(142,255,187,.38);outline-offset:2px}@media(max-width:640px){.tabButton{min-width:0;width:100%;padding:.88rem .85rem .82rem}.buttonCode{font-size:.58rem}.choiceButton,.stageButton{min-height:3.2rem;padding-left:.8rem;padding-right:.8rem}button,.uploadButton{min-height:3rem}}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:var(--radius-lg);min-width:0;position:relative;box-shadow:var(--shadow-panel);overflow:hidden}.frame{padding:1rem 1rem 1.05rem}.frame header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--panel-border-soft)}.frame h2,.premiumIntro h2,.premiumPanelHeader h2,.premiumGroup h3,.premiumSection h3,.devPanelHeader h2{margin:0;font-size:var(--font-size-section);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.frame span,.premiumIntro p,.premiumPanelHeader span,.devPanelHeader span{color:var(--text-muted);font-size:var(--font-size-meta)}.frame header>div{display:grid;gap:.16rem}.imageSlot,.cropViewport,.premiumArtifactViewport{border:1px solid rgba(83,158,123,.42);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(180deg,#ffb67008,#ffb67003),var(--stage-bg);position:relative}.imageSlot{min-height:min(65vh,670px);display:grid;place-items:center}.uploadSurface{appearance:none;width:100%;padding:0;text-align:left;text-transform:none;letter-spacing:normal;font-weight:400;border-style:dashed;border-color:#72e8a457;background:linear-gradient(180deg,#ffb6700d,#ffb67004),linear-gradient(180deg,#0c1610e0,#050806f5)}.uploadSurface:hover{border-color:var(--line-hot);box-shadow:inset 0 0 0 1px #d8ffe80d,0 0 0 1px #8effbb1f,0 0 18px #59c98a0f}.uploadSurface[data-drop-active=true],.cropViewport[data-drop-active=true]{border-color:#8effbbd1;box-shadow:inset 0 0 0 1px #d8ffe81f,0 0 0 1px #8effbb38,0 0 28px #59c98a1f}.uploadSurfaceContent{display:grid;gap:.7rem;width:min(100%,32rem);padding:1.6rem;justify-items:center;text-align:center;color:var(--text-muted);line-height:1.55}.uploadSurfaceContent strong,.uploadSurfaceGhost strong{color:var(--text-main);font-size:1rem;letter-spacing:.02em;text-transform:none}.uploadSurfaceEyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.22em;font-size:.68rem}.uploadSurfaceGhost{width:100%;height:100%;padding:1.5rem;border:0;background:transparent;display:grid;gap:.7rem;place-content:center;text-align:center;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text-muted);line-height:1.55}.uploadSurfaceGhost:before,.uploadSurfaceGhost:after{content:none}.uploadSurfaceGhost:hover{transform:none;box-shadow:none}.uploadSurfaceContentStatic{width:min(100%,28rem)}.imageSlotCaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.7rem .85rem;background:#050807cc;border:1px solid rgba(114,232,164,.18);color:var(--accent-hot);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.imageSlot img,.premiumArtifactViewport img{width:100%;height:100%;object-fit:cover}.premiumArtifactViewport[data-view=artifact]{box-shadow:inset 0 0 0 1px #d8ffe80f,0 0 0 1px #8effbb29,var(--shadow-ember)}.imageSlot[data-surface=artifact]{box-shadow:inset 0 0 0 1px #d8ffe80d,0 0 0 1px #8effbb1f,0 0 18px #59c98a14}.premiumArtifactViewport[data-view=artifact]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(143,215,255,.05),transparent 22%);pointer-events:none}.imageSlot[data-surface=artifact]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(143,215,255,.04),transparent 18%);pointer-events:none}.placeholder{margin:0;padding:1rem;text-align:center;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.spec{margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.notice{width:100%;margin:.25rem 0 0;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.statusStack{width:100%;display:grid;gap:.15rem}.shareNotice,.devNotice{color:var(--accent-strong)}.warning{color:var(--warning)}.error{color:var(--error)}@media(max-width:900px){.imageSlot{min-height:54vh}}@media(max-width:640px){.frame header{flex-direction:column;gap:.4rem}.imageSlot{min-height:min(46vh,25rem)}.uploadSurfaceContent,.uploadSurfaceGhost{padding:1.1rem;gap:.6rem}.uploadSurfaceContent strong,.uploadSurfaceGhost strong{font-size:.92rem}.imageSlotCaption{left:.65rem;right:.65rem;bottom:.65rem;padding:.55rem .65rem;font-size:.62rem}.spec{font-size:.68rem;letter-spacing:.1em}.notice{font-size:.76rem;letter-spacing:.1em}}.premiumNumberInput,input[type=color]{border:1px solid var(--panel-border);background:linear-gradient(180deg,#111813eb,#0a0a0af5);color:var(--text-main);border-radius:var(--radius-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.premiumNumberInput{width:100%;padding:.68rem .95rem}.premiumNumberInput:disabled{opacity:.42}.premiumField{display:flex;flex-direction:column;gap:.35rem}.premiumField span{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.toggleRow{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.7rem;color:var(--text-main);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.toggleRow input{width:1.1rem;height:1.1rem}.premiumControl,.devControl{display:flex;flex-direction:column;gap:.3rem}.premiumControl>span,.devControl>span{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.16em}.premiumInputRow,.devInputRow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.55rem}.premiumInputRow output,.devInputRow output{min-width:3rem;text-align:right;color:var(--text-main);font-size:.78rem;padding:.3rem .45rem;border:1px solid var(--panel-border);background:#0e0e0feb;text-transform:uppercase;letter-spacing:.08em}.premiumInlineControl{margin-top:.8rem}input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:linear-gradient(90deg,var(--accent),rgba(216,255,232,.14));border:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#d8ffe8;border:1px solid #377759;box-shadow:0 0 0 2px #0000008c}input[type=range]::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--accent),rgba(216,255,232,.14))}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:#d8ffe8;border:1px solid #377759;box-shadow:0 0 0 2px #0000008c}.premiumLayout{display:grid;grid-template-columns:minmax(235px,290px) minmax(0,1.38fr) minmax(255px,320px);gap:.85rem;margin-bottom:1rem;align-items:start}.premiumSidebar,.premiumControlsPanel,.premiumStagePanel,.devPanel{padding:.9rem}.premiumComposerStack{display:grid;min-width:0}.premiumUpload{width:100%;margin-top:1rem}.premiumSection,.premiumStatus,.premiumGroup{margin-top:.85rem;padding-top:.8rem;border-top:1px solid var(--panel-border-soft);display:grid;gap:.5rem}.choiceGrid{display:grid;gap:.45rem;margin-top:.5rem}.choiceGridCompact,.choiceGridTight{grid-template-columns:repeat(2,minmax(0,1fr))}.stageSwitcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.7rem}.premiumNumberGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.55rem}.premiumActionBar,.devActions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.premiumPanelHeader,.devPanelHeader{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--panel-border-soft)}.premiumStageMeta{display:flex;justify-content:space-between;gap:.8rem;color:var(--text-muted);font-size:var(--font-size-meta);margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.cropViewport,.premiumArtifactViewport{width:100%;max-width:100%}.cropViewport{touch-action:none;min-height:220px}.cropViewport[data-has-source=true]{cursor:grab}.cropViewport[data-has-source=false]{cursor:pointer}.cropViewportDragging{cursor:grabbing;box-shadow:inset 0 0 0 1px #d8ffe81f,0 0 0 1px #8effbb6b}.cropViewportImage{position:absolute;inset:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cropViewportFrame{position:absolute;inset:0;border:1px solid rgba(216,255,232,.72);box-shadow:inset 0 0 0 1px #ffcf9124,inset 0 0 120px #00000052;pointer-events:none}.premiumArtifactViewport{min-height:220px;display:grid;place-items:center;min-width:0}.premiumArtifactViewport img{object-fit:contain;background:var(--stage-bg)}.premiumGroups{display:grid;gap:.7rem}.premiumGroupGrid,.devGrid{display:grid;gap:.6rem .9rem}.paletteCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.5rem}.paletteCard{display:grid;gap:.5rem;padding:.75rem;text-align:left;background:linear-gradient(180deg,rgba(142,255,187,.03),transparent 32%),#0b0b0cf5;border:1px solid var(--panel-border);position:relative}.paletteCard[data-state=active]{background:linear-gradient(180deg,rgba(216,255,232,.06),transparent 34%),linear-gradient(180deg,#0a1f12f5,#080c0afa);border-color:#8effbbbd;box-shadow:0 0 0 1px #8effbb38,0 16px 34px #0000005c}.paletteCardLabel{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.paletteSwatchRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}.paletteSwatch{width:100%;aspect-ratio:1 / 1;border-radius:0;border:1px solid rgba(255,255,255,.12)}.premiumStagePanel[data-view=artifact]{box-shadow:inset 0 1px #d8ffe814,0 0 0 1px #8effbb29,var(--shadow-panel),var(--shadow-ember)}.premiumIntro .panelCode,.premiumPanelHeader .panelCode{margin-bottom:.35rem}.premiumIntro p,.premiumPanelHeader span,.premiumIntro .panelCode{text-transform:uppercase;letter-spacing:.14em}.premiumSidebar .uploadButton,.premiumControlsPanel .buttonPrimary,.premiumControlsPanel button,.premiumSidebar button{width:100%}.premiumSidebar .choiceButton,.premiumControlsPanel .choiceButton{min-height:2.7rem}.premiumStagePanel{padding:1rem}.premiumArtifactStage{display:grid;gap:.45rem}@media(max-width:1100px){.premiumLayout{grid-template-columns:minmax(0,1fr)}.premiumComposerStack{order:-1}}@media(max-width:900px){.devGrid,.choiceGridTight,.premiumNumberGrid,.paletteCardGrid,.stageSwitcher{grid-template-columns:1fr}.premiumStageMeta,.premiumPanelHeader,.devPanelHeader{flex-direction:column;align-items:flex-start}.premiumActionBar,.devActions{flex-direction:column}.premiumActionBar>button,.devActions>button{width:100%}}@media(max-width:640px){.premiumSidebar,.premiumControlsPanel,.premiumStagePanel,.devPanel{padding:.8rem}.premiumLayout{gap:.7rem}.premiumSection,.premiumStatus,.premiumGroup{margin-top:.7rem;padding-top:.7rem}.choiceGridCompact{grid-template-columns:1fr}.premiumStageMeta{gap:.35rem;font-size:.68rem}.cropViewport,.premiumArtifactViewport{min-height:min(48vh,24rem)}.premiumInlineControl{margin-top:.65rem}}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}