:root{color:#20242a;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:1px solid #b9c0c8;background:#fff;color:#20242a;border-radius:6px;padding:8px 12px;cursor:pointer}button:disabled{color:#8a929b;cursor:not-allowed}select{width:100%;border:1px solid #b9c0c8;border-radius:6px;background:#fff;color:#20242a;padding:8px 10px}input[type=range]{width:100%}input[type=number]{width:100%;min-width:0;border:1px solid #b9c0c8;border-radius:6px;background:#fff;color:#20242a;padding:7px 8px}.app-shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:100vh}.control-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border-right:1px solid #d8dde3;background:#fff}.control-panel h1{margin:0 0 6px;font-size:22px;line-height:1.15}.control-panel p{margin:0;color:#5b6673;font-size:14px;line-height:1.45}.file-control{display:grid;gap:8px;font-size:13px;color:#4e5966}.track-summary{min-height:54px;padding:10px 12px;border:1px solid #d8dde3;border-radius:6px;background:#fbfcfd;color:#4e5966;font-size:12px;line-height:1.45}.button-row{display:flex;flex-wrap:wrap;gap:8px}.playback-panel{display:grid;gap:10px;padding:10px 12px;border:1px solid #d8dde3;border-radius:6px;background:#fbfcfd}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#303841;font-size:13px;font-weight:600}#time-readout{color:#5b6673;font-variant-numeric:tabular-nums;font-weight:500}.inline-toggle{display:inline-flex;align-items:center;gap:8px;color:#303841;font-size:13px}.loop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.loop-grid label{display:grid;gap:5px;color:#4e5966;font-size:12px}.visual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.visual-grid label{display:grid;gap:5px;color:#4e5966;font-size:12px}.lane-controls{display:grid;gap:8px;color:#5b6673;font-size:12px}.lane-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.lane-label{overflow:hidden;color:#303841;text-overflow:ellipsis;white-space:nowrap}.lane-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-1px}.lane-control button{min-width:52px;padding:6px 8px}.lane-control button[aria-pressed=true]{border-color:#3c78d8;background:#e8f0ff;color:#1f4f9a}.status{min-height:180px;margin:0;padding:12px;overflow:auto;border:1px solid #d8dde3;border-radius:6px;background:#f7f9fb;color:#303841;font-size:12px;line-height:1.45;white-space:pre-wrap}.stage{position:relative;min-width:0;min-height:100vh;background:#dfe5ea}#scene-canvas{display:block;width:100%;height:100%}.debug-readout{position:absolute;top:14px;left:14px;max-width:min(360px,calc(100% - 28px));margin:0;padding:10px 12px;border:1px solid rgba(64,72,82,.22);border-radius:6px;background:#ffffffdb;color:#20242a;font-size:12px;line-height:1.45;pointer-events:none;white-space:pre-wrap}@media(max-width:760px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr)}.control-panel{border-right:0;border-bottom:1px solid #d8dde3}.stage{min-height:420px}}