:root{color-scheme:dark;--bg:#0c1415;--panel:#121e1e;--line:#304341;--ink:#edf4e5;--dim:#a4b6ae;--lime:#d9f878;--mint:#77d7c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:#172624}button:hover{border-color:var(--mint);background:#243834}button:disabled{opacity:.45;cursor:default}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:#0b1616;padding:9px}input[type=range]{padding:0;accent-color:var(--lime)}input[type=color]{height:38px;padding:3px}input[type=file]{font-size:11px;padding:6px}input[type=file]::file-selector-button{background:#263c37;color:var(--ink);border:0;border-radius:5px;padding:6px;font:inherit}label{display:block;color:var(--dim);font-size:12px}label input,label textarea,label select{margin-top:5px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1px;line-height:1.4}h2{font-size:14px;font-weight:650}h3{font-size:13px;margin-bottom:10px}small,.muted{font-size:11px;color:var(--dim)}[hidden]{display:none!important}.top{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 30px}.brand{font-size:22px;font-weight:850;letter-spacing:2px;color:var(--ink)}nav{display:flex;gap:24px}nav a{color:var(--dim);font-size:12px}.local{margin-left:auto;color:var(--mint);font-size:11px}main{max-width:1900px;padding:26px 28px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.intro p{color:var(--dim);margin-top:4px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint)}.intro-actions{display:flex;gap:8px}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tabs button{padding:11px 18px;border-radius:10px}.tabs small{margin-left:10px}.tabs [aria-pressed=true]{background:var(--lime);color:#19211b;border-color:var(--lime)}.tabs [aria-pressed=true] small{color:#52613b}.workspace{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(420px,1.7fr) minmax(300px,1fr);gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:16px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.panel-title>span{font-size:10px;color:var(--mint)}.search-label{margin-bottom:12px}.library>.muted{margin-bottom:14px}.cards{display:grid;grid-template-columns:1fr;gap:12px;max-height:900px;overflow:auto;padding:3px}.card{padding:0;overflow:hidden;text-align:left;position:relative;background:#0d1919}.card[aria-pressed=true]{outline:2px solid var(--lime);border-color:transparent}.card svg,.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.card-info{padding:9px 11px}.card-info strong{display:block;font-size:12px}.card-info small{display:block;margin-top:2px}.card .card-tag{position:absolute;top:7px;left:8px;background:#13201ccc;border:1px solid #445948;padding:1px 6px;border-radius:5px;color:var(--lime);font-size:9px}.more{display:block;font-size:11px;margin-top:18px}.stage{padding:16px}#preview-host{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#091112;border-radius:10px;overflow:hidden;border:1px solid #273c37}#preview-host canvas{display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain}.placeholder{text-align:center;color:var(--dim)}.placeholder>span{font-size:55px;color:var(--mint)}.placeholder p{font-size:13px}.placeholder small{font-size:10px}.transport{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:13px 0 10px}.transport button{font-size:11px;padding:7px 9px}.primary{background:var(--lime);color:#142018;border-color:var(--lime);font-weight:750}.primary:hover{background:#e5ffac;color:#142018}.transport output{margin-left:auto;font:11px monospace;color:var(--dim)}.view-settings{display:flex;gap:16px;margin-top:10px}.view-settings label{flex:1}.view-settings input{margin-top:15px}#status{margin:12px 0;padding:11px 12px;border-radius:8px;background:#1b2b27;color:var(--lime);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#status[data-state=error]{background:#382225;color:#ffc0b5}#text-settings label{margin-top:9px}#physics-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.assets{border-top:1px solid var(--line);margin-top:16px;padding-top:15px;display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.image-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assets img{width:100%;max-height:100px;object-fit:contain;border-radius:6px;margin-top:8px;background:#091112}.subtle{font-size:10px;padding:5px 7px;margin-top:8px}.assets .muted{margin-top:8px}.editor>label{margin-bottom:12px}.code-label textarea{min-height:310px;height:37vh;resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,monospace;tab-size:2}.editor-actions{display:flex;gap:6px}.editor-actions button{font-size:10px;flex:1}details{margin:13px 0;font-size:11px;color:var(--dim)}details p{margin-top:8px;white-space:pre-wrap}.palette{border-top:1px solid var(--line);padding-top:13px}#palettes{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}#palettes button{width:27px;height:27px;padding:0;border-radius:50%;background:linear-gradient(125deg,var(--a) 60%,var(--b) 60%);border:2px solid #496057}.color-inputs{display:grid;grid-template-columns:50px 1fr 55px;gap:8px}.copy-colors{display:flex;gap:6px;margin-top:9px}.copy-colors button{font:10px monospace;flex:1;padding:7px 4px}#color-code{font:11px/1.5 monospace;overflow-wrap:anywhere;margin:10px 0;color:var(--mint)}.save-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 10px}.save-actions .primary{grid-column:1/-1;padding:12px}.save-actions button{font-size:11px}.save-actions #reset-sample{grid-column:1/-1}#handoff{background:#223326;border-radius:9px;padding:12px;margin:10px 0;font-size:12px}#handoff a{display:block;margin-top:7px}footer{display:flex;justify-content:space-between;margin:28px 0 5px;color:#789087;font-size:10px;letter-spacing:1px}@media(min-width:1700px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(0,1fr)}.editor{grid-column:2}.library{grid-row:1/3}.top{gap:20px}.local{display:none}}@media(max-width:700px){main{padding:18px 12px}.top{height:auto;min-height:60px;padding:12px;flex-wrap:wrap;gap:10px}.brand{font-size:19px}nav{gap:12px}nav a{font-size:10px}.intro{display:block}.intro-actions{margin-top:15px}h1{font-size:28px}.intro p{font-size:12px}.tabs{gap:5px}.tabs button{padding:8px;font-size:11px;flex:1}.tabs small{display:block;font-size:9px;margin:0}.workspace{display:flex;flex-direction:column;gap:12px}.workspace>.panel{width:100%}.library{order:0}.stage{order:1}.editor{order:2}.cards{grid-template-columns:repeat(3,minmax(0,1fr));max-height:200px;padding:3px}.card-info{padding:6px}.card-info strong{font-size:10px}.card-info small{font-size:9px}.card .card-tag{display:none}.library .muted,.more{font-size:10px}.search-label{margin-bottom:8px}.search-label input{padding:6px}.assets{gap:10px}.transport button{font-size:10px}.code-label textarea{height:300px}footer span{display:none}}

#js-import-dialog{color:#edf4e5;background:#172622;border:1px solid #63764d;border-radius:12px;max-width:min(480px,90vw);padding:24px}#js-import-dialog::backdrop{background:#0009}