:root{--font: "JetBrains Mono Variable", ui-monospace, monospace;--display: "IBM Plex Mono", ui-monospace, monospace;--gut: 2.6rem;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav{background:rgb(from var(--bg) r g b / .85);border-bottom:1px solid var(--line)}.nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:.3rem var(--gut);min-height:3.8rem}.brand{display:flex;align-items:center;gap:.35rem;color:var(--text);font-size:1.7rem;letter-spacing:-.05em;text-decoration:none}.brand span{font-family:"Orbit",var(--display);font-weight:400;line-height:normal;transform:translateY(-.06em)}.mark{display:block;flex-shrink:0}.mark-luvus{width:42px;height:42px}.mark-luvus svg{width:100%;height:100%;display:block}.nav-links{display:flex;align-items:center;gap:1.4rem;color:var(--sub);font:.88rem IBM Plex Mono,ui-monospace,monospace;letter-spacing:-.01em}.nav-links a{color:inherit;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-links a[aria-current=page]{color:var(--accent)}.gh{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;flex:0 0 33px;box-sizing:border-box;border:1px solid var(--line);padding:0;transition:border-color .15s,color .15s}.gh:hover{border-color:var(--accent);color:var(--accent)}main{width:100%;max-width:1440px;margin:0 auto;padding:3.2rem var(--gut) 4rem}.intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.eyebrow,.panel-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font:600 .7rem var(--display);margin:0 0 .55rem}h1{font:600 clamp(2.1rem,4vw,4rem)/1.02 var(--display);letter-spacing:-.05em;margin:0}h1 span{color:var(--accent)}.lede{color:var(--sub);max-width:760px;line-height:1.65;margin:1rem 0 0}.intro-actions{display:flex;gap:.65rem;flex-shrink:0}.button,.small-button{border:1px solid var(--accent);background:var(--accent);color:var(--bg);padding:.7rem 1rem;font-weight:700}.button.secondary,.small-button{background:transparent;color:var(--text);border-color:var(--line)}.button:hover,.small-button:hover{border-color:var(--accent)}.maker{display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);border:1px solid var(--line);min-height:800px}.editor{background:var(--bg2);border-right:1px solid var(--line);padding:1rem;max-height:100vh;overflow:auto;position:sticky;top:0;align-self:start;scrollbar-width:thin;scrollbar-color:var(--overlay0) transparent}.editor::-webkit-scrollbar{width:7px;height:7px}.editor::-webkit-scrollbar-track{background:transparent}.editor::-webkit-scrollbar-thumb{background:var(--overlay0);border:2px solid var(--bg2)}.editor::-webkit-scrollbar-thumb:hover{background:var(--accent)}.editor-head{display:flex;align-items:end;justify-content:space-between;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}select,.identity input{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:.55rem .65rem}#preset{min-width:220px}.identity{border-bottom:1px solid var(--line);padding:.75rem 0}.identity summary{color:var(--sub2);font-size:.78rem;cursor:pointer}.identity-grid{display:grid;gap:.65rem;padding-top:.8rem}.identity-grid label{color:var(--sub);font-size:.68rem;display:grid;gap:.3rem}.color-groups fieldset{border:0;padding:0;margin:1.15rem 0}.color-groups legend{color:var(--accent);font:600 .68rem var(--display);text-transform:uppercase;letter-spacing:.1em;width:100%;border-bottom:1px solid var(--line);padding-bottom:.45rem;margin-bottom:.25rem}.color-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.48rem .2rem;border-bottom:1px solid rgb(from var(--line) r g b / .5)}.color-row>label{min-width:0}.color-label{color:var(--text);font-size:.75rem}.color-inputs{display:flex;align-items:center;gap:.35rem}.picker{appearance:none;width:28px;height:28px;padding:0;border:1px solid var(--line);background:transparent}.picker::-webkit-color-swatch-wrapper{padding:2px}.picker::-webkit-color-swatch{border:0}.picker::-moz-color-swatch{border:0}.hex{width:82px;padding:.38rem .42rem;color:var(--text);background:var(--bg);border:1px solid var(--line);font-size:.68rem}.hex:focus{outline:1px solid var(--accent);border-color:var(--accent)}.hex[aria-invalid=true]{border-color:var(--coral)}.stage{min-width:0;background:var(--bg);padding:1.1rem}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.stage-head h2{margin:0;color:var(--text);font:600 .82rem var(--display)}.viewport-switch{display:flex;border:1px solid var(--line)}.viewport-switch button{border:0;color:var(--sub);background:var(--bg2);padding:.35rem .6rem;font-size:.65rem}.viewport-switch button.on{background:var(--accent);color:var(--bg)}.preview-wrap{overflow:auto;padding:clamp(.5rem,2vw,1.5rem);background-image:linear-gradient(45deg,var(--surface) 25%,transparent 25%),linear-gradient(-45deg,var(--surface) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface) 75%),linear-gradient(-45deg,transparent 75%,var(--surface) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid var(--line)}.preview{min-width:720px;max-width:1100px;margin:auto;color:var(--text);background:var(--bg);border:1px solid var(--overlay0);box-shadow:0 20px 55px #00000059;transition:max-width .2s}.preview[data-size=compact]{max-width:760px}.app-body{min-height:540px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sidebar{width:190px;min-height:0;background:var(--base);border-right:1px solid var(--line);padding:.55rem;font-size:.62rem}.side-brand{display:flex;align-items:center;gap:.45rem;padding-bottom:.65rem;border-bottom:1px solid var(--surface)}.side-brand b{color:var(--accent)}.side-brand span{color:var(--sub)}.side-brand button{margin-left:auto;border:1px solid var(--line);color:var(--sub2);background:var(--surface);font-size:.55rem;padding:.18rem .3rem}.dock-title{color:var(--sub);text-transform:uppercase;letter-spacing:.1em;margin:.75rem .25rem .3rem}.agents-title{display:flex;justify-content:space-between}.agents-title small b{color:var(--accent)}.workspace,.agent{display:flex;align-items:center;gap:.4rem;padding:.37rem .42rem;color:var(--sub2)}.workspace small,.agent small{margin-left:auto;color:var(--sub)}.workspace.selected{color:var(--text);background:var(--sel)}.workspace.selected>span{color:var(--accent)}.agent.focused{border-left:2px solid var(--accent);color:var(--text)}.state{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.state.working{background:var(--amber)}.state.blocked{background:var(--coral)}.state.done{background:var(--mint)}.state.idle{background:var(--green);border:1px solid var(--green)}.workspace-view{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg2)}.tabs{display:flex;align-items:end;gap:2px;height:36px;padding:.35rem .45rem 0;border-bottom:1px solid var(--line);background:var(--bg)}.tab{border:0;background:transparent;color:var(--sub);padding:.38rem .65rem;font-size:.6rem}.tab.active{color:var(--text);background:var(--surface);border-top:1px solid var(--accent)}.tabs>span{color:var(--overlay0);padding:.3rem}.panes{flex:1;display:grid;grid-template-columns:1.18fr .82fr;gap:5px;padding:5px;min-height:290px}.pane{min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);background:var(--bg2)}.pane-focused{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.pane header{height:25px;display:flex;align-items:center;gap:.35rem;padding:0 .5rem;border-bottom:1px solid var(--surface);color:var(--text);background:var(--surface);font-size:.58rem}.terminal{flex:1;padding:.55rem .65rem;color:var(--text);font-size:.58rem;line-height:1.65;overflow:hidden}.terminal p{margin:.12rem 0}.terminal b{color:var(--accent)}.selection{background:var(--sel);display:inline-block;padding:0 .2rem}.composer{margin:.35rem;padding:.42rem .5rem;background:var(--surface);border:1px solid var(--border);font-size:.55rem}.composer>span{color:var(--accent)}.composer i{color:var(--sub);float:right;font-style:normal}.permission{display:grid;gap:.3rem;margin:.5rem 0;padding:.55rem;background:var(--surface);border:1px solid var(--border)}.permission button{text-align:left;border:0;background:transparent;color:var(--sub2);font-size:.55rem}.permission button:first-of-type{color:var(--accent);background:var(--sel)}.statusbar{grid-column:1 / -1;background:var(--bg);border-top:1px solid var(--line);color:var(--sub);padding:.35rem .55rem;font-size:.55rem}.statusbar b{color:var(--accent)}.statusbar span:first-of-type{color:var(--overlay0)}.statusbar span:last-of-type{color:var(--coral)}.token-active{outline:2px solid var(--accent)!important;outline-offset:-2px;animation:token-pulse .7s ease}@keyframes token-pulse{50%{filter:brightness(1.35)}}.diagnostics{margin-top:1rem;display:grid;gap:.75rem}.quality{border:1px solid var(--green);background:rgb(from var(--green) r g b / .08);color:var(--sub2);padding:.8rem .9rem;font-size:.85rem;line-height:1.55}.quality strong{color:var(--green)}.quality.warn{border-color:var(--amber);background:rgb(from var(--amber) r g b / .08)}.quality.warn strong{color:var(--amber)}.quality ul{margin:.45rem 0 0;padding-left:1.25rem}.export-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.export-head p{margin:0}.export-head .panel-kicker{color:var(--accent);font-size:.7rem;margin-bottom:.45rem}.export-head p:not(.panel-kicker){color:var(--sub);font-size:.88rem;line-height:1.6}.export-head code,.export-head a{color:var(--accent)}.export-actions{display:flex;gap:.55rem;flex-shrink:0}.publish-button{color:var(--bg);background:var(--accent);border-color:var(--accent)}#toml-output{width:100%;min-height:230px;resize:vertical;overflow:auto;white-space:pre;background:var(--bg2);color:var(--sub2);border:1px solid var(--line);padding:.9rem;font-size:.78rem;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--overlay0) transparent}#toml-output::-webkit-scrollbar{width:7px;height:7px}#toml-output::-webkit-scrollbar-track{background:transparent}#toml-output::-webkit-scrollbar-thumb{background:var(--overlay0);border:2px solid var(--bg2)}#toml-output::-webkit-scrollbar-thumb:hover{background:var(--accent)}.starters{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.starters-head{margin-bottom:1.1rem}.starters-head h2{margin:0;font:600 1.35rem var(--display);letter-spacing:-.035em}.starters-head>p:last-child{max-width:46rem;margin:.45rem 0 0;color:var(--sub);font-size:.84rem}.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.starter-card{min-width:0;color:var(--text);background:var(--bg2);border:1px solid var(--line)}.starter-card:hover,.starter-card:focus-within{border-color:var(--accent);transform:translateY(-2px)}.starter-edit{display:block;width:100%;padding:0;text-align:left;color:inherit;background:transparent;border:0}.starter-edit:focus-visible,.starter-install:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.starter-preview{display:block;height:170px;overflow:hidden;color:var(--text);background:var(--bg);border-bottom:1px solid var(--line)}.starter-bar{height:18px;display:flex;align-items:center;gap:4px;padding:0 7px;background:var(--bg);border-bottom:1px solid var(--line)}.starter-bar i{width:5px;height:5px;border-radius:50%;background:var(--coral)}.starter-bar i:nth-child(2){background:var(--amber)}.starter-bar i:nth-child(3){background:var(--green)}.starter-body{height:152px;display:flex}.starter-side{width:30%;display:flex;flex-direction:column;gap:7px;padding:10px 8px;background:var(--base);border-right:1px solid var(--line)}.starter-side b{display:block;width:70%;height:4px;background:var(--sub)}.starter-side b:nth-child(2){width:90%;background:var(--accent)}.starter-side b:nth-child(3){width:58%;background:var(--sub2)}.starter-side i{display:block;width:100%;height:21px;margin-top:4px;background:var(--sel);border-left:2px solid var(--accent)}.starter-main{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--bg2)}.starter-tabs{height:25px;display:flex;align-items:end;gap:3px;padding:4px 5px 0;background:var(--bg);border-bottom:1px solid var(--line)}.starter-tabs b{width:25%;height:14px;background:var(--surface)}.starter-tabs b:first-child{border-top:2px solid var(--accent)}.starter-tabs b:nth-child(2){background:transparent;border:1px solid var(--surface)}.starter-panes{flex:1;display:grid;grid-template-columns:1.2fr .8fr;gap:4px;padding:5px}.starter-panes i{display:block;background:var(--bg2);border:1px solid var(--border-focus)}.starter-panes i+i{border-color:var(--border)}.starter-lines{display:grid;gap:5px;padding:0 10px 10px}.starter-lines b{display:block;width:74%;height:3px;background:var(--text)}.starter-lines b:nth-child(2){width:48%;background:var(--accent)}.starter-lines b:nth-child(3){width:62%;background:var(--mint)}.starter-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .85rem;background:var(--bg2)}.starter-meta strong{color:var(--text);font:600 .78rem var(--display)}.starter-meta span{color:var(--accent);font-size:.62rem;white-space:nowrap}.starter-install{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .85rem;color:var(--sub);background:var(--bg);border:0;border-top:1px solid var(--line);text-align:left}.starter-install:hover{color:var(--accent)}.starter-install code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem}.starter-install span{color:var(--accent);font-size:.6rem}footer{max-width:1440px;margin:0 auto;border-top:1px solid var(--line);padding:2rem var(--gut);color:var(--sub);display:flex;justify-content:space-between;font-size:.7rem}footer a{color:var(--accent)}@media(max-width:1050px){.maker{grid-template-columns:330px minmax(0,1fr)}.sidebar{width:165px}.panes{grid-template-columns:1fr}.pane:not(.pane-focused){display:none}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){:root{--gut: 1.6rem}}@media(max-width:780px){main{padding-top:2rem}.intro{align-items:start;flex-direction:column}.maker{display:flex;flex-direction:column}.editor{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.stage{padding:.65rem}.preview-wrap{padding:.5rem}.stage-head{align-items:end}.intro-actions{width:100%}.intro-actions .button{flex:1}.export-head{align-items:start;flex-direction:column}.export-actions{width:100%}.export-actions .small-button{flex:1}}@media(max-width:560px){:root{--gut: 1.15rem}.nav-inner{flex-wrap:wrap;row-gap:.45rem;padding-top:.7rem;padding-bottom:.7rem}.nav-links{gap:.9rem;font-size:.78rem;flex-wrap:wrap;justify-content:flex-end}.starter-grid{grid-template-columns:1fr}}@media(max-width:480px){.intro-actions{flex-direction:column}footer{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}