:root{font-synthesis:none;background:#333d4b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:var(--field);border-radius:8px}button:disabled{cursor:not-allowed;opacity:.42}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--line-strong)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{--page:#333d4b;--panel:#3d4857;--raised:#485466;--field:#374252;--canvas:#323c4b;--text:#f5f1eb;--soft-text:#d8dbe1;--muted:#a6aeba;--faint:#7f8794;--line:#ffffff16;--line-strong:#ffffff24;--accent:#e28a67;--accent-soft:#e28a672e;--accent-text:#291914;--blue:#8baee8;--danger:#f09088;--shadow:0 14px 38px #080c1433, 0 2px 7px #080c141f;height:100dvh;color:var(--text);background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template:58px minmax(0,1fr) 76px/232px minmax(0,1fr);font-size:13px;display:grid}.shell[data-theme=light]{--page:#e8e5df;--panel:#f7f4ee;--raised:#fffaf3;--field:#eeebe5;--canvas:#e5e2dc;--text:#2d2a27;--soft-text:#4d4944;--muted:#77736d;--faint:#9a958e;--line:#36302a1a;--line-strong:#36302a29;--accent:#c96e4d;--accent-soft:#eed8cd;--accent-text:#fffaf4;--blue:#5377ad;--danger:#b94f4a;--shadow:0 15px 40px #423a311a, 0 2px 8px #423a310f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}header{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:20px;padding:0 20px;display:flex}header strong{letter-spacing:-.7px;font-size:19px}header span{color:var(--muted);font-size:11px}.theme{width:34px;height:34px;color:var(--accent);border-radius:11px;margin-left:auto;font-size:18px}aside{background:var(--panel);border-right:1px solid var(--line);min-width:0;padding:16px 12px;overflow:auto}.open-folder{width:100%;color:var(--accent-text);background:var(--accent);border-radius:11px;padding:11px;font-weight:600}h2{color:var(--muted);text-transform:uppercase;letter-spacing:1px;overflow-wrap:anywhere;margin:24px 8px 9px;font-size:10px}.hint{color:var(--muted);font-size:11px;line-height:1.5}.file{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:6px;width:100%;padding:8px;display:flex}.file span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file small{color:var(--faint);font:9px ui-monospace,monospace}.active{background:var(--accent-soft);border-color:var(--accent)}.directory summary{cursor:pointer;overflow-wrap:anywhere;padding:8px}.branch{padding-left:12px}.example{text-align:left;background:0 0;border-color:#0000;width:100%;margin:4px 0;padding:10px 8px;display:block}.example small{color:var(--faint);margin-top:4px;font-size:10px;display:block}main{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.file-title{border-bottom:1px solid var(--line);overflow-wrap:anywhere;gap:10px;padding:13px 16px;display:flex}.file-title small{color:var(--muted);flex-shrink:0;margin-left:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:7px 12px;display:flex}.toolbar button{text-transform:capitalize;padding:6px 12px;font-size:11px}.toolbar small{color:var(--muted);margin-left:5px;font-size:10px}.viewport{flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene.inactive{visibility:hidden;pointer-events:none}.scene canvas{width:100%;height:100%;display:block}.viewport img{object-fit:contain;max-width:100%;max-height:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;margin:0;padding:24px;font:12px/1.7 ui-monospace,monospace;overflow:auto}.welcome{max-width:360px;color:var(--muted);text-align:center;margin:24px;line-height:1.7}.welcome b{color:var(--text);font-size:18px;font-weight:500;display:block}.chips{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.chip{border:1px solid var(--line-strong);max-width:100%;box-shadow:var(--shadow);background:var(--panel);pointer-events:auto;border-radius:11px;display:flex}.chip.active{border-color:var(--accent)}.chip button{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;padding:7px 9px;overflow:hidden}.selection-editor{background:var(--panel);border:1px solid var(--line-strong);max-width:calc(100% - 24px);box-shadow:var(--shadow);border-radius:11px;padding:12px;position:absolute;bottom:12px;left:12px}.selection-editor label{color:var(--muted);align-items:center;gap:10px;margin:3px 0;font-size:11px;display:flex}.selection-editor input{border:1px solid var(--line);background:var(--field);border-radius:8px;width:160px;min-width:0;padding:6px 8px}input[type=range]{accent-color:var(--accent)}.status{min-height:29px;color:var(--muted);flex-wrap:wrap;gap:8px;padding:7px 12px;display:flex}.status small{font-size:10px}.status span{color:var(--danger);overflow-wrap:anywhere}footer{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;padding:10px 16px;display:flex;overflow:auto}footer>span{color:var(--muted);margin-right:10px;font-size:11px}footer button{padding:7px 11px;font-size:11px}footer small{color:var(--faint);margin-top:3px;font:9px ui-monospace,monospace;display:block}@media (width<=600px){.shell{grid-template:58px auto minmax(400px,60dvh) auto/minmax(0,1fr);height:auto;min-height:100dvh}header{gap:12px;padding:0 14px}header span{font-size:9px}aside{border-right:0;border-bottom:1px solid var(--line);max-height:230px}aside h2{margin-top:13px}footer{padding:10px;overflow:visible}}