:root{--bg:#131518;--ink:#e9e5dd;--ink-2:#a7a59f;--ink-3:#6f7178;--card:#1a1c21b8;--line:#ffffff12;--line-2:#ffffff24;--accent:#f0c27b;--cool:#cfe3ff;--ok:#a8c79b;--warn:#e7b56a;--err:#e39a85;--r:14px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{overflow:hidden}button,input{font:inherit;color:inherit}a{color:inherit}.app{position:fixed;inset:0}.canvas{position:absolute;inset:0}.card{background:var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 40px #00000040}.card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:11px}button{border:1px solid var(--line-2);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:7px 14px;transition:background .2s,border-color .2s,opacity .2s}button:hover:not(:disabled){background:#ffffff1c}button:disabled{opacity:.4;cursor:default}button.ghost{color:var(--ink-2);background:0 0;border-color:#0000;padding:4px 8px}button.ghost:hover{color:var(--ink)}.x{font-size:18px;line-height:1}.top{pointer-events:none;align-items:center;gap:20px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{letter-spacing:.01em;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.brand-mark{color:var(--accent);font-size:18px}.doc-title{flex-direction:column;flex:1;min-width:0;animation:.6s both rise;display:flex}.doc-title span{font-size:15px}.doc-title small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:560px;font-size:12px;overflow:hidden}.tools{gap:6px;margin-left:auto;display:flex}.tool{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14161a99;font-size:13px}.tool.on{border-color:var(--accent);color:var(--accent)}.demo{color:var(--warn);white-space:nowrap;background:#e7b56a14;border:1px solid #e7b56a40;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.prompt-wrap{text-align:center;width:min(640px,92vw);animation:.9s both rise;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.prompt-title{letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(26px,4vw,40px);font-weight:400}.prompt{background:var(--card);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:8px;padding:6px;display:flex}.prompt input{background:0 0;border:0;outline:0;flex:1;padding:10px 16px;font-size:16px}.prompt button{background:var(--ink);color:#15171a;border:0;padding:10px 20px;font-weight:500}.ideas{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.idea{color:var(--ink-2);background:0 0;font-size:13px}.left{flex-direction:column;gap:12px;width:300px;max-height:calc(100% - 170px);display:flex;position:absolute;top:76px;left:20px}.agents{flex-direction:column;gap:6px;display:flex}.agent{align-items:center;gap:12px;padding:6px 4px;animation:.6s both rise;display:flex}.agent:nth-child(2){animation-delay:80ms}.agent:nth-child(3){animation-delay:.16s}.agent:nth-child(4){animation-delay:.24s}.agent-orb{border:1px solid var(--line-2);width:30px;height:30px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;font-size:13px;transition:all .4s;display:grid;position:relative}.agent-working .agent-orb{color:var(--cool);border-color:#cfe3ff80;box-shadow:0 0 18px #cfe3ff40}.agent-working .agent-orb:after{content:"";border:1px solid #0000;border-top-color:var(--cool);border-radius:50%;animation:1.4s linear infinite spin;position:absolute;inset:-4px}.agent-done .agent-orb{color:var(--ok);border-color:#a8c79b80}.agent-error .agent-orb{color:var(--err);border-color:#e39a8580}.agent-text{min-width:0}.agent-name{color:var(--ink-2);letter-spacing:.02em;font-size:12px}.agent-line{white-space:nowrap;text-overflow:ellipsis;font-size:13px;animation:.4s both fadein;overflow:hidden}.agent-idle .agent-line{color:var(--ink-3)}.stagebar{gap:4px;margin:4px 4px 0;display:flex}.stage{letter-spacing:.12em;text-transform:uppercase;height:22px;color:var(--ink-3);border-top:2px solid var(--line-2);flex:1;padding-top:6px;font-size:10px;transition:color .4s;position:relative}.stage-fill{background:var(--cool);width:0;height:2px;transition:width .6s;position:absolute;top:-2px;left:0}.stage-on{color:var(--cool)}.stage-on .stage-fill{width:30%;animation:2s ease-in-out infinite breathe}.stage-final.stage-on .stage-fill{background:var(--ok);width:100%;animation:none}.stage-final.stage-on{color:var(--ok)}.stage-done{color:var(--ink-2);border-top-color:var(--ok)}.inspector{padding:14px;animation:.35s both rise;overflow:auto}.insp-head{align-items:center;gap:10px;display:flex}.insp-head .x{margin-left:auto}.swatch{border:1px solid #fff3;border-radius:50%;flex:none;width:14px;height:14px}.insp-name{font-weight:500}.insp-mat{color:var(--ink-3);font-size:12px}.insp-why{color:var(--ink-2);margin:10px 0;font-size:13px;line-height:1.5}.insp-rels{color:var(--ink-3);margin:0 0 10px;padding-left:16px;font-size:12px}.insp-note{color:var(--ink-3);font-size:12px;font-style:italic}.insp-err{color:var(--err);font-size:12px;line-height:1.45}.insp-actions{gap:6px;margin-top:6px;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11px}.code{font-family:var(--mono);white-space:pre;color:#c9d1d9;background:#0000004d;border-radius:8px;max-height:220px;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.right{width:268px;max-height:calc(100% - 170px);position:absolute;top:76px;right:20px;overflow:auto}.shape{padding:14px 16px 8px;animation:.6s both rise}.dim{margin-bottom:12px;transition:opacity .3s;display:block}.dim-head{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.dim-val{font-variant-numeric:tabular-nums;color:var(--ink-2)}.dim-val small{color:var(--ink-3)}.dim-hot .dim-head span:first-child{color:var(--accent)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:14px;height:14px;margin-top:-6px;transition:transform .15s;box-shadow:0 0 0 4px #ffffff0f}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:disabled{opacity:.5;cursor:default}.change{background:var(--card);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:6px;width:min(560px,90vw);padding:5px;animation:.6s both rise;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.change input{background:0 0;border:0;outline:0;flex:1;padding:8px 14px;font-size:14px}.change button{width:36px;height:36px;padding:0}.status{color:var(--ink-2);white-space:nowrap;font-size:13px;animation:.5s both fadein;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.status-err{color:var(--err);bottom:50%}.make-own{color:var(--ink-2);border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:8px 16px;font-size:13px;text-decoration:none;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.drawer{z-index:2;background:#181a1feb;width:380px;padding:18px;animation:.35s both slidein;position:absolute;top:76px;bottom:96px;right:20px;overflow:auto}.drawer-x{position:absolute;top:10px;right:10px}.drawer-body h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:18px 0 10px;font-size:12px;font-weight:500}.drawer-body h3:first-child{margin-top:0}.drawer-body p{color:var(--ink-2);font-size:13px;line-height:1.5}.tag{letter-spacing:.08em;border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10px}.tag-warn{color:var(--warn);border-color:#e7b56a66}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.list li.clickable{cursor:pointer}.list li.clickable:hover .li-name{color:var(--accent)}.grow{flex:1;min-width:0}.li-name{font-size:13px}.li-sub{color:var(--ink-3);font-size:12px}.qty{font-variant-numeric:tabular-nums;color:var(--ink-2);flex:none;width:28px;font-size:13px}.search{color:var(--ink-2);white-space:nowrap;font-size:12px;text-decoration:none}.search:hover{color:var(--accent)}.pill{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:10px}.pill-built{color:var(--ok)}.pill-failed{color:var(--err)}.pill-writing,.pill-building,.pill-retrying{color:var(--cool)}.fine{color:var(--ink-3)!important;font-size:11px!important}.muted{color:var(--ink-3)!important}.cautions{color:var(--warn);padding-left:16px;font-size:12px}.row{gap:8px;display:flex}.copyrow{gap:6px;margin-bottom:8px;display:flex}.copyrow input{border:1px solid var(--line);min-width:0;font-size:12px;font-family:var(--mono);color:var(--ink-2);background:#00000040;border-radius:8px;flex:1;padding:6px 8px}.diagram{width:100%;height:auto;margin:8px 0 12px}.diagram-label{fill:var(--ink);font-size:11px;font-family:var(--font)}.diagram-link{fill:var(--ink-3);text-anchor:middle;font-size:9px;font-family:var(--mono)}.embed .embed-bar{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.embed-title{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.embed-title span{color:var(--ink-3)}.embed .drawer{width:min(340px,70vw);top:12px;bottom:56px;right:12px}.embed-insp{width:min(280px,60vw);position:absolute;top:12px;left:12px}.embed .status{bottom:60px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.prompt-wrap{animation-name:rise-c}@keyframes rise-c{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.change{animation-name:rise-x}@keyframes rise-x{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:820px){.top{flex-wrap:wrap;gap:8px 12px;padding:12px}.doc-title{display:none}.tools{scrollbar-width:none;width:100%;margin-left:0;overflow-x:auto}.tool{white-space:nowrap;flex:none;padding:6px 11px;font-size:12px}.left{top:104px;left:12px;right:12px}.agent{padding:2px 4px}.demo{text-overflow:ellipsis;max-width:90vw;font-size:10px;overflow:hidden}.left .demo{display:none}.change{bottom:14px}.right{max-height:30%;bottom:74px;left:12px;right:12px}.status{bottom:74px}.left{width:auto;max-height:40%}.left .stagebar,.left .agent:nth-child(n+3){display:none}.right{width:auto;top:auto}.drawer{width:auto;inset:104px 12px 74px}}.list li.li-top{align-items:flex-start}.mc{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;display:flex}.mc .tag{margin-left:0}.mc-pn{color:var(--accent);font-size:12px;text-decoration:none}.mc-price{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.mc-desc{flex-basis:100%}.mc-specs{flex-basis:100%;grid-template-columns:1fr 1fr;gap:2px 10px;margin:2px 0;font-size:11px;display:grid}.mc-specs div{display:contents}.mc-specs dt{color:var(--ink-3)}.mc-specs dd{color:var(--ink-2);margin:0}.mc .fine{flex-basis:100%}.left .demo{white-space:normal;align-self:flex-start;margin:2px 4px 0;font-size:11px;position:static;transform:none}