:root{--bg: #04060c;--panel: #0a0f1c;--panel-edge: #16203a;--ink: #d7e1f5;--ink-dim: #7c8aab;--accent: #63d0ff;--warn: #ffb763;--danger: #ff6d9a;--good: #9dffb0;--btn-bg: #101a30;--surface-2: #0d1424;--chart-bg: #070b14;--tip-bg: #0d1626;--tip-edge: #24334f;--shadow: rgba(0, 0, 0, .6);--scrim: rgba(2, 4, 9, .72);--overlay: rgba(8, 13, 26, .78);color-scheme:dark;font-size:13px}:root[data-theme=light]{--bg: #eef1f7;--panel: #ffffff;--panel-edge: #d3dae8;--ink: #17203a;--ink-dim: #5d6a88;--accent: #0b6fa4;--warn: #a05a00;--danger: #c22a5e;--good: #10713c;--btn-bg: #f3f6fb;--surface-2: #f5f7fc;--chart-bg: #f7f9fd;--tip-bg: #ffffff;--tip-edge: #c9d3e4;--shadow: rgba(23, 32, 58, .18);--scrim: rgba(230, 235, 245, .78);--overlay: rgba(255, 255, 255, .86);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace}.app{display:flex;flex-direction:column;height:100%}.main{display:flex;flex:1;min-height:0}.viewport{flex:1;position:relative;min-width:0}.topbar{display:flex;align-items:center;gap:10px 14px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--panel-edge);flex-wrap:wrap}.brand-name{letter-spacing:.25em;font-weight:700;color:var(--accent)}.brand-sub{display:block;font-size:10px;color:var(--ink-dim)}.transport{display:flex;gap:6px}.clock{margin-left:auto;color:var(--ink-dim);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{font-size:10px;padding:2px 8px;border-radius:10px;border:1px solid}.chip-slow{color:var(--accent);border-color:var(--accent)}.chip-warn{color:var(--warn);border-color:var(--warn)}.chip-stop{color:var(--danger);border-color:var(--danger)}.chip-var{color:var(--good);border-color:var(--good)}.btn{background:var(--btn-bg);color:var(--ink);border:1px solid var(--panel-edge);border-radius:6px;padding:5px 10px;cursor:pointer;font:inherit;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.btn-sm{padding:2px 7px;font-size:11px}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn-var{border-color:#2c4a33}.btn-row{display:flex;gap:6px;flex-wrap:wrap}select,input[type=text]{background:var(--btn-bg);color:var(--ink);border:1px solid var(--panel-edge);border-radius:6px;padding:4px 6px;font:inherit;max-width:100%}input[type=range]{width:100%;accent-color:var(--accent)}.ctl{display:block;margin:8px 0;color:var(--ink-dim)}.ctl span{display:block;margin-bottom:3px}.ctl em,section h3 em,.hint{color:var(--ink-dim);font-style:normal;font-size:11px}.warn-text{color:var(--warn);font-size:11px}.preset-select,.frame-select{max-width:240px}.panel{width:clamp(248px,24vw,316px);overflow-y:auto;padding:10px 12px;background:var(--panel);scrollbar-width:thin;flex-shrink:0}.left-panel{border-right:1px solid var(--panel-edge)}.right-panel{border-left:1px solid var(--panel-edge)}section{margin-bottom:18px}section h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--panel-edge);padding-bottom:4px;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;gap:6px}.preset-desc{color:var(--ink-dim);line-height:1.45;margin-top:2px}.hint{line-height:1.4}.kv{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.kv .k{color:var(--ink-dim)}.kv .v{text-align:right;white-space:nowrap}.body-row{border:1px solid transparent;border-radius:6px;margin-bottom:2px}.body-row.sel{border-color:var(--panel-edge);background:var(--surface-2)}.body-pick{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--ink);font:inherit;padding:5px 6px;cursor:pointer;text-align:left}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:4px}.body-editor{padding:6px 8px 10px}.body-editor-head{display:flex;gap:6px;margin-bottom:6px;align-items:center}.name-input{flex:1;min-width:60px}.num-field{display:block;margin:4px 0}.num-field span{display:block;font-size:10px;color:var(--ink-dim)}.num-field input{width:100%}.vec-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.check-row,.check-grid{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ink-dim);margin:6px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr}input[type=color]{width:28px;height:24px;padding:0;border:none;background:none;cursor:pointer}.deflect-box{border:1px solid var(--panel-edge);border-radius:6px;padding:6px 8px;margin-top:8px;background:var(--surface-2)}.deflect-box h4{margin:0 0 4px;font-size:11px;color:var(--warn)}.cmp-table{width:100%;border-collapse:collapse;font-size:11px}.cmp-table th,.cmp-table td{text-align:left;padding:3px 4px;border-bottom:1px solid var(--panel-edge)}.cmp-table th{color:var(--ink-dim);font-weight:400}.gain{color:var(--good)}.loss{color:var(--danger)}.explain{line-height:1.5;color:var(--ink);border-left:2px solid var(--panel-edge);padding-left:8px}.validation-list{margin-top:8px}.val-item{border-left:3px solid;padding:4px 8px;margin-bottom:8px}.val-item.pass{border-color:var(--good)}.val-item.fail{border-color:var(--danger)}.val-head{font-weight:600}.val-item.pass .val-head{color:var(--good)}.val-item.fail .val-head{color:var(--danger)}.val-measured{color:var(--ink);font-size:11px;margin:2px 0}.val-tol{color:var(--ink-dim);font-size:10px}.bottombar{display:flex;gap:10px 14px;align-items:stretch;flex-wrap:wrap;background:var(--panel);border-top:1px solid var(--panel-edge);padding:8px 14px}.scrub-wrap{display:flex;flex-direction:column;justify-content:center;flex:1 1 200px;min-width:170px;max-width:320px}.scrub-label{font-size:10px;color:var(--ink-dim);margin-bottom:8px;line-height:1.4}.scrubber{width:100%}.chart{flex:1 1 280px;min-width:220px;max-width:460px}.chart svg{height:112px;display:block}.chart-title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:3px}.chart-title em{font-style:normal;text-transform:none}.legend{display:flex;gap:12px;font-size:10px;color:var(--ink-dim);margin-top:2px}.legend i{display:inline-block;width:10px;height:2px;margin-right:4px;vertical-align:middle}.collision-log{flex:1 1 240px;min-width:200px;max-height:150px;overflow-y:auto;font-size:11px}.collision-item{padding:2px 0;color:var(--ink-dim)}.collision-item b{color:var(--ink)}.contact-btn{position:absolute;bottom:58px;left:14px;z-index:5;background:var(--overlay);border:1px solid var(--panel-edge);border-radius:20px;padding:7px 16px;color:var(--ink-dim);text-decoration:none;font-size:12px;transition:color .15s,border-color .15s}.contact-btn:hover{color:var(--accent);border-color:var(--accent)}.sandbox-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:var(--overlay);border:1px solid var(--panel-edge);border-radius:20px;padding:8px 18px;color:var(--ink-dim);pointer-events:none;font-size:12px;white-space:normal;text-align:center;line-height:1.5;max-width:calc(100% - 28px);box-sizing:border-box}.sandbox-hint b{color:var(--accent)}.btn-lab{margin-left:8px}.music-group{display:flex;align-items:center;gap:4px;border:1px solid var(--panel-edge);border-radius:8px;padding:3px 8px 3px 10px;background:var(--surface-2)}.music-icon{color:var(--accent);font-size:14px;margin-right:2px}.btn-music{padding:3px 9px;font-size:12px;border-color:transparent}.btn-music.active{border-color:var(--accent);color:var(--accent);background:#63d0ff1f}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.55}}.btn-rec{border-color:var(--danger);color:var(--danger);animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #ff6d9a80}50%{box-shadow:0 0 0 5px #ff6d9a00}}.ctl-inline{display:flex;align-items:center;gap:8px;width:200px;margin:0}.ctl-inline span{margin:0}.drop-label{color:#eaf1ff;font-size:12px;font-family:inherit;white-space:nowrap;background:#060a14b3;padding:2px 8px;border-radius:5px;transform:translateY(-28px)}.tip{position:fixed;z-index:200;pointer-events:none;max-width:300px;padding:8px 11px;background:var(--tip-bg);border:1px solid var(--tip-edge);border-radius:8px;box-shadow:0 8px 26px var(--shadow);animation:tip-in .12s ease-out}.tip-above{transform:translate(-50%,-100%)}.tip-below{transform:translate(-50%)}.tip-title{color:var(--accent);font-size:11px;font-weight:600;margin-bottom:3px;letter-spacing:.04em}.tip-body{color:var(--ink);font-size:11px;line-height:1.5}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.account-wrap{position:relative}.btn-account{border-color:var(--good);color:var(--good)}.account-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:10px;width:230px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 30px var(--shadow)}.account-head{display:flex;justify-content:space-between;align-items:baseline}.account-rename{display:flex;gap:5px}.account-rename input{flex:1;min-width:0}.creator-link{color:var(--accent);cursor:pointer}.creator-link:hover{text-decoration:underline}.creator-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;justify-content:space-between}.creator-id h1{margin-bottom:2px}.creator-totals{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.btn-primary{border-color:var(--accent);color:var(--accent);background:#63d0ff1f}.btn-primary:disabled{opacity:.4}.btn-liked{border-color:var(--danger);color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:20px;width:min(520px,100%);max-height:92vh;overflow-y:auto}.modal h2{margin:0 0 6px;font-size:16px;color:var(--accent);letter-spacing:.06em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.btn-danger-solid{border-color:var(--danger);color:var(--danger);margin-right:auto}.btn-danger-solid:hover{background:#ff6d9a1f}.field{display:block;margin:12px 0 4px}.field span{display:block;font-size:11px;color:var(--ink-dim);margin-bottom:4px}.field input{width:100%;padding:8px 10px;font-size:14px}.publish-thumb{width:100%;border-radius:8px;border:1px solid var(--panel-edge);display:block;margin:12px 0;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg)}.url-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding:6px 0 2px;min-height:26px}.url-dim{color:var(--ink-dim)}.url-slug{color:var(--accent);font-weight:600}.publish-stats{border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px;margin-top:14px;background:var(--surface-2)}.stat-line{color:var(--ink);margin:2px 0 8px}.stat-grid{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:12px}.stat-grid span{color:var(--ink-dim)}.stat-grid b{text-align:right;font-weight:500}.key-row{display:flex;gap:6px;align-items:center}.key-row input{flex:1;font-family:inherit;letter-spacing:.06em}.key-warning{border-left:2px solid var(--warn);padding-left:8px;margin:6px 0 0;color:var(--ink-dim)}.key-warning b{color:var(--accent)}.key-prompt{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:100%;padding-top:8px;margin-top:6px;border-top:1px solid var(--panel-edge)}.key-prompt input{flex:1 1 220px;max-width:320px;padding:5px 8px;letter-spacing:.06em}.leaderboard{flex:1;overflow-y:auto;padding:22px clamp(14px,4vw,40px) 60px}.lb-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.lb-head h1{font-size:20px;letter-spacing:.14em;color:var(--accent);margin:0 0 6px;text-transform:uppercase}.lb-head .hint{max-width:62ch}.lb-sorts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:18px 0 16px}.lb-count{margin-left:auto}.lb-empty{padding:40px 0;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.world-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.world-card{border:1px solid var(--panel-edge);border-radius:10px;overflow:hidden;background:var(--panel);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.world-card:hover{border-color:var(--accent);transform:translateY(-2px)}.world-thumb{position:relative;aspect-ratio:16 / 9;background:var(--chart-bg)}.world-thumb img{width:100%;height:100%;object-fit:cover;display:block}.world-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-dim);font-size:11px}.world-bodies{position:absolute;right:8px;bottom:8px;font-size:10px;background:var(--overlay);border-radius:10px;padding:2px 8px;color:var(--ink-dim)}.world-card-body{padding:10px 12px 12px}.world-title{font-size:13px;font-weight:600;margin-bottom:3px}.world-meta{font-size:10px;color:var(--ink-dim);margin-bottom:8px}.world-chips{display:flex;flex-wrap:wrap;gap:4px}.wchip{font-size:10px;padding:2px 7px;border-radius:10px;border:1px solid var(--panel-edge);color:var(--ink-dim);white-space:nowrap}.fate-impact{color:var(--danger);border-color:#ff6d9a73}.fate-eject{color:var(--warn);border-color:#ffb76373}.fate-intact{color:var(--good);border-color:#9dffb066}.chaos-high{color:#c9a2ff;border-color:#c9a2ff73}.chaos-mid{color:var(--warn);border-color:#ffb76359}.world-bar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:7px 14px;background:var(--surface-2);border-bottom:1px solid var(--panel-edge)}.world-bar-id{display:flex;flex-direction:column;gap:1px}.world-bar-id b{font-size:13px}.world-bar-stats{display:flex;gap:5px;flex-wrap:wrap}.world-bar-actions{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap}@media (max-width: 980px){.brand-sub{display:none}.topbar{gap:8px 10px;padding:6px 10px}.btn{padding:4px 8px;font-size:12px}.preset-select,.frame-select{max-width:180px}.ctl-inline{width:150px}.music-icon{display:none}.btn-music{padding:3px 7px;font-size:11px}}@media (max-width: 820px){.contact-btn{bottom:92px}.clock{font-size:11px}.chip{display:none}.brand-name{font-size:13px}}@media (max-width: 640px){.transport .btn,.topbar .btn{padding:4px 6px;font-size:11px}.music-group{padding:2px 5px}.ctl-inline{width:110px}.sandbox-hint{font-size:11px;padding:6px 12px}}.body-label{color:#cfe0ff;font-size:11px;font-family:inherit;white-space:nowrap;text-shadow:0 0 4px #000;background:#060a148c;padding:1px 6px;border-radius:4px}.com-label{color:#fff;opacity:.8}.spotify-wrap{position:relative}.btn-spotify{border-color:#1db954;color:#1db954}.spotify-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:70;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:10px;width:min(320px,calc(100vw - 24px));max-height:72vh;overflow-y:auto;box-shadow:0 12px 34px var(--shadow);display:flex;flex-direction:column;gap:8px}.spotify-note{border-left:2px solid var(--warn);padding-left:8px}.spotify-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.spotify-now{display:flex;gap:8px;align-items:center}.spotify-now img{width:40px;height:40px;border-radius:5px;object-fit:cover}.spotify-now-text{display:flex;flex-direction:column;min-width:0}.spotify-now-text b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-now-text em{font-style:normal;font-size:10px;color:var(--ink-dim)}.spotify-transport{display:flex;gap:5px;align-items:center}.spotify-transport input[type=range]{flex:1;min-width:60px}.spotify-lists{display:flex;flex-direction:column;gap:2px;max-height:250px;overflow-y:auto}.spotify-item{display:flex;gap:8px;align-items:center;text-align:left;background:none;border:1px solid transparent;border-radius:7px;padding:5px 6px;cursor:pointer;color:var(--ink);font:inherit}.spotify-item:hover{background:var(--surface-2);border-color:var(--panel-edge)}.spotify-thumb{flex:0 0 auto;width:30px;height:30px;border-radius:4px;background:var(--surface-2);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--ink-dim)}.spotify-liked{color:#1db954}.spotify-item-text{display:flex;flex-direction:column;min-width:0}.spotify-item-text b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-item-text em{font-style:normal;font-size:10px;color:var(--ink-dim)}.universe-wrap{position:relative}.universe-swatch{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid;margin-right:6px;vertical-align:-1px}.universe-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:70;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:6px;width:min(340px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;box-shadow:0 12px 34px var(--shadow);display:flex;flex-direction:column;gap:2px}.universe-option{display:flex;gap:10px;align-items:flex-start;text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:7px 8px;cursor:pointer;color:var(--ink);font:inherit}.universe-option:hover{background:var(--surface-2);border-color:var(--panel-edge)}.universe-option.active{border-color:var(--accent);background:var(--surface-2)}.universe-preview{flex:0 0 auto;width:42px;height:30px;border-radius:5px;border:1px solid;display:flex;align-items:flex-end;gap:2px;padding:3px}.universe-preview i{display:block;flex:1;height:3px;border-radius:2px}.universe-text{display:flex;flex-direction:column;gap:2px;min-width:0}.universe-text b{font-size:12px}.universe-text em{font-style:normal;font-size:10px;color:var(--ink-dim);line-height:1.45}:root[data-theme=light] .btn{box-shadow:0 1px #17203a0a}:root[data-theme=light] .brand-name{color:var(--accent)}:root[data-theme=light] .world-card:hover{box-shadow:0 6px 18px var(--shadow)}:root[data-theme=light] .body-label,:root[data-theme=light] .drop-label{background:#ffffffbf;color:#17203a;text-shadow:none}:root[data-theme=light] .com-label{color:#17203a}