@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e8e7eb;font-synthesis:none;background:#090a0d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#30222d 0,#111117 32%,#090a0d 70%);min-width:1100px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}.app-shell{background:linear-gradient(120deg, color-mix(in srgb, var(--world-accent) 8%, transparent), transparent 26%), #08090ceb;flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0fb8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:28px;height:58px;padding:0 25px;display:flex}.brand-block,.top-actions,.world-select,.world-meta,.manage-world,.context-footer{align-items:center;display:flex}.brand-block{white-space:nowrap;gap:9px}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--world-accent), #f47e65);width:25px;height:25px;box-shadow:0 0 20px color-mix(in srgb, var(--world-accent) 45%, transparent);border-radius:8px;place-items:center;display:grid}.brand-name{letter-spacing:-.04em;font:700 18px Space Grotesk,sans-serif}.brand-divider{background:#ffffff29;width:1px;height:18px;margin:0 3px}.brand-mode,.eyebrow,.context-section-label{color:#92909b;text-transform:uppercase;letter-spacing:.12em;font:500 10px DM Mono,monospace}.command-search{color:#8e8d98;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:8px;width:min(390px,40vw);height:32px;padding:0 10px;display:flex}.command-search input{color:#e7e5ea;background:0 0;border:0;outline:0;flex:1;min-width:0}.command-search input::placeholder{color:#777681}kbd{color:#8e8d98;border:1px solid #ffffff1f;border-radius:4px;padding:2px 5px;font-size:10px}.top-actions{gap:9px}.icon-button,.mini-button{color:#9d9ba5;background:0 0;place-items:center;display:grid}.icon-button{border-radius:8px;width:30px;height:30px}.icon-button:hover,.mini-button:hover{color:#fff;background:#ffffff14}.user-chip{color:#dedce4;background:#ffffff13;border-radius:18px;align-items:center;gap:7px;padding:4px 8px 4px 4px;display:flex}.avatar{color:#fff;background:#dd7f5c;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.worldbar{background:#1112189e;border-bottom:1px solid #ffffff12;align-items:center;gap:22px;min-height:62px;padding:9px 25px;display:flex}.world-select-wrap{flex-direction:column;gap:3px;display:flex}.world-select{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, #14151b);border-radius:8px;gap:8px;padding:4px 8px 4px 6px}.world-select select{appearance:none;color:#f1eef3;background:0 0;border:0;outline:0;min-width:170px;font-weight:600}.world-select option{color:#111}.world-dot,.status-dot{background:var(--accent,#6fe0b4);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.world-dot{color:var(--accent)}.world-meta{color:#8e8d97;gap:7px;font-size:12px}.world-meta .status-dot{color:#58d6a4;background:#58d6a4}.manage-world{color:#b7b5bf;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;gap:6px;margin-left:auto;padding:7px 10px;font-size:12px}.workspace{flex:1;grid-template-columns:245px minmax(0,1fr) 320px;min-height:0;display:grid}.left-rail,.context-rail{background:#0b0c1085;min-height:calc(100vh - 120px)}.left-rail{border-right:1px solid #ffffff12;flex-direction:column;padding:24px 12px 15px;display:flex}.rail-heading{color:#8f8e99;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 10px 11px;font:500 10px DM Mono,monospace;display:flex}.mini-button{border-radius:6px;width:24px;height:24px}.workroom-list{flex-direction:column;gap:4px;display:flex}.workroom-row{text-align:left;background:0 0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.workroom-row:hover,.workroom-row.active{background:#ffffff12}.workroom-row.active{box-shadow:inset 2px 0 0 var(--world-accent)}.workroom-glyph{color:#12131a;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.workroom-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.workroom-copy strong{color:#e3e1e8;font-size:13px;font-weight:600}.workroom-copy small,.workroom-count{color:#85838e;font-size:11px}.workroom-count{text-align:right;min-width:18px}.left-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:3px;margin-top:auto;padding-top:15px;display:flex}.footer-row{color:#898792;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.footer-row:hover{color:#e8e6ed;background:#ffffff0f}.center-stage{background:radial-gradient(circle at 48% 10%,#7c5cff14,#0000 44%);flex-direction:column;min-width:0;padding:0 18px 18px;display:flex}.tab-strip{align-items:end;gap:8px;height:48px;padding:0 4px;display:flex;overflow-x:auto}.add-tab{color:#96949f;background:0 0;border-radius:50%;align-self:center;place-items:center;width:28px;height:28px;display:grid}.add-tab:hover{color:#fff;background:#ffffff14}.surface-tab{background:#ffffff09;border-radius:10px 10px 0 0;align-items:center;min-width:140px;height:35px;display:flex;position:relative}.surface-tab:before{content:"";border:1px solid color-mix(in srgb, var(--tab-accent) 28%, transparent);opacity:.7;border-bottom:0;border-radius:10px 10px 0 0;position:absolute;inset:3px 0 0}.surface-tab.active{background:#ffffff14}.surface-tab.active:before{border-color:color-mix(in srgb, var(--tab-accent) 75%, transparent);box-shadow:0 -2px 16px color-mix(in srgb, var(--tab-accent) 24%, transparent)}.surface-tab button:first-child{z-index:1;color:#aaa8b2;text-align:left;flex:1;align-items:center;gap:7px;min-width:0;height:100%;padding:0 8px 0 12px;display:flex;position:relative}.surface-tab.active button:first-child{color:#f2eff5}.surface-tab button:first-child svg{color:var(--tab-accent)}.surface-tab button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tab-close{z-index:1;color:#797782;background:0 0;place-items:center;width:27px;height:100%;display:grid;position:relative}.tab-close:hover{color:#fff}.surface-card{background:#0c0d12a8;border:1px solid #ffffff18;border-radius:14px;flex:1;min-height:0;overflow:auto;box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff09}.chat-surface,.sheet-surface,.app-surface,.empty-surface{max-width:880px;margin:0 auto;padding:58px 56px}.surface-kicker{color:#9996a2;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font:500 10px DM Mono,monospace;display:flex}.surface-kicker svg{color:var(--world-accent)}h1,h2,p{margin:0}.chat-surface h1,.sheet-surface h1,.app-surface h1{color:#f1eef4;letter-spacing:-.045em;margin-top:17px;font:600 clamp(28px,3vw,42px) Space Grotesk,sans-serif}.surface-lead{color:#9b98a3;max-width:620px;margin-top:12px;font-size:14px;line-height:1.65}.prompt-box{color:#777581;background:#ffffff0b;border:1px solid #ffffff21;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;max-width:650px;margin-top:44px;padding:15px 15px 15px 17px;display:flex}.prompt-box button{color:#16151b;background:#c8b9ff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.chat-hint{color:#888692;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.chat-hint svg{color:#c8b9ff}.sheet-surface{max-width:980px}.fake-table{border:1px solid #ffffff17;border-radius:10px;margin-top:36px;overflow:hidden}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr;gap:15px;padding:13px 16px;display:grid}.table-head{color:#8f8d98;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0b;font:500 10px DM Mono,monospace}.table-row{color:#d4d2d9;border-top:1px solid #ffffff0f;font-size:12px}.pill{border-radius:5px;width:max-content;padding:3px 7px;font-size:10px;display:inline-flex}.pill.cool{color:#9de8c9;background:#49c6a821}.pill.warm{color:#f1d48a;background:#e5b95d21}.app-title-row{justify-content:space-between;align-items:start;gap:20px;display:flex}.revision-badge{color:#b6a9ff;background:#7c5cff1a;border:1px solid #7c5cff52;border-radius:5px;margin-top:18px;padding:5px 7px;font:500 10px DM Mono,monospace}.app-preview{background:#f7f5f2;border:1px solid #ffffff1c;border-radius:11px;margin-top:37px;overflow:hidden;box-shadow:0 20px 55px #00000059}.preview-toolbar{color:#74727a;background:#e8e5e2;align-items:center;gap:6px;height:32px;padding:0 10px;font:11px DM Mono,monospace;display:flex}.preview-dot{border-radius:50%;width:8px;height:8px}.preview-dot.red{background:#ed6b63}.preview-dot.yellow{background:#e9bd51}.preview-dot.green{background:#5fc879}.preview-url{text-overflow:ellipsis;white-space:nowrap;margin-left:7px;overflow:hidden}.preview-body{color:#202129;background:linear-gradient(135deg,#f8f7f3,#ece9f3);min-height:315px}.preview-nav{color:#7c7884;align-items:center;gap:20px;padding:17px 20px;font-size:11px;display:flex}.preview-nav strong{color:#262432;margin-right:auto;font-size:13px}.preview-copy{max-width:520px;padding:50px 44px}.preview-label{color:#8071d5;letter-spacing:.08em;font:500 10px DM Mono,monospace}.preview-copy h2{letter-spacing:-.045em;margin-top:12px;font:700 32px Space Grotesk,sans-serif}.preview-copy p{color:#676370;margin-top:12px;font-size:13px;line-height:1.6}.preview-actions{gap:8px;margin-top:25px;display:flex}.preview-actions button{color:#fff;background:#4f40a6;border-radius:6px;padding:8px 11px;font-size:11px}.preview-actions button.secondary{color:#514b69;background:#ded9ec}.empty-surface{text-align:center;align-content:center;place-items:center;height:100%;display:grid}.empty-surface svg{color:#b7aaff}.empty-surface h2{margin-top:14px;font:600 22px Space Grotesk,sans-serif}.empty-surface p{color:#898692;margin-top:8px;font-size:13px}.context-rail{border-left:1px solid #ffffff12;flex-direction:column;padding:24px 13px 15px;display:flex}.context-header{justify-content:space-between;align-items:start;padding:0 9px 17px;display:flex}.context-header div{flex-direction:column;gap:5px;display:flex}.context-header strong{color:#e7e4eb;font-size:13px}.context-summary{border:1px solid color-mix(in srgb, var(--world-accent) 25%, transparent);background:color-mix(in srgb, var(--world-accent) 7%, transparent);border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.summary-icon{width:30px;height:30px;color:var(--world-accent);background:color-mix(in srgb, var(--world-accent) 14%, transparent);border-radius:8px;place-items:center;display:grid}.context-summary div:last-child{flex-direction:column;gap:3px;display:flex}.context-summary strong{color:#e5e2e9;font-size:12px}.context-summary span{color:#8b8994;font-size:10px}.context-list{flex-direction:column;gap:3px;margin-top:15px;display:flex}.context-item{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:9px 8px;display:flex}.context-item:hover,.context-item.selected{background:#fff1}.context-icon{background:#ffffff0d;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.context-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.context-copy strong{color:#d8d5dd;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.context-copy small{color:#85838d;font-size:10px}.context-open{color:#777580;transform:rotate(-45deg)}.context-divider{background:#ffffff14;height:1px;margin:17px 8px}.context-section-label{padding:0 9px 8px}.door-list{flex-direction:column;gap:3px;display:flex}.door-button{color:#a6a3ad;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:8px 9px;font-size:11px;display:flex}.door-button:hover{color:#ece9f1;background:#ffffff0f}.door-button span{color:#777580;margin-left:auto;font:10px DM Mono,monospace}.context-footer{color:#777580;border-top:1px solid #ffffff12;gap:7px;margin-top:auto;padding:12px 9px 0;font:10px DM Mono,monospace}.context-footer .mini-button{margin-left:auto}.rail-reopen{color:#aaa6b8;background:#17151d;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:fixed;bottom:18px;right:12px}@media (width<=1250px){body{min-width:960px}.workspace{grid-template-columns:220px minmax(0,1fr) 280px}.chat-surface,.sheet-surface,.app-surface{padding:45px 38px}}.new-workroom{grid-template-columns:1fr 27px;gap:5px;margin:0 8px 8px;display:grid}.new-workroom input{color:#e8e5ed;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;outline:0;min-width:0;padding:7px 8px;font-size:11px}.new-workroom input:focus{border-color:color-mix(in srgb, var(--world-accent) 65%, transparent)}.new-workroom button{color:#15131b;background:#b9abff;border-radius:7px;place-items:center;display:grid}.new-workroom button:disabled{opacity:.45}.new-workroom span{color:#ef9a8b;grid-column:1/-1;font-size:10px}.door-button.selected{color:#ece9f1;background:#ffffff0f}.compiled-surface{flex-direction:column;height:100%;padding:24px;display:flex}.compiled-frame{background:#fff;border:0;border-radius:10px;flex:1;min-height:0;margin-top:14px}.cloud-loading{color:#aaa6b8;letter-spacing:.04em;background:#090a0d;place-items:center;min-height:100vh;font:500 12px DM Mono,monospace;display:grid}.cloud-signin{background:#090a0d;place-items:center;min-height:100vh;padding:28px;display:grid}