:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111417;color:#e6e8ea}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:220px minmax(520px,1fr) minmax(360px,43vw);height:100vh;min-height:0;background:#111417}.sidebar{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;min-height:0;padding:12px;border-right:1px solid #2b3138;background:#171b20;overflow:hidden}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.brand-name{font-size:16px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-version{color:#8d99a7;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.file-list{display:grid;gap:1px;min-width:0;max-height:152px;overflow:auto}.control-section{display:grid;gap:8px;min-width:0;padding:8px;border:1px solid #2b3138;background:#12161a}.control-title{margin:0;color:#aab2bd;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase}.sidebar-section{display:grid;gap:5px;min-width:0}.sidebar-scroll{display:grid;align-content:start;gap:10px;min-height:0;overflow:auto;padding-right:2px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:0}.section-title{color:#aab2bd;font-size:11px;font-weight:700;text-transform:uppercase}.template-picker{display:grid;gap:5px}.template-picker select{width:100%;min-height:28px;border:1px solid #3a434d;border-radius:0;background:#20262d;color:#e6e8ea;font-size:12px;min-width:0}.buffer{display:grid;gap:4px;color:#d7ff65;font-size:12px;font-weight:700}.buffer select{width:100%;min-height:28px;border:1px solid #3a434d;border-radius:0;background:#20262d;color:#e6e8ea;font-size:11px;min-width:0}.channel{display:grid;gap:4px;padding:6px;border:1px solid #303741;border-radius:0;background:#171b20;min-width:0}.channel-label{display:grid;gap:6px;color:#d7ff65;font-size:12px;font-weight:700}.channel-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.channel-seed{min-width:0;height:28px;border:1px solid #3a434d;border-radius:0;padding:0 6px;background:#20262d;color:#e6e8ea;font-size:11px;grid-column:1 / -1}.channel-button{display:grid;place-items:center;min-height:28px;min-width:0;padding:0 4px;font-size:11px;line-height:1;text-align:center}.channel-file-button{-webkit-user-select:none;user-select:none}.channel-meta{color:#aab2bd;font-size:11px;overflow-wrap:anywhere}.file,.button{min-height:28px;border:1px solid #3a434d;border-radius:0;background:#20262d;color:#e6e8ea;cursor:pointer;min-width:0}.link-button{display:grid;place-items:center;text-decoration:none}.file{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-areas:"icon name" "icon path";column-gap:6px;align-items:center;text-align:left;padding:5px 6px;min-height:38px;overflow:hidden}.file-icon{grid-area:icon;color:#89ddff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;text-align:center}.file-name,.file-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name{grid-area:name;font-size:12px}.file-path{grid-area:path;color:#7f8995;font-size:10px}.file.selected,.button.primary{background:#d7ff65;border-color:#d7ff65;color:#111417}.file-button{display:grid;place-items:center}.hidden-input{display:none}.editor-pane{display:grid;grid-template-rows:auto 1fr 120px;min-width:0;min-height:0;overflow:hidden}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:52px;padding:10px 12px;border-bottom:1px solid #2b3138;background:#15191e}.toolbar label{display:flex;align-items:center;gap:6px;color:#aab2bd}.toolbar select,.toolbar input{min-height:30px;border:1px solid #3a434d;border-radius:0;background:#20262d;color:#e6e8ea;min-width:0}.toolbar input{width:58px;padding:0 8px}.toolbar output{min-width:70px;color:#aab2bd;font-variant-numeric:tabular-nums}.renderer-badge{min-height:28px;min-width:142px;display:inline-grid;place-items:center;border:1px solid #3a434d;padding:0 8px;color:#e6e8ea;background:#20262d;font-size:12px;font-variant-numeric:normal}.renderer-badge[data-kind=webgpu]{border-color:#78d0ff;color:#aee4ff}.renderer-badge[data-kind=webgl]{border-color:#d7ff65;color:#d7ff65}.renderer-badge[data-kind=unavailable]{border-color:#ff8c8c;color:#ffb4b4}.split{display:grid;grid-template-columns:1fr;min-height:0;overflow:hidden}.split.show-wgsl{grid-template-columns:minmax(0,1fr) minmax(320px,42%)}.wgsl-panel[hidden]{display:none}.source-panel{display:grid;grid-template-rows:32px 1fr;min-width:0;min-height:0;overflow:hidden;border-right:1px solid #2b3138}.panel-title{display:flex;align-items:center;padding:0 10px;color:#aab2bd;background:#171b20;border-bottom:1px solid #2b3138}textarea{width:100%;min-width:0;min-height:0;resize:none;border:0;outline:none;padding:12px;background:#101317;color:#e6e8ea;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45;overflow:auto}.code-editor{min-width:0;min-height:0;overflow:hidden;background:#101317}.cm-editor{outline:none}.cm-focused{outline:none!important}.diagnostics{margin:0;padding:10px 12px;overflow:auto;border-top:1px solid #2b3138;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.diagnostics[data-kind=ok]{background:#101912;color:#9ee6a8}.diagnostics[data-kind=error]{background:#181217;color:#ffb4b4}.preview-pane{display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0;padding:16px;background:#0c0e10;overflow:hidden}canvas{align-self:center;justify-self:center;max-width:100%;max-height:calc(100vh - 64px);image-rendering:pixelated;border:1px solid #2b3138;background:#000;touch-action:none}.status{min-height:28px;color:#aab2bd;padding-top:10px}@media(max-width:980px){body{overflow:auto}.shell{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{border-right:0;border-bottom:1px solid #2b3138}.editor-pane{min-height:70vh}.split{grid-template-columns:1fr}}