:root{--bg:#141618;--surface:#1c1e20;--sidebar:#111315;--raised:#222528;--ink:#e5e1d8;--muted:#999c98;--dim:#676d6c;--line:#2e3334;--accent:#b79a6a;--mono:"SFMono-Regular","SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color-scheme:dark;font-family:var(--sans);background:var(--bg);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}button:disabled{cursor:wait;opacity:.6}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot{height:100svh;min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#25292a55,transparent 48%),radial-gradient(ellipse at 50% 110%,#34322a20,transparent 55%),#121416;display:flex;flex-direction:column}.boot:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#a9aea504 1px,transparent 1px),linear-gradient(90deg,#a9aea504 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}.boot:after{content:"";position:absolute;inset:12px;border:1px solid #b1b6ad0a;pointer-events:none;z-index:-1}.boot-header{display:flex;justify-content:space-between;align-items:center;padding:38px 44px;flex-shrink:0}.wordmark{display:flex;align-items:center;gap:13px;font-family:var(--mono);font-size:13px;letter-spacing:3px;font-weight:600}.wordmark svg{width:25px;height:25px;stroke-width:1.8}.brand-divider{height:14px;width:1px;background:#454b49;margin:0 5px}.wordmark .edition{font-size:10px;letter-spacing:3.5px;font-weight:400;color:#92978f}.serial{font:9px var(--mono);letter-spacing:1.8px;color:#727a77}.serial span{color:#b4b8af;margin-left:25px}.boot-field{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:13px;min-height:0}.reactor-wrap{position:relative;width:min(47vh,440px);height:min(47vh,440px);flex-shrink:0}.reactor{width:100%;height:100%;overflow:visible;stroke-linecap:butt}.core-halo{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#d6cfad0a,transparent 71%);filter:blur(25px);opacity:var(--core-opacity,0)}.outer-guide{stroke:#7e89713a;stroke-width:.6;fill:none;opacity:var(--ring-opacity,.1)}.ring-architecture{fill:none;stroke:#535c4e77;stroke-width:.7;opacity:var(--ring-opacity,.1)}.rotor{transform-origin:300px 300px}.rotor-outer{stroke:#797f73;stroke-width:1;opacity:var(--outer-opacity,.1);transform:rotate(var(--outer-rotation,-50deg))}.rotor-silver{fill:none;opacity:var(--silver-opacity,0);transform:rotate(var(--silver-rotation,80deg))}.silver-arc{stroke:url(#silver);stroke-width:2.5}.dash-arc{stroke:#7a826b;stroke-width:.9;opacity:.65}.mechanical-shell{opacity:var(--shell-opacity,0);transform:scale(var(--shell-scale,.94));transform-origin:300px 300px}.plate-shape{fill:url(#plate);stroke:#5d645633;stroke-width:.8}.plate-highlight{fill:none;stroke:#a0a18a66;stroke-width:1}.plate-cut{stroke:#080b0d;stroke-width:2;fill:none}.rotor-inner{fill:none;opacity:var(--inner-opacity,0);transform:rotate(var(--inner-rotation,-100deg))}.inner-arc{stroke:#a1a68b;stroke-width:4;opacity:.6}.core-shell{opacity:var(--core-opacity,0)}.core-light{opacity:var(--light-opacity,0);fill:none}.position-labels{font:6.5px var(--mono);letter-spacing:2px;fill:#818a78;stroke:none;opacity:var(--ring-opacity,.1)}.orbit-points{fill:#c0ad86;stroke:none;opacity:var(--silver-opacity,0)}.system-note{position:absolute;top:40%;width:142px;display:flex;flex-direction:column;font-family:var(--mono);opacity:var(--note-opacity,0);transform:translateY(7px)}.note-left{right:calc(50% + min(24vh,225px) + 30px)}.note-right{left:calc(50% + min(24vh,225px) + 30px)}.note-index{font-size:8px;letter-spacing:1.3px;color:#6f7872}.note-line{height:1px;background:linear-gradient(90deg,#616a5c88,transparent);margin:13px 0 12px;width:100%}.system-note strong{font-size:10px;letter-spacing:1.5px;font-weight:400;color:#babdaf}.note-sub{font-size:7px;letter-spacing:1.3px;margin-top:9px;color:#727c73}.field-cross{position:absolute;width:10px;height:10px;color:#626b5845}.field-cross:before,.field-cross:after{content:"";position:absolute;background:currentColor}.field-cross:before{width:10px;height:1px;top:4px}.field-cross:after{width:1px;height:10px;left:4px}.cross-a{left:13%;top:17%}.cross-b{right:13%;top:17%}.cross-c{left:13%;bottom:21%}.cross-d{right:13%;bottom:21%}.boot-copy{text-align:center;margin-top:10px;width:330px}.phase-label{display:flex;align-items:center;justify-content:center;gap:8px;font:9px var(--mono);letter-spacing:2.4px;color:#b8baad;min-height:15px}.status-dot{width:4px;height:4px;background:var(--accent);box-shadow:0 0 8px #b79a6a44}.boot h1{font-size:16px;font-weight:350;letter-spacing:.25px;margin:14px -60px 24px;color:#d7d8cf}.progress-line{height:1px;background:#373d35;width:100%;position:relative}.progress-line span{height:1px;background:#bcbba4;position:absolute;left:0;top:0;width:0;box-shadow:0 0 6px #c4be9d33}.progress-caption{display:flex;justify-content:space-between;margin-top:12px;color:#8b9488;font:9px var(--mono);letter-spacing:1px}.progress-caption #phase-detail{font-family:var(--sans);font-size:10px;letter-spacing:1px}.progress-caption #progress-number{color:#c5c8b8}.progress-caption #progress-number span{color:#717b6d;font-size:8px;margin-left:3px}.boot-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 44px 28px;font:8px var(--mono);letter-spacing:1.6px;color:#7f877c;flex-shrink:0}.boot-tools{display:flex;gap:18px;align-items:center}.icon-button{padding:7px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#a4aa9d}.icon-button:hover{background:#e5e1d809;color:var(--ink)}.icon-button svg{width:16px;height:16px}.skip-button{font-size:10px;color:#a1a799;display:flex;align-items:center;gap:10px;letter-spacing:1px}.skip-button span{font:8px var(--mono);border:1px solid #51584966;border-radius:3px;padding:3px 5px;color:#89927e}.boot.exiting{animation:bootExit .7s ease forwards;pointer-events:none}.boot.exiting .reactor-wrap{transition:transform .7s ease,filter .7s;transform:scale(1.06);filter:blur(3px)}@keyframes bootExit{to{opacity:0;transform:scale(1.012)}}
.preview{min-height:100svh;display:grid;grid-template-columns:240px 1fr;animation:workspaceEnter .6s ease;background:var(--bg)}@keyframes workspaceEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:var(--sidebar);border-right:1px solid #ffffff05;display:flex;flex-direction:column;padding:34px 18px 20px;height:100svh;position:sticky;top:0}.sidebar-logo{display:flex;align-items:center;gap:9px;padding:0 9px;font-size:20px;font-weight:500;letter-spacing:-.6px}.sidebar-logo svg{width:24px;height:24px}.graphite-tag{font:8px var(--mono);color:#a49d8a;letter-spacing:1px;margin-left:auto;text-transform:uppercase}.new-chat{display:flex;gap:10px;align-items:center;margin-top:35px;text-align:left;padding:11px 10px;border:1px solid #3a3c35;border-radius:6px;font-size:12px;color:#d7d4c9;background:#e5e1d803}.new-chat:hover{background:#e5e1d809}.new-chat svg{width:16px;height:16px;color:#b8bbae}.new-chat span{margin-left:auto;font:9px var(--mono);color:#747d72}.sidebar-group-label{color:#a2a59b;font-size:10px;margin:31px 10px 14px;letter-spacing:.6px}.project-row{display:flex;align-items:center;font-size:12px;gap:9px;padding:7px 10px;color:#c3c6ba}.project-row svg{width:16px;height:16px;color:#8d9585}.project-dot{margin-left:auto;width:4px;height:4px;background:#8c957c;border-radius:50%}.thread{margin-top:9px;margin-left:9px;font-size:11px;padding:12px 8px;display:flex;align-items:center;gap:8px;color:#d2c4aa;white-space:nowrap}.selected{background:#b79a6a12;border-radius:5px}.thread-line{width:3px;height:12px;background:var(--accent);border-radius:1px}.sidebar-bottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid #383e3033;display:flex;align-items:center;gap:10px}.small-core{width:30px;height:30px;border:1px solid #63634b66;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#444636,#1b201a)}.small-core svg{width:15px;height:15px;stroke:#c5bd9f}.sidebar-bottom strong{font-size:11px;font-weight:450;display:block}.sidebar-bottom span{color:#8e9685;font-size:9px;display:block;margin-top:5px}.sidebar-settings{margin-left:auto;width:15px;height:15px;color:#8d9684}.workspace{height:100svh;display:flex;flex-direction:column;min-width:0}.workspace-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff05;padding:0 38px;flex-shrink:0}.workspace-title{display:block;font-size:12px;font-weight:450;color:#d2d3c8}.workspace-subtitle{display:block;font-size:10px;color:#8a9383;margin-top:7px}.preview-indicator{font-size:10px;color:#8c9584;display:flex;align-items:center;gap:6px}.preview-indicator span{width:4px;height:4px;background:#a79a77;border-radius:50%}.workspace-scroll{overflow:auto;flex:1;min-height:0;scrollbar-color:#4b5145 transparent;scrollbar-width:thin}.conversation{max-width:720px;margin:auto;padding:32px 45px 16px}.conversation-intro{font:7px var(--mono);letter-spacing:2px;display:flex;align-items:center;gap:12px;color:#a5ab99}.section-rule{width:25px;height:1px;background:#b79a6a88}.conversation h2{font-size:29px;font-weight:400;letter-spacing:1px;margin:19px 0 12px}.welcome-sub{font-size:11px;letter-spacing:.5px;color:#939c8a;margin:0}.user-message{margin-top:30px;margin-left:auto;font-size:11px;background:#222528;border:1px solid #3c423033;padding:13px 17px;border-radius:12px 12px 3px 12px;width:fit-content;color:#cfcec1}.assistant-message{display:grid;grid-template-columns:24px 1fr;gap:12px;margin-top:24px;font-size:12px;line-height:1.9}.assistant-avatar svg{width:19px;height:19px;color:#b8bca8}.assistant-message p{margin:0 0 11px}.assistant-message .muted{font-size:11px;color:#9da592;line-height:1.9}.code-sample{border:1px solid #343a2f;background:#111315;border-radius:6px;margin-top:18px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #343a2f88;font:8px var(--mono);color:#858f7b}.code-header>span:first-child{display:flex;gap:7px;align-items:center;color:#b3b99f}.code-header svg{width:12px;height:12px}.code-sample pre{font:10px/1.9 var(--mono);padding:13px 17px;margin:0;color:#cbcebd;overflow-x:auto}.syntax-comment{color:#8b9481}.syntax-keyword{color:#c8b48e}.syntax-string{color:#bdc6aa}.ready-note{font-size:9px;color:#a9b18f;display:flex;align-items:center;gap:6px;margin-top:13px}.ready-note svg{width:12px;height:12px}.composer-container{padding:10px 45px 15px;width:100%;max-width:720px;margin:auto;flex-shrink:0}.composer{border:1px solid #464a3b;border-radius:10px;background:#1b1e1e;padding:13px 16px 9px}.composer:focus-within{border-color:#b79a6a99}.composer textarea{background:none;border:0;resize:none;color:var(--ink);font-size:12px;width:100%;outline:none;display:block;line-height:1.7;max-height:90px}.composer textarea::placeholder{color:#919b85}.composer textarea:focus-visible{outline:0}.composer-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.composer-model{font-size:9px;color:#a3ab94;display:flex;gap:8px}.composer-model span{color:#6b765e}.send-button{width:25px;height:25px;background:#b79a6a;color:#191b18;border-radius:50%;display:grid;place-items:center}.send-button:hover{background:#d0b789}.send-button svg{width:15px;height:15px;transform:rotate(-90deg)}.composer-caption{font-size:8px;color:#8b9580;text-align:center;margin-top:10px}.preview-toolbar{border-top:1px solid #3d422e66;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;flex-shrink:0;gap:10px;background:#141618}.preview-tabs{display:flex;gap:3px;background:#0f1112;padding:3px;border-radius:6px}.preview-tabs button{font-size:10px;color:#98a08c;padding:6px 12px;border-radius:4px}.preview-tabs button.active{background:#282c27;color:#e0e0d0;box-shadow:0 1px 3px #0003}.preview-actions{display:flex;align-items:center;gap:17px}.preview-actions button{display:flex;gap:6px;align-items:center;font-size:10px;color:#aeb49f;white-space:nowrap}.preview-actions svg{width:13px;height:13px}.preview-actions .import-button{border:1px solid #736d5066;border-radius:5px;padding:7px 10px;color:#d4c3a3}.palette-view{max-width:650px;padding:48px 45px;margin:auto}.palette-view h2{font-size:40px;font-weight:400;letter-spacing:-1px;margin:0 0 12px}.palette-view>p{color:#9da58f;font-size:12px;letter-spacing:1px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.swatches>div{display:flex;flex-direction:column;gap:8px}.swatch{height:88px;border:1px solid #848a7055;border-radius:5px;margin-bottom:5px}.swatch-bg{background:#141618}.swatch-fg{background:#e5e1d8}.swatch-accent{background:#b79a6a}.swatches strong{font-size:12px;font-weight:400}.swatches code{font:10px var(--mono);color:#c5cbb6}.swatches small{font-size:9px;color:#939f82}.theme-properties{margin:32px 0 25px}.theme-properties>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #64704d33;font-size:10px;gap:14px}.theme-properties dt{color:#9ea98e}.theme-properties dd{margin:0;color:#d3d8c2;text-align:right}.primary-button{background:var(--accent);border:1px solid #c9ae7e;color:#171a16;border-radius:5px;padding:10px 14px;font-size:11px;display:inline-flex;align-items:center;gap:7px;font-weight:500}.primary-button:hover{background:#cbb184}.primary-button svg{width:14px;height:14px}.palette-view>.primary-button{margin-bottom:15px}dialog{background:#1a1d1e;color:var(--ink);border:1px solid #62634a99;border-radius:13px;padding:30px;width:min(560px,calc(100% - 40px));box-shadow:0 30px 100px #000b}dialog::backdrop{background:#080a0bd1;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-heading .icon-button{margin-top:-8px;margin-right:-8px}.dialog-kicker{font:8px var(--mono);letter-spacing:2px;color:#afa88c}.dialog-heading h2{font-size:21px;font-weight:450;margin:14px 0 17px;letter-spacing:.5px}dialog>p{font-size:12px;color:#acb29d;line-height:1.9;margin:0 0 22px}dialog label{font-size:10px;color:#c2c8b0;display:block;margin-bottom:9px}#theme-string{width:100%;background:#101314;border:1px solid #535c404d;border-radius:5px;resize:none;color:#b9c1a6;font:10px/1.8 var(--mono);padding:12px;word-break:break-all}.dialog-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.dialog-footer>span{font-size:9px;color:#97a184}dialog .dialog-footnote{font-size:9px;margin:18px 0 0;color:#929c80}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,10px);background:#2c3029;color:#dedfcf;border:1px solid #6c7356;border-radius:7px;padding:12px 18px;font-size:11px;max-width:calc(100vw - 30px);opacity:0;pointer-events:none;transition:.2s;z-index:10;text-align:center;line-height:1.7}.toast.visible{opacity:1;transform:translate(-50%,0)}.launcher-mode .boot{min-height:0}.launcher-mode .boot-header{padding-top:38px}.launcher-mode .serial{padding-right:0}.launcher-mode .boot-footer{padding-bottom:30px}.reduced-motion .rotor{transform:none!important}
@media(min-height:850px){.reactor-wrap{width:470px;height:470px}.boot-copy{margin-top:22px}.conversation{padding-top:65px}.assistant-message{margin-top:30px}.conversation h2{font-size:34px}.code-sample pre{font-size:11px}}
@media(max-height:720px) and (min-width:760px){.boot-header{padding:28px 38px}.boot-footer{padding:18px 38px}.reactor-wrap{width:340px;height:340px}.boot h1{margin-bottom:20px}.conversation{padding-top:27px}.conversation h2{font-size:25px;margin-top:14px}.user-message{margin-top:22px}.assistant-message{margin-top:18px}.code-sample{margin-top:12px}.code-sample pre{font-size:9px;padding:10px 15px}.workspace-header{height:68px}}
@media(max-width:900px){.system-note{width:105px}.note-left{right:calc(50% + 205px)}.note-right{left:calc(50% + 205px)}.note-index{font-size:7px}.system-note strong{font-size:8px}.note-sub{font-size:6px}.sidebar{padding-left:12px;padding-right:12px}.preview{grid-template-columns:210px 1fr}.workspace-header{padding:0 25px}.conversation{padding-left:28px;padding-right:28px}.composer-container{padding-left:28px;padding-right:28px}.palette-view{padding:35px 28px}.footer-coordinate{display:none}}
@media(max-width:680px){.boot{min-height:620px}.boot-header{padding:28px 25px}.wordmark{font-size:11px;gap:9px;letter-spacing:2px}.wordmark .edition{font-size:8px;letter-spacing:2px}.serial{display:none}.reactor-wrap{width:min(85vw,385px);height:min(85vw,385px)}.system-note{display:none}.boot-copy{width:260px;margin-top:24px}.boot h1{font-size:13px;margin:14px -20px 26px}.phase-label{font-size:8px;letter-spacing:1.7px}.boot-footer{padding:24px 25px}.boot-footer>span{font-size:6px;letter-spacing:1px}.field-cross{display:none}.boot-tools{gap:12px}.preview{grid-template-columns:1fr}.sidebar{display:none}.workspace-header{height:72px;padding:0 22px}.workspace-title{font-size:11px}.preview-indicator{font-size:8px}.conversation{padding:35px 22px 20px}.conversation h2{font-size:26px}.user-message{font-size:10px;margin-top:25px}.assistant-message{gap:9px;grid-template-columns:19px 1fr}.assistant-message .muted{font-size:10px}.conversation-intro{font-size:6px;letter-spacing:1.6px}.code-sample pre{font-size:9px;padding:12px}.code-header{font-size:7px;padding:9px}.composer-container{padding:10px 21px 13px}.composer-caption{font-size:7px}.preview-toolbar{padding:11px 15px;flex-wrap:wrap}.preview-tabs button{padding:6px 8px;font-size:9px}.preview-actions{gap:10px}.preview-actions button{font-size:9px}.preview-actions .import-button{padding:7px}.palette-view{padding:38px 22px}.swatch{height:72px}.theme-properties>div{font-size:9px}.dialog-heading h2{font-size:18px}.dialog-footer>span{font-size:8px}dialog{padding:24px}.toast{bottom:78px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.preview,.boot.exiting{animation:none}.boot.exiting .reactor-wrap{transition:none}.toast{transition:none}}

/* The mechanical assembly builds around a dark helmet silhouette. */
.boot { font-family: var(--mono); }
.boot h1 { font-family: var(--mono); font-size: 14px; font-weight: 400; letter-spacing: 1.4px; line-height: 1.6; min-height: 23px; margin: 14px -80px 24px; }
.progress-caption #phase-detail { font-family: var(--mono); font-size: 9px; letter-spacing: .5px; }
.skip-button { font-family: var(--mono); }
.system-note { top: 24%; width: 205px; transform: none; }
.note-left { right: calc(50% + min(24vh,225px) + 23px); }
.note-right { left: calc(50% + min(24vh,225px) + 23px); }
.note-index { font-size: 8px; letter-spacing: 1.1px; }
.note-sub { font-size: 7px; letter-spacing: .6px; }
.terminal-log { margin-top: 25px; height: 160px; overflow: hidden; color: #929c94; font: 8.5px/20px var(--mono); letter-spacing: -.15px; mask-image: linear-gradient(transparent,#000 6px,#000 calc(100% - 3px),transparent); }
.terminal-row { white-space: nowrap; height: 20px; transform: translateY(var(--log-offset,0px)); }
.terminal-row:last-child { color: #b7ae98; }
.terminal-cursor { font-size: 10px; margin-top: 7px; color: #b7a077; animation: cursorPulse 1.2s steps(2,end) infinite; }
@keyframes cursorPulse { 50% { opacity: .15; } }
.signal-bars { display: flex; gap: 4px; height: 21px; align-items: flex-end; margin-top: 13px; opacity: .6; }
.signal-bars i { display: block; width: 3px; height: 4px; background: #9c9781; }
.helmet { opacity: var(--helmet-opacity,0); stroke-linejoin: bevel; stroke-linecap: round; }
.helmet-shadow { opacity: var(--helmet-shadow-opacity,.2); fill: url(#helmet-metal); stroke: #858c82; stroke-width: .7; stroke-linejoin: bevel; }
.helmet-guides { fill: none; stroke: #7c8374; stroke-width: .55; opacity: var(--helmet-guides,0); }
.helmet-fill { opacity: var(--helmet-fill,0); stroke: none; }
.helmet-shell-fill { fill: #181c1e; }
.helmet-face-fill { fill: url(#helmet-metal); }
.helmet-cheek-fill { fill: #282d2c; }
.helmet-trace { fill: none; stroke: url(#helmet-edge); stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; }
.trace-shell { stroke-width: 2; }
.trace-face { stroke-width: 1.65; }
.trace-brow,.trace-cheeks,.trace-jaw { stroke-width: 1.1; }
.trace-detail { stroke: #939a8f; stroke-width: .85; }
.trace-eyes { stroke: #bcbca9; stroke-width: .9; }
.helmet-eyes { opacity: var(--helmet-eyes,0); stroke: none; }
.eye-glow { fill: #f2e2be; }
.eye-light { fill: #eee7d3; }
.helmet-scan { fill: none; stroke: #c4b28e; stroke-width: .6; opacity: var(--helmet-scan-opacity,0); transform: translateY(var(--helmet-scan-y,173px)); }
.handoff-shutter { position: absolute; z-index: 10; inset: 0; pointer-events: none; background: #121416; clip-path: circle(0% at 50% 43%); visibility: hidden; }
.boot.handoff .handoff-shutter { visibility: visible; animation: shutterClose .4s cubic-bezier(.4,0,.15,1) forwards; }
@keyframes shutterClose { to { clip-path: circle(110% at 50% 43%); } }
.boot.exiting { position: fixed; inset: 0; z-index: 1; animation: coreHandoff 1.5s ease forwards; }
.boot.exiting .reactor-wrap { transition: none; transform: none; filter: none; }
@keyframes coreHandoff { 0%,35% { opacity: 1; } 100% { opacity: 0; } }
.preview.handoff-preview { position: fixed; inset: 0; z-index: 2; transform-origin: center; animation: centerReveal 1.5s cubic-bezier(.2,.7,.15,1) both; }
@keyframes centerReveal { from { clip-path: inset(47% 47% round 20px); transform: scale(.88); opacity: .3; } to { clip-path: inset(0% 0% round 0); transform: scale(1); opacity: 1; } }
@media(max-width:1050px) and (min-width:681px) {
  .system-note { width: 160px; }
  .note-left { right: calc(50% + min(24vh,190px) + 15px); }
  .note-right { left: calc(50% + min(24vh,190px) + 15px); }
  .terminal-log { font-size: 7px; letter-spacing: -.25px; }
  .note-index { font-size: 7px; }
}
@media(max-width:800px) and (min-width:681px) {
  .reactor-wrap { width: 330px; height: 330px; }
  .system-note { width: 155px; top: 23%; }
  .note-left { right: calc(50% + 175px); }
  .note-right { left: calc(50% + 175px); }
  .terminal-log { margin-top: 18px; }
}
@media(max-width:680px) {
  .boot h1 { font-size: 11px; letter-spacing: .8px; margin-left: -25px; margin-right: -25px; }
  .progress-caption #phase-detail { font-size: 8px; letter-spacing: 0; }
  .boot-copy { margin-top: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .terminal-cursor,.boot.handoff .handoff-shutter,.preview.handoff-preview { animation: none; }
  .helmet-scan { display: none; }
  .boot.handoff .handoff-shutter { clip-path: none; }
}

/* A single home for launch sequence and the local theme workshop. */
.studio-entry{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:#b8b5a7;white-space:nowrap}.studio-entry svg{width:13px;height:13px}.studio-entry:hover{color:#e5e1d8}
.preview{height:100svh;min-height:620px;grid-template-columns:174px minmax(0,1fr) 324px;grid-template-rows:64px minmax(0,1fr);overflow:hidden;isolation:isolate;background:var(--bg)}
.preview:before,.preview:after{content:"";position:absolute;inset:64px 324px 0 0;z-index:-2;pointer-events:none}.preview:before{background-image:var(--studio-image);background-size:cover;background-position:var(--studio-focus-x,50%) var(--studio-focus-y,50%);transform:scale(var(--studio-zoom,1));transform-origin:var(--studio-focus-x,50%) var(--studio-focus-y,50%)}.preview:after{background:rgba(var(--studio-bg-rgb,20,22,24),var(--studio-dim,.45));z-index:-1}.preview[data-task-mode=off]:before{display:none}.preview[data-task-mode=off]:after{background:var(--bg)}.preview[data-task-mode=ambient] .workspace{background:rgba(var(--studio-bg-rgb),.12)}
.studio-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px 23px 0 28px;background:#151719;border-bottom:1px solid #303436;color:#e5e1d8;z-index:1}.studio-brand{display:flex;align-items:center;gap:11px;font:9px var(--mono);letter-spacing:1.7px}.studio-brand svg{width:20px;height:20px;color:#baa47d}.studio-brand strong{font-size:11px;font-weight:500}.studio-brand>span:last-child{font-size:8px;color:#8e9695;letter-spacing:1px}.studio-header-actions{display:flex;align-items:center;gap:25px}.rico-label{font:7px var(--mono);letter-spacing:1.1px;color:#767f7c}.studio-header-actions button{display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #534c3f;border-radius:5px;padding:7px 10px;color:#d7c7a6;background:#b79a6a0b}.studio-header-actions button:hover{background:#b79a6a20}.studio-header-actions svg{width:12px;height:12px}
.preview .sidebar,.preview .workspace{height:100%;position:relative;top:auto;font-family:var(--studio-font,var(--sans));backdrop-filter:blur(var(--studio-blur,0px))}.preview .sidebar{padding:27px 10px 18px;background:var(--graphite-sidebar-surface);border-right:1px solid var(--line)}.preview .sidebar-logo{font-size:18px;padding:0 7px;gap:6px}.preview .sidebar-logo svg{width:21px;height:21px}.preview .graphite-tag{display:none}.preview .new-chat{margin-top:29px;font-size:calc(11px * var(--studio-font-scale,1));color:var(--ink);border-color:var(--line);border-radius:var(--studio-radius);padding:calc(10px * var(--studio-density)) 8px}.preview .new-chat span{font-size:8px}.preview .sidebar-group-label{margin:26px 9px 10px;color:var(--muted)}.preview .project-row{font-size:calc(11px * var(--studio-font-scale));color:var(--ink);gap:7px;padding:7px 9px}.preview .thread{font-size:calc(9px * var(--studio-font-scale));margin-left:3px;letter-spacing:-.25px;padding:calc(11px * var(--studio-density)) 6px;color:var(--studio-accent-alt)}.preview .selected{color:var(--accent);background:var(--graphite-selection-surface);border-radius:min(8px,var(--studio-radius));box-shadow:inset 0 0 0 1px var(--graphite-selection-edge)}.preview .selected:hover{background:var(--graphite-selection-hover)}.preview .sidebar-bottom{gap:7px;padding-left:4px;padding-right:0;border-color:var(--line)}.preview .sidebar-bottom span{font-size:8px;color:var(--muted)}.preview .sidebar-settings{display:none}.preview .small-core{width:26px;height:26px;flex-shrink:0}.preview .workspace-header{height:61px;padding:0 23px;border-color:var(--line);background:rgba(var(--studio-bg-rgb),.5);gap:10px}.preview .workspace-title{font-size:11px;color:var(--ink)}.preview .workspace-subtitle{font-size:9px;color:var(--muted)}.preview .preview-indicator{font-size:8px;white-space:nowrap;color:var(--muted)}
.preview .conversation{padding:30px 28px 20px}.preview .conversation h2{font-size:calc(25px * var(--studio-font-scale));margin:17px 0 10px;line-height:1.5;color:var(--studio-highlight)}.preview .welcome-sub{font-size:calc(10px * var(--studio-font-scale));color:var(--muted)}.preview .user-message{font-size:calc(10px * var(--studio-font-scale));margin-top:calc(27px * var(--studio-density));padding:calc(12px * var(--studio-density)) 14px;background:rgba(var(--studio-raised-rgb),var(--studio-opacity));border-color:var(--line);border-radius:var(--studio-radius);color:var(--ink)}.preview .assistant-message{font-size:calc(11px * var(--studio-font-scale));gap:10px;grid-template-columns:20px 1fr;margin-top:calc(23px * var(--studio-density));color:var(--ink)}.preview .assistant-message .muted{font-size:calc(10px * var(--studio-font-scale));color:var(--muted)}.preview .assistant-avatar svg{color:var(--studio-secondary)}.preview .code-sample{background:rgba(var(--studio-bg-rgb),var(--studio-opacity));border-color:var(--line);border-radius:var(--studio-radius);margin-top:17px}.preview .code-header{font-size:7px;border-color:var(--line);color:var(--muted)}.preview .code-header>span:first-child{color:var(--studio-secondary)}.preview .code-sample pre{font-size:calc(9px * var(--studio-font-scale));padding:12px 14px;color:var(--ink)}.preview .syntax-keyword{color:var(--studio-accent-alt)}.preview .syntax-string,.preview .ready-note{color:var(--studio-secondary)}.preview .syntax-comment{color:var(--muted)}.preview .composer-container{padding:10px 26px 13px}.preview .composer{background:var(--graphite-composer-surface);border:0;box-shadow:inset 0 0 0 1px var(--graphite-composer-edge);border-radius:var(--studio-radius)}.preview .composer textarea{font-size:calc(11px * var(--studio-font-scale));font-family:var(--studio-font);color:var(--ink)}.preview .composer textarea::placeholder,.preview .composer-model,.preview .composer-caption{color:var(--muted)}.preview .send-button{background:var(--accent);color:var(--bg)}.preview .preview-toolbar{padding:10px 15px;border-color:var(--line);gap:5px;background:rgba(var(--studio-bg-rgb),.9)}.preview .preview-tabs button{font-size:9px;padding:6px 8px}.preview .preview-actions{gap:12px}.preview .preview-actions button{font-size:9px}.preview .preview-actions .import-button{border:0;padding:0;color:var(--muted)}.preview .palette-view{padding:35px 27px}.preview .palette-view h2{font-size:30px;overflow-wrap:anywhere}.preview .swatches{gap:12px}.preview .swatch{height:60px}.preview .theme-properties>div{font-size:9px}.preview .palette-view>.primary-button{font-size:10px}
.preview[data-safe-area=left] .sidebar{background:rgba(var(--studio-panel-rgb),.96)}.preview[data-safe-area=right] .workspace{background:linear-gradient(90deg,transparent,rgba(var(--studio-bg-rgb),.8))}
.studio-controls{grid-column:3;grid-row:2;background:#1b1e20;border-left:1px solid #353a3b;color:#dadbd5;display:flex;flex-direction:column;min-height:0;z-index:0;font-family:var(--sans);font-size:11px;overflow:hidden}.editor-heading{padding:27px 23px 0}.editor-kicker{font:7px var(--mono);letter-spacing:1.8px;color:#b6a380}.editor-heading h2{font-size:24px;font-weight:400;letter-spacing:.5px;margin:13px 0 8px}.editor-heading p{font-size:10px;color:#929b96;letter-spacing:.3px;margin:0 0 22px}.theme-name-label{display:flex;justify-content:space-between;font-size:10px;color:#9ea7a0;padding:0 23px;margin-bottom:9px}.theme-name-label span{font-size:8px;color:#89958b}.theme-name-label .is-dirty{color:#c7ad7e}#theme-name{margin:0 23px;border:1px solid #3f4544;border-radius:5px;background:#131618;padding:10px 11px;font:11px var(--mono);color:#dedfd5;width:calc(100% - 46px);min-height:35px}input:focus-visible,select:focus-visible{outline:1px solid #b79a6a;outline-offset:3px}.engine-card{display:flex;align-items:center;gap:8px;padding:12px 0;margin:1px 23px 0;border-bottom:1px solid #353a3a}.engine-led{width:5px;height:5px;background:#727a76;border-radius:50%;flex-shrink:0}.engine-led.available{background:#b79a6a;box-shadow:0 0 6px #b79a6a33}.engine-card div{min-width:0}.engine-card strong{font-size:9px;font-weight:400;color:#c0c5bc;display:block}.engine-card div>span{font-size:8px;color:#858f88;display:block;margin-top:5px}.engine-card button{margin-left:auto;padding:5px;color:#8e9891}.engine-card svg{width:13px;height:13px}.editor-scroll{overflow-y:auto;min-height:0;flex:1;padding:0 23px;scrollbar-width:thin;scrollbar-color:#555b53 transparent}.editor-section{border-bottom:1px solid #353a3a}.editor-section summary{list-style:none;cursor:pointer;padding:17px 0;display:flex;justify-content:space-between;font-size:11px;align-items:center;color:#d0d5ca}.editor-section summary::-webkit-details-marker{display:none}.editor-section summary>span:first-child{display:flex;gap:10px;align-items:center}.editor-section summary>span:last-child{font-size:12px;color:#929c91;transition:transform .15s}.editor-section[open] summary>span:last-child{transform:rotate(180deg)}.editor-section summary small{font:8px var(--mono);color:#838d83}.editor-section-body{padding:0 0 17px}.background-thumbnail{height:104px;border:1px solid #414640;border-radius:5px;overflow:hidden;position:relative;background:#131618}.background-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;display:block}.background-thumbnail span{position:absolute;bottom:8px;left:10px;font:6px var(--mono);letter-spacing:1px;color:#bab7a5}.background-actions{display:flex;justify-content:space-between;gap:10px;margin-top:9px;margin-bottom:18px}.background-actions button{font-size:9px;color:#c2b392;border:1px solid #514e42;border-radius:4px;padding:7px 11px;background:#b79a6a09}.background-actions button+button{border-color:transparent;color:#8e988c;background:transparent;padding-right:0}.range-control{display:block;margin:15px 0}.range-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#aeb6aa}.range-heading output{font:8px var(--mono);color:#b9b9a9}input[type=range]{width:100%;height:3px;display:block;margin:11px 0 0;accent-color:#b79a6a;cursor:pointer}input[type=range]:disabled{cursor:wait}.select-control{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#aeb6aa;margin:13px 0}.select-control select{font:9px var(--sans);background:#24292a;color:#d2d5c8;border:1px solid #424946;border-radius:4px;width:137px;padding:6px}.color-control{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:9px;color:#b2bbad}.color-value{display:flex;align-items:center;gap:10px}.color-value output{font:9px var(--mono);color:#c0c5b6}.color-value input{appearance:none;width:25px;height:25px;padding:0;border:1px solid #596050;border-radius:4px;background:none;overflow:hidden;cursor:pointer}.color-value input::-webkit-color-swatch-wrapper{padding:2px}.color-value input::-webkit-color-swatch{border:0;border-radius:2px}.editor-note{font-size:9px;line-height:1.8;color:#909b8d;margin:18px 0 0}.reset-studio{font-size:9px;display:block;padding:18px 0 20px;color:#9eaa98}.reset-studio:hover{color:#dedfcf}.editor-footer{flex-shrink:0;border-top:1px solid #353b39;padding:13px 23px 12px;background:#1a1d1f}.editor-footer>p{font-size:9px;color:#9aa592;line-height:1.7;margin:0 0 11px;min-height:16px;max-height:49px;overflow:auto}.editor-footer>p.is-error{color:#d6a992}.editor-secondary-actions{display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.editor-secondary-actions button{font-size:9px;border:1px solid #414941;border-radius:4px;padding:7px 12px;color:#b8c2ae}.editor-secondary-actions button:hover{border-color:#a49a7d}.studio-apply{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;padding:11px;border-radius:5px;font-size:11px;background:#b79a6a;color:#171a16;border:1px solid #c5ab80;font-weight:500}.studio-apply:hover{background:#c4ab7c}.studio-apply svg{width:14px;height:14px}.engine-credit{font:6px var(--mono);display:block;text-align:center;color:#808c7b;letter-spacing:1.2px;margin-top:11px}
@media(min-height:850px){.preview .conversation{padding-top:50px}.preview .conversation h2{font-size:calc(29px * var(--studio-font-scale))}}
@media(max-width:1080px){.preview{grid-template-columns:0 minmax(0,1fr) 304px}.preview .sidebar{display:none}.preview:before,.preview:after{right:304px}.studio-controls{grid-column:3}.preview .workspace{grid-column:2}.rico-label{display:none}.preview .conversation{max-width:650px}}
@media(max-width:720px){.preview{height:auto;min-height:100svh;grid-template-columns:minmax(0,1fr);grid-template-rows:64px 630px auto;overflow:clip}.studio-header{padding:12px 16px 0;gap:10px;position:relative}.studio-brand{gap:7px;letter-spacing:1px}.studio-brand strong{font-size:9px}.studio-brand>span:last-child{font-size:6px;letter-spacing:.6px}.studio-header-actions button{font-size:9px;padding:7px}.studio-controls{grid-column:1;grid-row:3;min-height:720px;border-left:0;border-top:1px solid #41463d}.preview .workspace{grid-column:1;grid-row:2;height:630px}.preview:before,.preview:after{inset:64px 0 auto;height:630px}.preview .workspace-header{padding:0 20px}.preview .conversation{padding:28px 22px 18px}.preview .conversation h2{font-size:calc(24px * var(--studio-font-scale))}.preview .preview-toolbar{flex-wrap:wrap;gap:9px}.preview .preview-actions{gap:15px}.studio-entry{font-size:8px;gap:5px}.boot-tools{gap:11px}.boot-footer>span:first-child{display:none}.boot-footer{justify-content:flex-end}.editor-scroll{max-height:540px}.editor-heading{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.editor-section summary>span:last-child{transition:none}}

/* Sequence position follows the six actual animation phases. */
.serial{display:flex;align-items:center;gap:24px;font-variant-numeric:tabular-nums}.serial span{margin-left:0}.serial #sequence-stage{color:#727a77}.serial #phase-counter{color:#c0c2b6;letter-spacing:2px}
@media(max-width:680px){.serial{display:flex;gap:0}.serial #sequence-stage{display:none}.serial #phase-counter{font-size:8px;letter-spacing:1px}}

.engine-card div>span{line-height:1.6;overflow-wrap:anywhere}.engine-card{align-items:flex-start}.engine-card .engine-led{margin-top:4px}

/* The preview shares the runtime ornament rules and material tokens. */
.preview .surface-ornament{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;user-select:none;color:var(--graphite-ornament-ink);font:8px "SFMono-Regular",Menlo,monospace;letter-spacing:1.5px;}
.preview .surface-ornament[hidden]{display:none!important;}
.preview .surface-ornament .graphite-corner{position:absolute;width:72px;height:40px;fill:none;stroke:var(--graphite-ornament-line);stroke-width:.7;}
.preview .surface-ornament .graphite-corner path:nth-child(2){stroke:var(--graphite-ornament-dim);}
.preview .surface-ornament .graphite-corner:nth-child(1){left:18px;top:18px;}
.preview .surface-ornament .graphite-corner:nth-child(2){right:18px;top:18px;transform:scaleX(-1);}
.preview .surface-ornament .graphite-corner:nth-child(3){left:18px;bottom:18px;transform:scaleY(-1);}
.preview .surface-ornament .graphite-corner:nth-child(4){right:18px;bottom:18px;transform:scale(-1);}
.preview .surface-ornament .graphite-inscription{position:absolute;left:36px;top:42px;width:var(--graphite-note-width);line-height:1.8;}
.preview .surface-ornament .graphite-inscription:before{content:"";display:block;width:32px;height:1px;background:var(--graphite-ornament-line);margin-bottom:13px;}
.preview .surface-ornament .graphite-inscription span{display:block;font-size:6px;letter-spacing:1.1px;margin-bottom:10px;white-space:nowrap;}
.preview .surface-ornament .graphite-inscription strong{display:block;font-size:12px;font-weight:400;letter-spacing:1.7px;line-height:1.55;}
.preview .surface-ornament .graphite-inscription small{display:block;font:9px var(--studio-font);letter-spacing:1.4px;margin-top:11px;opacity:.75;}
.preview .surface-ornament .graphite-signature{position:absolute;right:36px;bottom:36px;text-align:right;line-height:1.8;}
.preview .surface-ornament .graphite-signature:before{content:"";display:block;width:60px;height:3px;margin:0 0 12px auto;background:linear-gradient(90deg,var(--graphite-ornament-line) 0 35px,transparent 35px 42px,var(--graphite-ornament-ink) 42px 45px,transparent 45px 49px,var(--graphite-ornament-line) 49px 52px,transparent 52px 56px,var(--graphite-ornament-dim) 56px);}
.preview .surface-ornament .graphite-signature span{display:block;font-size:5px;letter-spacing:1px;}
.preview .surface-ornament .graphite-signature strong{display:block;font-size:14px;font-weight:400;letter-spacing:2.4px;margin:4px 0;}
.preview .surface-ornament .graphite-signature small{display:block;font-size:5px;letter-spacing:1.4px;opacity:.7;}
.preview .surface-ornament[data-notes="hidden"] .graphite-inscription,.preview .surface-ornament[data-signature="hidden"] .graphite-signature{display:none;}
.preview .surface-ornament[data-signature="compact"] .graphite-signature :is(span,small){display:none;}
.preview .surface-ornament[data-signature="compact"] .graphite-signature strong{font-size:9px;letter-spacing:1px;}