:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#d6d6da;background:#141518;margin:0;font:13px/1.45 system-ui,Segoe UI,sans-serif}#app{grid-template-columns:300px 1fr;height:100vh;display:grid}#sidebar{background:#1b1d22;border-right:1px solid #2a2d33;flex-direction:column;gap:14px;padding:12px;display:flex;overflow-y:auto}h1{margin:0;font-size:15px}h2{text-transform:uppercase;letter-spacing:.07em;color:#8a8f98;margin:0 0 6px;font-size:11px}.field{margin:7px 0;display:block}.field .value{color:#8a8f98;float:right}input[type=number],select{color:#d6d6da;background:#121317;border:1px solid #33363d;border-radius:4px;width:100%;margin-top:2px;padding:3px 6px}input[type=range]{width:100%}input[type=color]{background:#121317;border:1px solid #33363d;border-radius:4px;width:100%;height:24px;padding:1px}input[type=file]{width:100%;font-size:12px}.radio-group{gap:12px;margin-top:2px;display:flex}button{color:#fff;cursor:pointer;background:#2b6cb0;border:0;border-radius:4px;padding:6px 10px}button:disabled{color:#7a7e85;cursor:default;background:#33363d}#drop-zone{text-align:center;border:1px dashed #3d4149;border-radius:6px;margin-bottom:8px;padding:14px 10px}#drop-zone.dragover{background:#1f2733;border-color:#2b6cb0}.hint{color:#7a7e85;margin-top:4px;font-size:11px;display:block}.status{color:#9aa0a8;white-space:pre-line;font-size:12px}.status.error{color:#e06c75}.action-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.action-row{background:#121317;border:1px solid #2a2d33;border-radius:5px;padding:6px 8px}.action-head{align-items:center;gap:6px;display:flex}.action-name{color:#7fb4ec;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.action-sampling{gap:6px;margin-top:5px;display:flex}.action-sampling select{width:70px}main{flex-direction:column;min-width:0;display:flex}#viewport-wrap{border-bottom:1px solid #2a2d33;flex-direction:column;height:55vh;min-height:320px;display:flex}#viewport{flex:1;min-height:0;position:relative}#viewport canvas{display:block}#playback{background:#1b1d22;align-items:center;gap:10px;padding:6px 10px;display:flex}#scrubber{flex:1}#playback-label{color:#8a8f98;min-width:90px;font-size:12px}#previews{flex-direction:column;flex:1;gap:16px;padding:12px;display:flex;overflow-y:auto}.preview-card{background:#1b1d22;border:1px solid #2a2d33;border-radius:6px;padding:10px}.sheet-preview{max-width:100%;image-rendering:pixelated;background:repeating-conic-gradient(#202228 0% 25%,#191b20 0% 50%) 0 0/16px 16px;margin:8px 0;display:block}.playback-row{align-items:center;gap:8px;display:flex}.playback-row select{width:auto;margin-top:0}.frame-preview{width:96px;height:96px;image-rendering:pixelated;background:repeating-conic-gradient(#202228 0% 25%,#191b20 0% 50%) 0 0/12px 12px;border:1px solid #2a2d33}.direction-grid{grid-template-columns:repeat(4,auto);gap:8px;display:grid}.direction-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.direction-label{color:#8a8f98;font-size:11px}.scene-layout{align-items:flex-end;gap:12px;display:flex}.scene-canvas{max-width:100%;image-rendering:pixelated;border:1px solid #2a2d33;display:block}.compass-grid{grid-template-columns:repeat(3,auto);gap:4px;display:grid}.compass-button{color:#d6d6da;background:#121317;border:1px solid #33363d;min-width:40px}.compass-button.active{color:#fff;background:#2b6cb0;border-color:#2b6cb0}.scene-preview:focus{outline:1px solid #2b6cb0}.sheet-preview.smooth,.frame-preview.smooth,.scene-canvas.smooth{image-rendering:auto}