:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #d8dce6;--muted: #8a92a6;--accent: #4aa3ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:600;font-size:14px}.seed-info{flex:1}.view-toggle button{border-radius:0}.view-toggle button:first-child{border-radius:4px 0 0 4px}.view-toggle button:last-child{border-radius:0 4px 4px 0}.main{display:flex;flex:1;min-height:0}.sidebar{width:320px;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border)}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;background:none;border:0;border-radius:0;color:var(--muted);padding:8px}.tab.active{color:var(--text);border-bottom:2px solid var(--accent)}.panel{flex:1;overflow-y:auto;padding:10px 12px}.world{flex:1;position:relative;min-width:0}.world-canvas{position:absolute;inset:0}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f111580;pointer-events:none}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;left:10px;right:10px;bottom:8px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;pointer-events:none;text-shadow:0 1px 2px #000}.timeline{background:var(--panel);border-top:1px solid var(--border);padding:6px 12px 8px}.transport{display:flex;align-items:center;gap:6px;margin-bottom:4px}.transport button{min-width:34px}.transport .play{min-width:44px;font-size:15px}.time-readout{font-weight:600;min-width:120px;text-align:center;font-variant-numeric:tabular-nums}.time-entry{width:90px}.slider-row{display:flex;align-items:center;gap:10px}.slider-wrap{flex:1;position:relative}.checkpoints{position:absolute;left:0;right:0;top:-3px;height:4px;pointer-events:none}.checkpoints i{position:absolute;width:2px;height:4px;background:#5c6478;margin-left:-1px}input[type=range]{width:100%;-webkit-appearance:none;height:6px;border-radius:3px;background:#2a2f3a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}button,select,input{font:inherit;color:var(--text);background:#222733;border:1px solid var(--border);border-radius:4px;padding:4px 8px}button{cursor:pointer}button:hover{background:#2b3140}button:disabled{opacity:.5;cursor:default}button.active,button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}h3.clickable{cursor:pointer}h2{font-size:15px;margin:0}.row{display:flex;align-items:center;gap:8px;margin:4px 0}.row input[type=text],.row input:not([type]){flex:1}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;align-items:center}.slider{display:block;margin:6px 0}.slider span{display:flex;justify-content:space-between;margin-bottom:2px}.slider b{font-weight:500;color:var(--muted)}.hint{color:var(--accent);font-size:12px;margin:6px 0}.muted{color:var(--muted)}.small{font-size:11px}.swatch{display:inline-block;width:14px;height:10px;border-radius:2px}.legend div{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:12px}.legend i{display:inline-block;width:22px;height:8px;border-radius:2px;flex-shrink:0}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl td,.tbl th{padding:2px 4px;border-bottom:1px solid var(--border);text-align:left}.tbl.kv td:first-child{color:var(--muted);width:38%}.tbl tr.hl{background:#4aa3ff26}.events{max-height:220px;overflow-y:auto;font-size:12px}.events div{padding:2px 0;border-bottom:1px solid var(--border)}.modal-bg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;width:460px;max-height:80vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.saved{justify-content:space-between}.saved span:first-child{flex:1}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#3a1f24;border:1px solid #a33;padding:8px 14px;border-radius:6px}@media (max-width: 800px){.sidebar{width:240px}}