:root{--page:#080d12;--surface:#101922;--raised:#15222c;--text:#e8f0f5;--muted:#98aab8;--border:#263640;--accent:#68e0ed;--accent-ink:#07191c;--wash:#68e0ed12;--success:#81dcaf;--danger:#ff929a;--radius:8px;--display:'Avenir Next','Segoe UI',sans-serif;--sans:'Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
:root[data-theme=forge]{--page:#14120f;--surface:#1c1915;--raised:#26211b;--text:#f0e8dc;--muted:#b2a596;--border:#3c3329;--accent:#ffb36a;--accent-ink:#251608;--wash:#ffb36a13;--success:#abd18c;--danger:#ff9692;--radius:2px;--display:'Arial Narrow','Segoe UI',sans-serif}
:root[data-theme=ion]{--page:#f1f3f3;--surface:#fafbfa;--raised:#e8edf0;--text:#192b3b;--muted:#526576;--border:#cbd4dc;--accent:#4358cb;--accent-ink:#fff;--wash:#4358cb0c;--success:#247044;--danger:#b53d43;--radius:14px;--display:'Trebuchet MS','Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:14px/1.5 var(--sans)}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{color:var(--accent)}button:active{transform:translateY(1px)}main,.lab-header{max-width:1600px;margin:auto}.lab-header{height:84px;display:flex;align-items:center;gap:30px;padding:0 4%;border-bottom:1px solid var(--border);font:10px var(--mono);letter-spacing:1.4px}.lab-name{display:flex;align-items:center;gap:12px}.lab-name>span:not(.tiny-cross){color:var(--muted)}.tiny-cross{color:var(--accent);font-size:24px}.edition{margin-left:auto;color:var(--muted)}.brief-link{border-bottom:1px solid var(--border);padding-bottom:4px}main{padding:0 4%}.intro{padding:62px 0 42px;display:flex;justify-content:space-between;gap:35px;align-items:end}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.8px;color:var(--muted)}h1{font:500 clamp(40px,4.5vw,70px)/1.06 var(--display);letter-spacing:-3px;margin:19px 0 0}h1 em{color:var(--accent);font-style:normal}.intro-note{max-width:410px;padding-bottom:4px}.intro-note p:first-child{font-size:17px}.intro-note p:nth-child(2){font-size:13px;color:var(--muted);line-height:1.8}.concept-label{font:10px var(--mono);color:var(--muted);display:flex;gap:8px;align-items:center}.concept-label i,.status-dot{width:6px;height:6px;display:inline-block;background:var(--success);border-radius:50%;flex-shrink:0}.directions{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.direction{display:flex;align-items:center;gap:17px;text-align:left;padding:23px 24px;border-right:1px solid var(--border);position:relative}.direction:last-child{border:0}.direction.active{background:var(--wash)}.direction.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.direction-n{font:11px var(--mono);color:var(--muted)}.direction strong{font:600 22px var(--display);letter-spacing:2px}.direction small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.mini-palette{display:flex;margin-left:auto}.mini-palette i{height:17px;width:17px;border-radius:50%;margin-left:-3px;border:2px solid var(--page)}.direction-arrow{color:var(--muted);margin-left:3px}.concept-heading{display:flex;align-items:center;gap:36px;padding:38px 0 22px}.concept-heading h2{font:500 24px var(--display);margin:5px 0 0;letter-spacing:-.6px}.concept-heading>p{color:var(--muted);max-width:470px;font-size:12px;line-height:1.7;margin:0}.motion-control{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.motion-control input{accent-color:var(--accent)}
.app{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 28px 100px #0002;min-height:764px}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--page);padding:0 13px;min-width:0}.brand{display:flex;align-items:center;gap:9px;height:69px;padding-left:4px}.mark{width:33px;height:33px;stroke:var(--accent);fill:none;stroke-width:2.3}.forge-mark,.ion-mark{display:none}[data-theme=forge] .arc-mark,[data-theme=ion] .arc-mark{display:none}[data-theme=forge] .forge-mark,[data-theme=ion] .ion-mark{display:block}.brand strong{font:600 19px var(--display);letter-spacing:-.7px}.brand strong span{display:block;font:7px var(--mono);letter-spacing:2px;margin-top:5px;color:var(--muted)}.search-decor{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;border:1px solid var(--border);padding:8px;border-radius:4px}.search-decor kbd{font-size:9px;margin-left:auto}.side-caption{font:8px var(--mono);letter-spacing:1.4px;color:var(--muted);display:flex;justify-content:space-between;margin:28px 7px 12px}.home-item{padding:10px 7px;color:var(--muted);display:flex;gap:13px;font-size:12px}.project-row{display:flex;align-items:center;gap:10px;padding:12px 6px;font-size:12px}.project-row .status-dot,.project-row small{margin-left:auto}.project-row small{color:var(--muted);font:10px var(--mono)}.project-avatar{background:var(--accent);color:var(--accent-ink);width:22px;height:22px;display:grid;place-items:center;border-radius:5px;font:bold 12px var(--display)}.project-avatar.alternate{background:var(--raised);color:var(--muted);border:1px solid var(--border)}.tree{border-left:1px solid var(--border);margin:0 0 12px 16px;padding-left:13px;display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:11px}.tree>span{padding:2px 0 2px 3px}.tree-label{color:var(--text);margin-top:4px}.session{display:flex;align-items:center;gap:7px;text-align:left;padding:9px 7px;margin-left:-10px;border-radius:4px;font-size:10px}.session small{font:8px var(--mono);display:block;margin-top:5px;color:var(--muted)}.session .status-dot{width:4px;height:4px;margin-left:auto}.session.selected{background:var(--wash);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.provider{font-size:17px}.sidebar-bottom{margin-top:auto}.system-note{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px;padding:20px 5px}.profile{border-top:1px solid var(--border);padding:16px 0;display:flex;align-items:center;gap:9px;font-size:11px}.profile small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.profile>span:last-child{margin-left:auto}.avatar{width:29px;height:29px;border:1px solid var(--border);background:var(--raised);border-radius:50%;display:grid;place-items:center;font-size:10px}.workspace{min-width:0;display:flex;flex-direction:column}.session-bar{height:47px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-right:20px;font-size:11px}.open-session{display:flex;align-items:center;gap:10px;align-self:stretch;padding:0 20px;border-right:1px solid var(--border);background:var(--wash)}.open-session>span:last-child{color:var(--muted)}.bar-info{font:8px var(--mono);color:var(--muted);letter-spacing:1px}.project-tabs{display:flex;gap:22px;padding:0 21px;border-bottom:1px solid var(--border);overflow:auto}.project-tabs button{font-size:11px;padding:15px 0;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}.project-tabs button.active{color:var(--accent);border-color:var(--accent)}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 238px;flex:1}.discussion{padding:0 25px 16px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 0,var(--wash),transparent 70%)}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 21px;gap:15px}.thread-header .eyebrow{font-size:8px;letter-spacing:1.2px}.thread-header h3{font:500 19px var(--display);letter-spacing:-.3px;margin:4px 0 0}.live-tag{font:9px var(--mono);color:var(--success);display:flex;gap:6px;align-items:center;white-space:nowrap}#view-content{flex:1;min-height:405px}.message{display:flex;gap:12px;font-size:12px;line-height:1.75;margin:4px 0 22px}.message>.avatar{flex-shrink:0;width:27px;height:27px;font-size:9px}.message-body{flex:1;min-width:0}.message-head{display:flex;gap:9px;align-items:center;font-size:11px;margin-bottom:8px}.message-head time,.message-head small{color:var(--muted);font:8px var(--mono)}.message p{margin:5px 0 12px}.agent-avatar{color:var(--accent);background:var(--wash);border-color:var(--accent);font-size:17px!important}.tool-list{border:1px solid var(--border);border-radius:var(--radius);margin:15px 0 17px;background:var(--page)}.tool-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:10px}.tool-row:last-child{border:0}.tool-row .check{color:var(--success)}.tool-row small{color:var(--muted);margin-left:auto;font:8px var(--mono)}.diff{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:12px 0;background:var(--page)}.diff-title{display:flex;gap:8px;justify-content:space-between;padding:10px 12px;font:9px var(--mono);border-bottom:1px solid var(--border)}.diff-title span:last-child{color:var(--success)}.diff pre{font:10px/1.85 var(--mono);overflow:auto;margin:0;padding:12px}.diff .removed{color:var(--danger)}.diff .added{color:var(--success)}.result{display:flex;gap:9px;align-items:center;color:var(--success);font-size:10px}.result small{margin-left:auto;color:var(--muted);font:8px var(--mono)}.composer{margin-top:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--page);box-shadow:0 0 0 1px var(--wash)}.composer:focus-within{border-color:var(--accent)}textarea{width:100%;resize:vertical;min-height:67px;color:var(--text);background:none;border:0;padding:15px;font-size:12px;outline:none!important}textarea::placeholder{color:var(--muted)}.composer-bottom{padding:0 10px 10px 15px;display:flex;align-items:center;gap:12px}.composer-hint{font:8px var(--mono);color:var(--muted)}.composer-bottom .model-name{margin-left:auto;font-size:9px;color:var(--muted)}.send{width:29px;height:29px;border-radius:5px;background:var(--accent);color:var(--accent-ink);font-size:21px}.send:hover{color:var(--accent-ink);filter:brightness(1.1)}.send:disabled{opacity:.4;cursor:wait}.composer-footer{font:8px var(--mono);display:flex;justify-content:space-between;color:var(--muted);padding-top:10px;gap:10px}.composer-footer .status-dot{width:4px;height:4px}.context-panel{padding:22px 18px 0;border-left:1px solid var(--border);background:linear-gradient(180deg,var(--wash),transparent 38%)}.context-title{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}.reactor-wrap{position:relative;max-width:185px;margin:8px auto -2px}.reactor{width:100%;color:var(--accent)}.reactor-value{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.reactor-value strong{font:300 37px var(--display);letter-spacing:-2px}.reactor-value strong span{font-size:15px;letter-spacing:0;margin-left:2px;color:var(--muted)}.reactor-value small{font:7px var(--mono);letter-spacing:1.1px;margin-top:5px;color:var(--muted)}.context-numbers{display:flex;justify-content:space-around;font:12px var(--mono);text-align:center;margin-bottom:19px}.context-numbers small{display:block;font:8px var(--sans);color:var(--muted);margin-top:5px}.panel-section{border-top:1px solid var(--border);padding:16px 0}.panel-label{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.engine{display:flex;gap:10px;align-items:center}.engine-icon{font-size:24px;color:var(--accent)}.engine strong{font-size:11px}.engine small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.quota{display:flex;justify-content:space-between;font-size:9px;margin:14px 0 6px;color:var(--muted)}.quota strong{color:var(--text);font:9px var(--mono)}.meter{height:3px;background:var(--border)}.meter i{display:block;background:var(--accent);width:78%;height:100%}.file-row{display:flex;justify-content:space-between;font:8px/2.5 var(--mono)}.file-row b{color:var(--success);font-weight:400}.diff-meter{display:flex;gap:3px;margin-top:10px}.diff-meter i{height:3px;width:13px;background:var(--success)}.diff-meter i:last-child{background:var(--danger)}.preview-card{height:80px;border:1px solid var(--border);border-radius:4px;background:#dad6cb;display:flex;align-items:center;justify-content:center;gap:15px;color:#343a2d}.preview-card>span{font:18px Georgia,serif;letter-spacing:4px}.preview-card small{font:italic 8px Georgia,serif;display:block;letter-spacing:0;margin-top:3px}.preview-lines{width:28px;height:40px;display:flex;gap:3px;align-items:center}.preview-lines i{display:block;width:8px;height:30px;border-radius:20px;background:#828976}.preview-lines i:nth-child(2){height:43px}.preview-link{display:flex;justify-content:space-between;width:100%;font-size:9px;padding:9px 0 0;color:var(--accent)}.context-foot{font:8px var(--mono);color:var(--muted);padding-bottom:10px}.app-status{border-top:1px solid var(--border);padding:8px 18px;display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);color:var(--muted)}.app-status .status-dot{width:4px;height:4px;margin-right:4px}
.brand-board{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;gap:0}.board-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px}.board-heading>.eyebrow{grid-column:1/-1}.board-heading h2{font:500 29px var(--display);letter-spacing:-.7px;margin:9px 0}.board-heading p{max-width:450px;justify-self:end;color:var(--muted);font-size:12px;margin:9px 0;line-height:1.8}.specimen{border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:23px;min-width:0}.specimen:nth-child(2){padding-left:0}.specimen:last-child{border-right:0}.specimen .eyebrow{font-size:8px}.signature{display:flex;align-items:center;gap:7px;height:93px;font:500 24px var(--display);letter-spacing:-1px}.signature .mark{width:43px;height:43px}.specimen p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.swatches{display:flex;height:93px;align-items:center;gap:7px}.swatch{flex:1;min-width:0}.swatch i{display:block;height:35px;border-radius:3px;border:1px solid #8884}.swatch span{font:7px var(--mono);display:block;margin-top:5px;color:var(--muted)}.type-display{font:500 47px var(--display);letter-spacing:-2px;display:flex;gap:16px;align-items:center;height:74px}.type-display span{font:10px var(--mono);letter-spacing:0;color:var(--muted)}.type-specimen>strong{font-size:10px;display:block;margin:0 0 10px}.specimen blockquote{font:500 23px/1.25 var(--display);letter-spacing:-.8px;margin:25px 0 22px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:15px 60px;padding:70px 0}.editorial>.eyebrow{grid-column:1/-1}.editorial h2{font:500 40px/1.15 var(--display);letter-spacing:-1.5px;margin:0}.editorial p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 14px}.editorial strong{color:var(--text);font-weight:500}.editorial a{color:var(--accent);font-size:11px}.lab-footer{border-top:1px solid var(--border);padding:22px 0 35px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:8px var(--mono);letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:12px 20px;background:var(--text);color:var(--page);border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.alternate-view h4{font:500 23px var(--display);margin:12px 0}.alternate-view>p{color:var(--muted);font-size:12px;line-height:1.8}.list-item{border-bottom:1px solid var(--border);padding:14px 0;display:flex;justify-content:space-between;gap:10px;font:10px var(--mono)}.list-item span:last-child{color:var(--muted)}.large-preview{height:220px;margin:25px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#dad6cb;color:#343a2d;font:45px Georgia,serif;letter-spacing:8px;border-radius:var(--radius)}.large-preview small{font:italic 16px Georgia,serif;letter-spacing:0;margin-top:14px}.callout{padding:15px;border:1px solid var(--border);background:var(--wash);border-radius:var(--radius);margin-top:18px;font-size:12px}.callout.success{border-color:var(--success);color:var(--success)}.orbit{transform-origin:100px 100px}.running .orbit{animation:orbit 5s linear infinite}.running .reactor{filter:drop-shadow(0 0 8px var(--wash))}.running .live-tag .status-dot{animation:pulse 1s ease-in-out infinite}.app.effects{box-shadow:0 0 0 1px var(--wash),0 22px 80px #0002,0 -12px 70px var(--wash)}.new-message{animation:enter .3s var(--ease)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.no-motion *{animation:none!important;transition:none!important}[data-theme=forge] .reactor-wrap{transform:scale(.9)}[data-theme=forge] .app{border-top:3px solid var(--accent)}[data-theme=forge] .direction strong{font-weight:800;letter-spacing:3px}[data-theme=ion] .app{box-shadow:0 24px 50px #25364714}[data-theme=ion] .reactor{opacity:.85}
@media(min-width:1500px){.app{grid-template-columns:220px minmax(0,1fr)}.work-grid{grid-template-columns:minmax(0,1fr) 260px}.discussion{padding-left:35px;padding-right:35px}.message{font-size:13px}.tool-row{font-size:11px}}
@media(max-width:1100px){.app{grid-template-columns:180px minmax(0,1fr)}.work-grid{grid-template-columns:minmax(0,1fr) 205px}.discussion{padding-inline:16px}.context-panel{padding-inline:12px}.direction{padding:19px 14px;gap:10px}.mini-palette{display:none}.direction-arrow{margin-left:auto}.concept-heading{gap:20px}.concept-heading>p{max-width:330px}.brand strong{font-size:17px}.brand-board{grid-template-columns:1fr 1fr}.specimen:nth-child(3){border-right:0}.specimen:nth-child(4){padding-left:0}.board-heading{display:block}.board-heading p{max-width:none}.project-tabs{gap:17px}.signature{font-size:28px}.specimen{padding:25px}.edition{display:none}.lab-header .brief-link{margin-left:auto}}
@media(max-width:850px){.intro{padding-top:40px;align-items:start;flex-direction:column;gap:15px}.intro-note{max-width:none}.intro-note p:first-child{margin-top:0}.intro-note br{display:none}.concept-heading{flex-wrap:wrap}.concept-heading>p{max-width:none;flex:1;min-width:230px}.motion-control{margin-left:0}.context-panel{display:none}.work-grid{grid-template-columns:minmax(0,1fr)}.app{min-height:780px}.lab-name>span:not(.tiny-cross){display:none}.direction small{font-size:10px}.editorial{gap:20px}.editorial h2{font-size:32px}.bar-info{display:none}.brand-board{margin-top:40px}}
@media(max-width:560px){main{padding:0 16px}.lab-header{height:65px;padding:0 16px}.intro{padding-top:30px}h1{font-size:43px;letter-spacing:-2px}.directions{grid-template-columns:1fr}.direction{padding:13px 15px}.direction-n{min-width:30px}.direction strong{font-size:18px}.direction small{display:inline;margin-left:12px}.direction{border-right:0;border-bottom:1px solid var(--border)}.concept-heading{padding-top:25px;gap:12px}.concept-heading h2{font-size:23px}.concept-heading>p{flex-basis:100%}.app{grid-template-columns:1fr}.sidebar{display:none}.project-tabs{gap:20px;padding:0 13px}.discussion{padding-inline:13px}.open-session{padding:0 13px}.thread-header h3{font-size:18px}.thread-header{gap:7px}.live-tag{font-size:8px}.message{gap:8px}.message-head{flex-wrap:wrap}.tool-row{padding:9px 8px;font-size:9px;gap:6px}.tool-row small{font-size:7px}.diff pre{font-size:8px}.diff-title{font-size:8px}.result{font-size:9px}.composer-hint{font-size:7px}.composer-footer{font-size:7px}.app-status{font-size:7px;flex-wrap:wrap}.brand-board{grid-template-columns:1fr}.specimen{border-right:0;padding:22px 0}.board-heading h2{font-size:26px}.editorial{grid-template-columns:1fr;padding:45px 0}.editorial h2{font-size:34px}.lab-footer{flex-wrap:wrap;line-height:1.8}.lab-footer>span:last-child{display:none}.direction-arrow{margin-left:auto}.mini-palette{display:flex}.direction small{display:block;margin-left:0}.thread-header .eyebrow{font-size:7px}.signature{height:80px}.swatch span{font-size:9px}.swatches{max-width:350px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}