:root{color-scheme:dark;--bg:#111315;--surface:rgba(15,17,21,.94);--line:rgba(193,204,228,.14);--line-strong:rgba(193,204,228,.24);--ink:#e4e7ed;--muted:#8c93a2;--faint:#606878;--accent:#a8b8f2;--accent-bg:rgba(114,140,228,.14);--green:#78c9a0;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--left:294px;--right:364px;--edge:16px}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:13px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,a,textarea,select{-webkit-tap-highlight-color:transparent}button,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.35;cursor:default}button:not(:disabled):hover{color:#fff}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-decoration:none}button,select{transition:background .15s,border-color .15s,color .15s}button svg{width:16px;height:16px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.viewport{position:absolute;inset:0;background:#111719}#world-frame{width:100%;height:100%;border:0;display:none}.surface{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 28px #0003;backdrop-filter:blur(18px)}.topbar{position:absolute;inset:var(--edge) var(--edge) auto;display:flex;justify-content:space-between;align-items:center;gap:18px;pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.brand{height:42px;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:10px;white-space:nowrap;font:600 11px var(--mono);letter-spacing:1.8px}.brand-mark{font:800 17px var(--mono);color:var(--accent)}.brand-divider{height:13px;width:1px;background:var(--line)}.brand-sub{color:var(--muted);font:11px/1.5 inherit;letter-spacing:.3px}.view-controls{position:absolute;left:50%;transform:translateX(-50%);padding:5px;display:flex;gap:3px;border-radius:10px;height:42px}.view-controls button{padding:3px 10px;color:var(--muted);border:1px solid transparent;border-radius:6px;white-space:nowrap;font-size:12px}.view-controls .active{background:var(--accent-bg);border-color:#8ba3f542;color:#cad5ff}.separator{width:1px;background:var(--line);margin:5px}.top-actions{display:flex;align-items:center;gap:7px;height:42px;border-radius:10px;padding:5px;font-size:11px}.top-actions button,.top-actions a{padding:4px 9px;color:var(--muted)}.studio-mode{padding:4px 10px;background:var(--accent-bg);border:1px solid #8ba3f548;border-radius:6px;color:#d2dbfb}
.left-panel,.right-panel{position:absolute;top:74px;bottom:64px;border-radius:12px;display:flex;flex-direction:column;z-index:4;overflow:hidden}.left-panel{left:var(--edge);width:var(--left)}.right-panel{right:var(--edge);width:var(--right)}.panel-title{height:47px;flex-shrink:0;display:flex;align-items:center;padding:0 15px;gap:10px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:12px;letter-spacing:1px;font-weight:550;margin:0;flex:1}.subtle{color:var(--faint);font:9px var(--mono);letter-spacing:1px}.icon-button{color:var(--muted);font-size:18px;line-height:24px;width:24px;height:24px;border-radius:5px}.icon-button:hover{background:#ffffff0c}.left-content{display:flex;flex:1;min-height:0}.rail{width:49px;flex-shrink:0;padding:12px 5px;border-right:1px solid var(--line)}.rail button{display:block;width:100%;padding:9px 0;margin-bottom:8px;border:1px solid transparent;border-radius:7px;font-size:11px;color:var(--muted)}.rail button.selected{border-color:#8ba3f548;background:var(--accent-bg);color:#c9d6ff}.tab-panel{padding:17px 12px;overflow:auto;min-width:0;flex:1}.section-label{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1.6px;color:var(--muted);gap:4px}.section-label>span{font:10px/1.4 inherit;letter-spacing:0;color:var(--faint)}.steps{margin-top:14px;display:grid;gap:8px}.step{display:flex;align-items:center;gap:10px;min-height:41px;padding:8px 10px;border:1px solid #ffffff0b;background:#ffffff02;border-radius:7px;font-size:11px;color:var(--muted)}.step-number{font:9px var(--mono);color:var(--faint)}.step>i{margin-left:auto;width:5px;height:5px;flex-shrink:0;background:#48505c;border-radius:50%}.step.running{border-color:#9baee03f;background:var(--accent-bg);color:#ced9fa}.step.running>i{background:var(--accent);box-shadow:0 0 8px #9baee060;animation:breathe 1.5s infinite}.step.done{color:#d0d8d3}.step.done>i{background:var(--green)}.step.failed>i{background:#e89382}.activity-head{margin:24px 0 13px;display:flex;justify-content:space-between;align-items:center}.live-indicator{font-size:9px;color:var(--faint)}.activity-list{padding:0;margin:0;list-style:none;font-size:10px;line-height:1.7;color:var(--muted)}.activity-list li{padding:0 0 14px 13px;position:relative;overflow-wrap:anywhere}.activity-list li:before{content:'';position:absolute;top:6px;left:0;width:4px;height:4px;background:var(--green);border-radius:50%}.activity-list li.running:before{background:var(--accent);animation:breathe 1.5s infinite}.activity-list li.failed:before{background:#e89382}.activity-list li small{display:block;font:8px var(--mono);color:var(--faint);margin-top:4px}.activity-list .quiet{padding:0;font-size:11px;line-height:1.8;color:var(--faint)}.activity-list .quiet:before{display:none}.left-footer{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.left-footer .subtle{margin-left:auto}.connection-dot,.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;flex-shrink:0}.connection-dot{background:#778293}.connection-dot.ready{background:var(--green)}.connection-dot.offline{background:#e89382}.panel-note{font-size:10px;color:var(--faint);line-height:1.9;margin:14px 0}.mode-options{display:grid;gap:8px}.mode-options button{text-align:left;border:1px solid var(--line);border-radius:7px;padding:10px}.mode-options button.selected{border-color:#a5b8f354;background:var(--accent-bg)}.mode-options strong{font-size:11px;font-weight:500;display:block}.mode-options small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.tree-label{margin-top:22px}.skill-tree{margin-top:15px;font-size:10px}.skill-node{position:relative;margin:7px 0;padding:7px 7px 7px 13px;border-left:1px solid #465064;color:var(--muted);background:#ffffff02;border-radius:0 5px 5px 0}.skill-node.loaded{color:var(--green);border-color:var(--green)}.skill-node small{display:block;font:8px/1.6 var(--mono);color:var(--faint);overflow-wrap:anywhere}.skill-children{margin-left:13px}.library-card,.history-card{width:100%;text-align:left;margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff02}.library-card:hover,.history-card:hover{background:var(--accent-bg)}.library-card strong,.history-card strong{display:block;font-size:11px;font-weight:500}.library-card p,.history-card small{font-size:10px;color:var(--muted);margin:7px 0 0;display:block}.library-tag{font:8px var(--mono);display:inline-block;padding:3px 5px;margin-top:9px;color:var(--green);background:#72c6a510;border-radius:3px}.artifact-card{margin-top:12px;background:linear-gradient(135deg,#8eb19b10,#aab6e010);padding:11px;border:1px solid #98b7a72d;border-radius:8px;font-size:10px;line-height:1.9}.artifact-card strong{font-size:11px;display:block}.artifact-card dl{display:grid;grid-template-columns:1fr auto;color:var(--muted);margin:7px 0}.artifact-card dd{margin:0;color:var(--ink);font-family:var(--mono)}.artifact-card a{display:inline-block;margin-top:5px}
.agent-symbol{color:var(--accent);margin-right:6px;font-size:17px;vertical-align:-1px}.agent-ready{font-size:10px;color:var(--muted)}.agent-settings{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid #ffffff09}.agent-settings select{min-width:0;background:#ffffff03;border:1px solid var(--line);border-radius:6px;padding:6px 7px;color:#b9c3d5;font-size:10px;outline:0;flex:1}.agent-settings #model{flex:1.3}.agent-settings>span{font:7px var(--mono);letter-spacing:.8px;color:var(--faint);white-space:nowrap}.mount-strip{display:flex;align-items:center;gap:6px;padding:9px 15px;border-bottom:1px solid #ffffff08;font-size:10px;color:var(--muted)}.mount-strip .tiny-dot{background:var(--accent);width:4px;height:4px}.mount-strip button{font-size:9px;color:var(--faint);margin-left:auto}.messages{flex:1;min-height:0;overflow:auto;padding:18px 14px;scroll-behavior:smooth}.welcome{padding:14px 7px}.welcome-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-bg);color:var(--accent);border:1px solid #91a9ee25;border-radius:10px;font-size:24px;margin-bottom:19px}.welcome h3{font-size:15px;font-weight:500;margin:0 0 10px;letter-spacing:.5px}.welcome p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.suggestions{display:grid;gap:8px;margin-top:25px}.suggestions button{text-align:left;padding:10px 12px;font-size:11px;color:#b7becc;border:1px solid var(--line);border-radius:7px;background:#ffffff02}.suggestions button:hover{background:var(--accent-bg);border-color:#98abe83b}.suggestions span{float:right;color:var(--faint)}.message{display:flex;gap:8px;margin-bottom:17px;align-items:flex-start}.message.user{justify-content:flex-end}.avatar{height:23px;width:23px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border:1px solid #a1b4ef30;border-radius:6px;color:var(--accent);font:9px var(--mono);margin-top:3px}.bubble{min-width:0;max-width:calc(100% - 29px);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff04;border:1px solid #ffffff0c;border-radius:8px;padding:11px 12px;color:#bfc6d3;font-size:12px;line-height:1.85}.message.user .bubble{background:var(--accent-bg);border-color:#9aaef02d;color:#d6def5}.message.agent .bubble[data-phase=commentary]{background:transparent;border-color:transparent;padding:5px 1px;color:var(--muted);font-size:11px}.message.agent .bubble[data-phase=final_answer]{border-color:#a4c3b82b}.bubble a{text-decoration:underline;text-underline-offset:3px}.message .bubble strong{font-weight:600;color:#e2e7f0}.composer{margin:0 12px;padding:11px;border:1px solid var(--line-strong);border-radius:9px;background:#07090e77;flex-shrink:0}.composer:focus-within{border-color:#acbcec66}.composer textarea{display:block;width:100%;resize:none;border:0;background:transparent;outline:0;font-size:12px;line-height:1.8;min-height:72px;max-height:170px;padding:0 0 6px}.composer textarea::placeholder{color:#677183}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px}.composer-toolbar>span{font-size:8px;color:var(--faint)}kbd{font:8px var(--mono)}.send-button{white-space:nowrap;border:1px solid #9fb4f353;color:#d6e1ff;background:#627ec62b;padding:7px 11px;border-radius:6px;font-size:11px}.send-button span{margin-left:9px}.send-button:hover{background:#7894dc45}.stop-button{padding:6px 9px;color:#e8b2a6;background:#c26c5518;border:1px solid #db9d7b33;border-radius:6px;font-size:11px}.agent-footer{padding:10px 12px 12px;text-align:center;font-size:9px;color:var(--faint)}.task-error{margin:0 13px 10px;background:#c969541a;color:#e5b5a7;border:1px solid #c9695444;border-radius:6px;padding:9px 11px;font-size:11px;overflow-wrap:anywhere}
.empty-world{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:90px calc(var(--right) + 32px) 80px calc(var(--left) + 32px);background:radial-gradient(ellipse at 48% 32%,#293335 0%,#182124 35%,#101417 72%);overflow:hidden}.world-grid{position:absolute;width:160%;height:100%;left:-30%;top:40%;background-image:linear-gradient(#81988b12 1px,transparent 1px),linear-gradient(90deg,#81988b12 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(65deg);mask-image:linear-gradient(transparent,#0006,#000)}.world-symbol{width:82px;height:70px;position:relative;transform:rotate(-8deg);margin-bottom:26px;filter:drop-shadow(0 20px 16px #0004)}.world-symbol i{position:absolute;display:block;width:32px;height:32px;border:1px solid #cbd1ba5a;background:linear-gradient(135deg,#7d917f,#506058);border-radius:5px;transform:rotate(-30deg) skew(10deg,10deg)}.world-symbol i:after{content:'';position:absolute;top:6px;left:10px;width:12px;height:10px;background:#a3b19b;border-radius:50%;box-shadow:0 3px #667c65}.world-symbol i:nth-child(1){left:5px;top:27px}.world-symbol i:nth-child(2){left:28px;top:40px}.world-symbol i:nth-child(3){left:51px;top:27px;background:linear-gradient(135deg,#b7ad83,#7e7b5e)}.world-symbol i:nth-child(4){left:28px;top:14px}.world-symbol i:nth-child(5){left:28px;top:-10px;background:linear-gradient(135deg,#b9c0ab,#7c8d76)}.world-symbol i:nth-child(6){left:5px;top:3px;background:linear-gradient(135deg,#8799a4,#5a7582)}.eyebrow{font:8px var(--mono);letter-spacing:3px;color:#9babaa}.empty-world h1{font-size:clamp(28px,3vw,48px);font-weight:350;line-height:1.4;letter-spacing:3px;text-align:center;margin:18px 0;color:#e6e8de}.empty-world p{font-size:11px;line-height:1.9;color:#8e9b9e;max-width:280px;text-align:center;margin:0 0 24px}.start-example{padding:11px 18px;background:#dce3cd;color:#27322d;border-radius:7px;font-size:12px;box-shadow:0 3px 18px #0002;z-index:1}.start-example:not(:disabled):hover{background:#eaf0e0;color:#18251b}.start-example span{margin-left:25px}.empty-world small{font-size:9px;color:#6f8386;margin-top:12px;letter-spacing:1px}.scene-caption{position:absolute;left:calc(var(--left) + 40px);right:calc(var(--right) + 40px);bottom:82px;text-align:center;pointer-events:none;text-shadow:0 2px 14px #000,0 1px 4px #000}.scene-caption .eyebrow{color:#f1e3c5}.scene-caption h2{margin:6px 0;font-size:21px;font-weight:450;letter-spacing:5px;color:#fff8e9}.scene-caption>span:last-child{font-size:10px;color:#f0e8d8}.bottom-hint{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);border-radius:8px;padding:8px 15px;display:flex;gap:8px;align-items:center;font-size:10px;white-space:nowrap;color:var(--muted);z-index:5}.scene-loading{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;max-width:320px;background:#101318ec;border:1px solid var(--line);padding:15px 20px;border-radius:9px;font-size:12px;z-index:3}.spinner{width:13px;height:13px;border:1px solid #ffffff25;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.restore-panels{position:absolute;bottom:65px;right:16px;border-radius:8px;padding:9px 15px;z-index:6;color:var(--ink);font-size:11px}.focus-mode .left-panel,.focus-mode .right-panel{display:none}.focus-mode .scene-caption{left:20px;right:20px}.focus-mode .restore-panels{display:block!important}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-thumb{border-radius:5px;background:#9bacc326}*::-webkit-scrollbar-track{background:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.3}}
@media(min-width:1700px){:root{--left:320px;--right:380px;--edge:20px}.left-panel,.right-panel{top:80px;bottom:70px}.panel-title{height:50px}.empty-world h1{font-size:48px}.tab-panel{padding:19px 15px}.message .bubble{font-size:13px}}
@media(max-width:1150px){:root{--left:244px;--right:320px;--edge:12px}.brand-sub,.brand-divider{display:none}.brand{font-size:10px;letter-spacing:1.2px}.view-controls{position:static;transform:none;left:auto}.topbar{gap:8px}.view-controls button{padding:3px 6px;font-size:10px}.top-actions button{display:none}.empty-world h1{font-size:29px}.empty-world{padding-left:260px;padding-right:340px}.empty-world .eyebrow{letter-spacing:1.3px;font-size:7px}.composer-toolbar>span{font-size:7px}.agent-settings>span{display:none}}
@media(max-width:900px){:root{--right:300px}.left-panel{display:none}.empty-world{padding-left:28px;padding-right:330px}.scene-caption{left:20px;right:320px}.brand{height:38px}.top-actions{height:38px}.view-controls{height:38px}.bottom-hint{max-width:95%;font-size:9px;white-space:normal;text-align:center}.restore-panels{display:none!important}.agent-footer{font-size:8px}}
@media(max-width:620px){:root{--edge:10px;--right:calc(100% - 20px)}.topbar{flex-wrap:wrap}.brand{font-size:9px;letter-spacing:1px}.studio-mode{font-size:10px}.view-controls{position:fixed;left:50%;top:58px;transform:translateX(-50%)}.right-panel{top:auto;height:45%;bottom:44px;min-height:260px}.agent-settings{padding:7px 12px}.mount-strip{padding:5px 12px}.messages{padding:9px 12px}.welcome{padding:0 5px}.welcome-icon,.welcome h3,.welcome p{display:none}.suggestions{margin:0;gap:5px}.suggestions button{padding:6px 10px}.composer{padding:8px}.composer textarea{min-height:46px;max-height:90px;height:48px}.composer-toolbar{padding-top:2px}.agent-footer{padding:4px;font-size:8px}.empty-world{padding:100px 20px 48vh;justify-content:center}.world-symbol{display:none}.empty-world h1{font-size:26px;line-height:1.35;margin:7px 0}.empty-world p,.empty-world small{display:none}.empty-world .eyebrow{font-size:7px}.start-example{padding:7px 12px;margin-top:9px;font-size:10px}.scene-caption{left:20px;right:20px;bottom:calc(45% + 57px)}.scene-caption h2{font-size:16px}.scene-caption>span:last-child{display:none}.bottom-hint{bottom:8px;padding:4px 10px;font-size:8px}.scene-loading{top:27%}.focus-mode .scene-caption{bottom:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.suggestions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;font-size:10px;color:var(--muted)}
.suggestions-heading button{padding:6px 0 6px 8px;color:var(--accent);font-size:10px;white-space:nowrap}
.suggestions-heading button:hover{color:#d6e1ff}
.suggestions.world-suggestions{margin-top:8px}
@media(max-width:620px){.suggestions-heading{margin-top:0}}

/* Design workshop: a collection of static World cards; games open separately. */
body{background:radial-gradient(ellipse at 49% 8%,#20262e 0%,#15191f 40%,#111419 85%)}
.world-workspace{position:absolute;left:calc(var(--left) + var(--edge) + 22px);right:calc(var(--right) + var(--edge) + 22px);top:86px;bottom:65px;padding:24px 18px 35px;overflow:auto}
.collection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:38px}
.collection-header .eyebrow{color:#707e91;font-size:8px;letter-spacing:2.1px}
.collection-header h1{font-size:30px;font-weight:450;letter-spacing:2px;line-height:1.4;margin:13px 0 10px;color:#e6ebf2}
.collection-header p{font-size:12px;line-height:1.9;color:#8893a3;margin:0;max-width:420px}
.collection-total{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding-top:7px;color:#69768b;font:8px var(--mono);letter-spacing:1.6px}
.collection-total b{font:300 34px/1.4 var(--mono);letter-spacing:-1px;color:#b4c0d2}
.collection-section{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #a2b5da14;color:#bdc6d3;font-size:11px}
.collection-section>span:last-child{font-size:9px;color:#68768b}
.world-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.world-card{min-width:0;background:#1b2027;border:1px solid #bacbe21c;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #0002;transition:border-color .18s,transform .18s,box-shadow .18s}
.world-card:hover{border-color:#a9b9e362;transform:translateY(-3px);box-shadow:0 14px 35px #0004}
.world-card.current{border-color:#a5b8e93d}
.world-card-link{display:block;color:inherit;outline-offset:-4px!important}
.world-card-link:hover{color:inherit}
.world-cover{position:relative;aspect-ratio:1.65;background:#344945;overflow:hidden}
.world-cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#09111424,transparent 40%,#09111420)}
.world-cover-image{position:absolute;width:100%;height:100%;object-fit:cover;transition:filter .2s}
/* Display the centre of the supplied screenshot, leaving its editor panels outside the card. */
.has-capture .world-cover-image{width:200%;height:200%;left:-50%;top:-50%}
.world-card:hover .world-cover-image{filter:brightness(1.05)}
.world-number,.world-availability{position:absolute;top:14px;z-index:1;padding:5px 8px;border:1px solid #ffffff26;border-radius:5px;background:#10171dc7;backdrop-filter:blur(8px);color:#e0e8ef}
.world-number{left:14px;font:8px/1.4 var(--mono);letter-spacing:1.6px}
.world-availability{right:14px;display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.4}
.world-availability i{width:4px;height:4px;background:#84d4a6;border-radius:50%}
.cover-enter{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);opacity:0;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;background:#111b2299;color:#fff;font-size:23px;transition:opacity .15s,transform .15s}
.world-card:hover .cover-enter,.world-card:focus-within .cover-enter{opacity:1;transform:translate(-50%,-50%)}
.world-card-body{padding:18px 18px 0}
.world-card-origin{display:flex;align-items:center;gap:6px;font-size:9px;color:#8898ad;letter-spacing:.4px}
.mini-brand{font:800 10px var(--mono);color:#b1c2e3}
.world-card-body h2{margin:8px 0 12px;font-size:19px;font-weight:500;letter-spacing:.7px;color:#e3e9f2;overflow-wrap:anywhere}
.world-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.world-card-tags>span{color:#9ba7b8;background:#b7c4dc09;border:1px solid #b7c4dc12;padding:3px 7px;border-radius:4px;font-size:9px}
.world-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;padding:15px 0;border-top:1px solid #a9bbd513}
.world-card-footer>span{color:#728198;font-size:9px}
.world-card-footer strong{font-size:11px;font-weight:500;color:#c7d5f6;white-space:nowrap}
.world-card-footer strong>span{margin-left:10px;font-size:15px}
.world-cover-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 30%,#3a505e,#22323c);color:#9daebc}
.world-cover-placeholder>span{font:300 30px var(--mono);letter-spacing:7px;opacity:.65}
.world-cover-placeholder small{font-size:10px;color:#899ba8}
.new-world-card{min-height:240px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #acbdd52b;border-radius:14px;background:#ffffff01;color:#8a99ae;padding:30px 18px;text-align:center}
.new-world-card:hover{background:#bacbea06;border-color:#b9c9e653}
.new-world-plus{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a9bdd327;background:#ffffff03;border-radius:12px;font-size:22px;color:#a4b5cd;margin-bottom:5px}
.new-world-card strong{font-size:13px;font-weight:450;color:#afbdd0}
.new-world-card>span:last-child{font-size:10px;color:#65758c}
.focus-mode .world-workspace{left:max(30px,calc((100vw - 1150px)/2));right:max(30px,calc((100vw - 1150px)/2))}
@media(min-width:1700px){.world-workspace{top:96px;padding:30px 30px 40px}.collection-header{margin-bottom:44px}.collection-header h1{font-size:34px}.world-card-grid{gap:24px}.world-card-body{padding:22px 22px 0}.world-card-body h2{font-size:21px}.world-card-origin,.world-card-tags>span{font-size:10px}.world-card-footer{padding:18px 0}}
@media(max-width:1400px){.world-card-grid{grid-template-columns:1fr}.new-world-card{min-height:150px}.world-workspace{padding-left:8px;padding-right:8px}.collection-header h1{font-size:27px}.collection-header{margin-bottom:25px}.collection-total{display:none}.world-cover{aspect-ratio:1.85}}
@media(max-width:900px){.world-workspace{left:20px;right:calc(var(--right) + var(--edge) + 10px);top:79px;padding:13px 0 25px}.collection-header h1{font-size:24px}.collection-header p{font-size:10px}.collection-section>span:last-child{display:none}.world-card-body{padding:14px 14px 0}.world-card-body h2{font-size:16px}.world-card-footer>span{font-size:8px}.world-card-footer{margin-top:15px}}
@media(max-width:620px){.world-workspace{left:18px;right:18px;top:69px;bottom:calc(45% + 59px);padding:7px 0 18px}.collection-header{margin-bottom:15px}.collection-header h1{font-size:23px;margin:7px 0 0}.collection-header p{display:none}.collection-header .eyebrow{font-size:7px}.collection-section{margin-bottom:12px;padding-bottom:8px}.world-card-grid{grid-template-columns:1fr;gap:14px}.world-cover{aspect-ratio:2.4}.world-card-body h2{font-size:17px}.world-card-footer{padding:11px 0}.new-world-card{min-height:120px}.new-world-plus{display:none}.focus-mode .world-workspace{left:18px;right:18px;bottom:55px}}
:root { color-scheme: dark; }
.studio-home { display:flex; align-items:center; gap:14px; color:#c3c7d0; text-decoration:none; font:11px system-ui,sans-serif; letter-spacing:0; }
.studio-logo { --chrona-logo-width:130px; flex:none; }

#studio-account { color:#b3bac7; font-size:11px; max-width:155px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:8px; }
@media(max-width:800px) { #studio-account { display:none; } .studio-logo { --chrona-logo-width:104px; } }
.gallery-mode .left-panel,.gallery-mode .right-panel { display:none; }
.page-error { position:fixed; z-index:10; bottom:65px; left:50%; transform:translateX(-50%); padding:14px 20px; max-width:85%; border:1px solid #925c52; border-radius:8px; color:#efc1b9; background:#271c20; }
.gallery-mode .world-workspace { left:max(25px,calc((100vw - 1240px)/2)); right:max(25px,calc((100vw - 1240px)/2)); bottom:65px; }
.gallery-mode .world-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.world-mode .world-workspace { display:none; }
.world-mode .left-panel { display:none; }
.world-mode.show-workflow .left-panel { display:flex; }
.studio-route-loading .world-workspace,.studio-route-loading .top-actions,.studio-route-loading .left-panel,.studio-route-loading .right-panel,.studio-route-loading .bottom-hint { display:none; }
.top-actions #share-game { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:112px; padding:5px 9px; border:1px solid #8ba3f542; border-radius:6px; background:var(--accent-bg); color:#cad5ff; white-space:nowrap; }
.top-actions #share-game:not(:disabled):hover { background:#7894dc45; color:#fff; }
.studio-route-loading-state { display:none; }
.studio-route-loading .studio-route-loading-state { position:fixed; inset:0; z-index:4; display:flex; align-items:center; justify-content:center; gap:10px; color:#aab4c5; font-size:12px; letter-spacing:.3px; }
.gallery-mode .world-loading-copy,.world-mode .gallery-loading-copy { display:none; }
.world-editor { position:absolute; top:82px; bottom:64px; left:var(--edge); right:calc(var(--right) + var(--edge) + 18px); overflow:hidden; border:1px solid #b5c6e015; border-radius:12px; background:#12161c; }
.world-editor-heading { position:absolute; top:24px; left:30px; z-index:2; pointer-events:none; padding:12px 18px; border-radius:8px; }
.world-editor-heading h1 { margin:6px 0; font-size:22px; font-weight:500; letter-spacing:1px; }
.world-editor-heading .eyebrow { font:8px var(--mono); letter-spacing:2px; color:#788494; }
#world-context-label { font-size:10px; color:#7f8c9d; }
.blank-world { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#67758a; text-align:center; padding:25px; }
.blank-world-mark { font:300 45px var(--mono); color:#516076; margin-bottom:18px; }
.blank-world h2 { font-size:22px; font-weight:400; color:#a3afbe; }
.blank-world p { font-size:12px; max-width:380px; line-height:1.9; }
.editor-runtime,.editor-runtime iframe { width:100%; height:100%; border:0; display:block; }
.editor-loading { position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%); padding:12px 20px; border:1px solid #445066; border-radius:8px; background:#111d; }
.world-has-scene .world-editor-heading { top:14px; left:14px; background:#12151bcc; backdrop-filter:blur(12px); }
.world-has-scene .world-editor { display:flex; flex-direction:column; }
.world-has-scene .world-editor-heading { position:relative; top:auto; left:auto; flex:none; padding:12px 18px; border-radius:0; border-bottom:1px solid #ffffff10; background:#12151ecc; backdrop-filter:blur(12px); }
.world-has-scene .editor-runtime { flex:1; min-height:0; height:auto; }
.preview-focus .world-editor { top:16px; bottom:16px; }
.preview-focus .world-editor-heading { position:absolute; top:58px; left:14px; z-index:2; padding:8px 14px; border-radius:7px; }
.preview-focus .world-editor-heading h1 { font-size:18px; margin:4px 0; }
.preview-focus .world-editor-heading .eyebrow { font-size:7px; }
.preview-focus #world-context-label { font-size:9px; }
.world-remix .world-editor { display:flex; flex-direction:column; }
.world-remix .world-editor-heading { position:relative; top:auto; left:auto; flex:none; padding:14px 20px; border-radius:0; border-bottom:1px solid #73c9bd35; background:linear-gradient(110deg,#17312f,#171e2b 75%); }
.world-remix .world-editor-heading>.eyebrow { display:none; }
.world-remix .world-editor-heading h1 { font-size:17px; margin:9px 0 4px; letter-spacing:.3px; overflow-wrap:anywhere; }
.world-template-context { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-size:12px; color:#b8cdc9; }
.remix-badge { padding:4px 9px; border:1px solid #8be5ca70; border-radius:5px; background:#8be5ca20; color:#b2ffe5; font:600 10px var(--mono); letter-spacing:1px; text-transform:uppercase; }
.template-origin { min-width:0; overflow-wrap:anywhere; }
.template-origin strong { color:#edfff8; font-weight:600; }
.world-preview-status { margin-left:auto; padding:4px 8px; border:1px solid #a9c2df30; border-radius:5px; background:#0c141b80; color:#c7d9ee; font-size:10px; }
.world-remix .editor-runtime { flex:1; min-height:0; height:auto; }
.world-remix #world-context-label { color:#9eafb9; }
.world-mode.show-workflow .world-editor { left:calc(var(--left) + var(--edge) + 18px); }
@media(max-width:1050px) { .gallery-mode .world-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .world-mode.show-workflow .world-editor { left:var(--edge); } .world-mode.show-workflow .left-panel { z-index:6; } }
@media(max-width:620px) { .gallery-mode .world-card-grid { grid-template-columns:1fr; } .world-editor { top:72px; left:10px; right:10px; bottom:calc(45% + 57px); } .world-editor-heading { top:10px; left:10px; padding:4px; } .world-editor-heading h1 { font-size:16px; } .blank-world h2 { font-size:17px; } .blank-world p,.blank-world-mark,#world-context-label { display:none; } }
@media(max-width:620px) { .world-remix .world-editor-heading { padding:8px 12px; } .world-remix .world-editor-heading h1 { font-size:14px; margin:5px 0 0; } .world-template-context { gap:5px 8px; font-size:11px; } .remix-badge { padding:3px 6px; } .world-preview-status { font-size:9px; } }
.task-error[data-tone=info]{background:#5daa8815;border-color:#6fc49d40;color:#a9d8c0}

/* Player-owned model connections. */
.model-connection{display:flex;align-items:center;gap:9px;padding:10px 17px;border-bottom:1px solid var(--line);text-align:left;min-width:0;font-size:11px;color:var(--muted)}
.model-connection>span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c2cbd8}.model-connection>span:last-child{white-space:nowrap;color:var(--accent)}
.model-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#747e8d}.model-dot[data-status=ok],.llm-status[data-status=ok] .model-dot{background:var(--green);box-shadow:0 0 0 3px #78c9a012}.model-dot[data-status=error],.llm-status[data-status=error] .model-dot{background:#e78a7e}.llm-status[data-status=loading] .model-dot{background:#e0bb76;animation:breathe 1.5s infinite}
.llm-dialog{width:min(610px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:27px;border:1px solid #a9b9d532;border-radius:18px;background:#151a22;color:var(--ink);box-shadow:0 30px 120px #0009;overflow:auto}.llm-dialog::backdrop{background:#080b12b8;backdrop-filter:blur(5px)}
.llm-heading{display:flex;align-items:center;justify-content:space-between}.llm-heading h2{font-size:22px;font-weight:500;margin:7px 0}.llm-heading button{font-size:28px;color:var(--muted);padding:0 6px}.llm-intro{color:#93a0b4;font-size:12px;margin:8px 0 21px;line-height:1.8}.llm-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#adb9cd;margin:13px 0}.llm-field input,.llm-field select{font:inherit;font-size:13px;line-height:1.4;width:100%;min-width:0;padding:10px 12px;border:1px solid #adbfdf28;border-radius:7px;background:#0e131b;color:#dde5f3;outline:none}.llm-field input:focus,.llm-field select:focus{border-color:#9baff09c;box-shadow:0 0 0 3px #8aa4ff0a}.llm-field input::placeholder{color:#65738a}.llm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.llm-note{font-size:10px;line-height:1.8;color:#7d8ba1;margin:7px 0}.llm-advanced{border:1px solid #adbfdf1b;border-radius:8px;padding:11px 14px;margin:16px 0}.llm-advanced summary{font-size:11px;color:#a9b6cc;cursor:pointer}.llm-status{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:7px;background:#ffffff04;color:#98a5b8;font-size:11px;min-height:42px}.llm-status[data-status=ok]{color:#a1d9bb;background:#78c9a00a}.llm-status[data-status=error]{color:#edae9e;background:#e78a7e0a}.llm-actions{display:flex;align-items:center;gap:9px;margin-top:19px}.llm-actions>span{flex:1}.llm-actions button,.llm-footer button{border:1px solid #a9bcdf30;border-radius:7px;padding:9px 13px;font-size:11px}.llm-actions #llm-use{background:#a8b8f2;color:#172035;border-color:#a8b8f2;font-weight:600}.llm-actions #llm-delete{border:0;color:#c08b84;padding-left:0}.llm-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#8390a5}.llm-footer button{font-size:10px;padding:6px 10px;color:#a5b5d0}
@media(max-width:620px){.llm-dialog{padding:20px}.llm-grid{grid-template-columns:1fr;gap:0}.model-connection{padding:6px 12px;font-size:10px}.llm-footer{flex-wrap:wrap}}
.composer{position:relative}.attachment-area{padding:10px 12px 0}.attachment-tools{display:flex;align-items:center;gap:10px;color:#78889e;font-size:10px;padding:3px 0 8px}.attachment-pick{border:1px solid #354256;background:#1b2636;border-radius:7px;color:#c8d6ee;padding:6px 9px;font-size:11px;cursor:pointer}.attachment-pick:hover{background:#293850}.attachment-list{display:flex;flex-direction:column;gap:7px;max-height:220px;overflow:auto}.attachment-card{display:flex;align-items:center;gap:9px;padding:7px;background:#18202d;border:1px solid #2b3b50;border-radius:9px;min-width:0}.attachment-card img,.message-attachment img{width:43px;height:43px;object-fit:cover;border-radius:5px;flex:none}.attachment-info{flex:1;min-width:0}.attachment-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#dce5f3}.attachment-info small{display:block;font-size:10px;line-height:1.5;color:#90a4bf;margin-top:3px;overflow-wrap:anywhere}.attachment-card button{border:0;background:transparent;color:#b6c5dc;cursor:pointer;padding:4px;font-size:13px}.attachment-card button:disabled,.attachment-pick:disabled{opacity:.4;cursor:not-allowed}.attachment-file-icon{display:grid;place-items:center;width:40px;height:40px;background:#273650;border-radius:6px;color:#b6c6e2;font-size:10px;flex:none}.attachment-failed{border-color:#925244}.attachment-failed small{color:#efb29c}.attachment-drop-hint{display:none;pointer-events:none}.attachment-dragging{outline:2px dashed #a7baff;outline-offset:4px}.attachment-dragging .attachment-drop-hint{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#1a284aed;border-radius:8px;color:#d7e1ff;font-size:14px}.message-attachments{display:grid;gap:7px;margin-top:10px}.message-attachment{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid #3c4961;border-radius:8px;padding:8px;background:#151e2c;color:#d5e1f3;cursor:pointer}.message-attachment>span:nth-child(2){min-width:0;flex:1}.message-attachment strong{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:500}.message-attachment small{display:block;color:#899db8;font-size:10px;margin-top:3px;line-height:1.4}.attachment-preview{background:#121b27;color:#d8e4f5;border:1px solid #455570;border-radius:14px;padding:18px;max-width:90vw;max-height:90vh}.attachment-preview::backdrop{background:#000b;backdrop-filter:blur(5px)}.attachment-preview header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px;font-size:13px}.attachment-preview header button{border:0;background:transparent;color:#c5d4ec;font-size:24px;cursor:pointer}.attachment-preview>img{display:block;max-width:80vw;max-height:68vh;object-fit:contain}.attachment-preview a{display:block;margin-top:12px;color:#adbeff;font-size:12px;text-align:right}.attachment-pick:focus-visible,.attachment-card button:focus-visible,.message-attachment:focus-visible{outline:2px solid #adbeff;outline-offset:2px}

.world-editor-heading>.world-preview-status { display:table; margin:5px 0; max-width:100%; }

/* Execution feedback stays beside the conversation, independent of the left tabs. */
.task-live{flex-shrink:0;margin:0 12px 10px;padding:11px 12px;border:1px solid #a8b8f235;border-radius:9px;background:#a8b8f208;min-width:0;font-size:11px}
.task-live-heading{display:flex;align-items:center;gap:8px;min-width:0}.task-live-heading strong{font-size:11px;font-weight:550;color:#d9e1f4;flex:1;overflow-wrap:anywhere}.task-live [data-elapsed]{font:10px var(--mono);color:#afbad0;white-space:nowrap;font-variant-numeric:tabular-nums}
.task-live-spinner{width:12px;height:12px;flex-shrink:0;border:1.5px solid #a8b8f230;border-top-color:#a8b8f2;border-radius:50%}.task-live[data-active=true] .task-live-spinner{animation:task-spin 1s linear infinite}.task-live[data-active=false] .task-live-spinner{border:0;background:#87bca5;width:6px;height:6px;margin:3px}
.task-live[data-status=failed] .task-live-spinner{background:#e5a991}.task-live[data-status=interrupted] .task-live-spinner{background:#96a0b0}
.task-live p{margin:6px 0;color:#9ba8bd;font-size:10px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-live-meta{display:flex;justify-content:space-between;gap:8px;color:#8694ab;font-size:9px}.task-live [data-signal]{color:#9fd1ba}.task-live[data-disconnected=true] [data-signal]{color:#dfb484}
.task-live details{margin-top:6px}.task-live summary{cursor:pointer;color:#a3b1ca;font-size:9px;width:fit-content}.task-live ol{padding:0;margin:6px 0 0;list-style:none;max-height:130px;overflow:auto}.task-live li{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-top:1px solid #ffffff09;font-size:10px;color:#aab7cd}.task-live li::before{content:'✓';color:#86b39e}.task-live li[data-status=running]::before{content:'•';color:#abbdf9}.task-live li[data-status=failed]::before{content:'!';color:#e5a991}.task-live li span{flex:1;min-width:0;overflow-wrap:anywhere}.task-live time{font:9px var(--mono);color:#76859b}
#agent-ready[data-active=true]{color:#becdf5;display:inline-flex;align-items:center;gap:5px}#agent-ready[data-active=true]::before{content:'';width:5px;height:5px;border-radius:50%;background:#b1c2ff;animation:task-pulse 1.4s ease-in-out infinite}
#messages{scroll-behavior:auto}.message.streaming .bubble::after{content:'';display:inline-block;width:5px;height:1em;background:#b3c5ff;vertical-align:-.12em;margin-left:3px;animation:task-pulse .9s ease-in-out infinite}
@keyframes task-spin{to{transform:rotate(360deg)}}@keyframes task-pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.task-live[data-active=true] .task-live-spinner,#agent-ready[data-active=true]::before,.message.streaming .bubble::after{animation:none}}
@media(max-width:620px){.task-live{padding:7px 9px;margin-bottom:6px}.task-live p{margin:3px 0;-webkit-line-clamp:1}.task-live details{margin-top:2px}.task-live ol{max-height:75px}}