:root{--bg: #0f1115;--fg: #e7e9ee;--mut: #9aa3b2;--acc: #5ab0ff;--header-collapsed-h: 72px}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;position:relative;overflow:hidden}header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--bg);border-bottom:1px solid #1b1f2a}.toolbar-main{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 16px 10px}#controlsMain{display:contents}.toolbar-extra{position:absolute;left:0;right:0;top:100%;padding:4px 16px 10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #1b1f2a;background:var(--bg);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .22s ease,transform .28s ease}header:hover .toolbar-extra,header:focus-within .toolbar-extra{opacity:1;transform:translateY(0);pointer-events:auto}.pill{background:#151923;border:1px solid #202637;border-radius:12px;padding:4px 8px;display:flex;gap:8px;align-items:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}h1{font-size:15px;margin:0;padding-right:8px}input[type=file]{color:var(--mut);max-width:200px}input[type=number]{width:72px;background:#0b0e14;border:1px solid #283043;color:var(--fg);border-radius:8px;padding:4px 6px;font-size:13px}.btn{padding:6px 10px;border-radius:10px;border:1px solid #2a354b;background:#172033;color:#dfe7f5;cursor:pointer}.btn:hover{background:#1b2940}.iso-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.iso-title{color:var(--mut)}.iso-list{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.iso-chip{display:inline-flex;gap:6px;align-items:center;padding:2px 6px;border-radius:10px;background:#0f1420;border:1px solid #233048;color:#dfe7f5;font-size:12px}.iso-swatch{width:12px;height:12px;border-radius:3px;background:var(--iso-color, #5ab0ff);border:1px solid #2a354b}.iso-remove{border:none;background:transparent;color:var(--mut);cursor:pointer;font-size:12px;padding:0 2px}.iso-empty{color:var(--mut);font-size:12px}.sep{width:1px;height:28px;background:#212636;margin:0 6px}#status{color:var(--mut)}#host{position:absolute;top:var(--header-collapsed-h);left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}#cwrap{position:relative;display:block}#cvs{width:100%;height:100%;display:block;background:#0b0e14;cursor:default}.nav-ui{position:absolute;right:12px;bottom:32px;display:flex;gap:8px;align-items:center;z-index:55}.legend{background:#0c111a99;border:1px solid #263147;color:#d7deee;padding:8px 10px;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;max-width:min(280px,50vw)}.legend b{color:#fff}.compass{--rot: 0rad;position:relative;width:36px;height:36px;border-radius:999px;background:#0c111a99;border:1px solid #263147;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:grab;box-shadow:0 6px 18px #00000059}.compass:active{cursor:grabbing}.compass:before{content:"";width:2px;height:16px;border-radius:2px;background:linear-gradient(to bottom,#ff6a6a 0 50%,#e6f0ff 50% 100%);transform:rotate(var(--rot));transform-origin:center center}.compass:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#0b0e14;border:1px solid #5b6b87}label small{color:#9aa3b2}.tip{position:relative;cursor:help;outline:none}.tip:focus-visible{box-shadow:0 0 0 2px #2a354b;border-radius:8px}.tip:hover:after,.tip:focus:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);max-width:360px;padding:8px 10px;border-radius:10px;background:#0c111a;color:#dfe7f5;border:1px solid #283043;box-shadow:0 6px 22px #00000059;font-size:12px;line-height:1.35;white-space:normal;z-index:50}.tip:hover:before,.tip:focus:before{content:"";position:absolute;left:12px;top:100%;border:6px solid transparent;border-bottom-color:#283043;transform:translateY(-1px)}.tip:hover:after,.tip:focus:after{margin-top:1px}#busyDialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c111a73}#busyDialog.busy{border:1px solid #263147;background:#0c111a;color:#dfe7f5;border-radius:14px;padding:16px;width:min(520px,calc(100% - 32px));max-width:520px;box-shadow:0 14px 60px #00000073}.iso-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c111a73}#isoDialog.iso-dialog{border:1px solid #263147;background:#0c111a;color:#dfe7f5;border-radius:12px;padding:14px;width:min(380px,calc(100% - 32px));box-shadow:0 14px 40px #00000059}.iso-dialog-title{font-weight:600;margin-bottom:10px}.iso-dialog-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.iso-dialog-actions{display:flex;gap:8px;justify-content:flex-end}input[type=color]{width:36px;height:30px;padding:0;border:none;background:transparent}.busy-wrap{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid #2b3347;border-top-color:var(--acc);animation:spin .9s linear infinite;margin-top:2px}@keyframes spin{to{transform:rotate(360deg)}}.busy-title{font-weight:600;margin-bottom:4px}.busy-step{color:var(--mut);margin-bottom:8px}.busy-log{margin:0;padding-left:18px;max-height:220px;overflow:auto;font-size:12px;line-height:1.45;color:#cfd6e6}.busy-log li{margin:2px 0}.busy-log .ms{color:var(--mut)}.perf-log{flex-basis:100%;border-top:1px dashed #223049;margin-top:8px;padding-top:8px;color:#b9c3d7;font-size:12px;max-height:120px;overflow:auto}.perf-log .run{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:4px 0}.perf-log .steps{display:flex;flex-wrap:wrap;gap:8px}.perf-log .chip{background:#121826;border:1px solid #223049;border-radius:10px;padding:2px 6px;white-space:nowrap}.perf-log .tot{color:#dfe7f5;font-weight:600}.dev-only{display:none!important}.dev-mode .dev-flex{display:flex!important}.dev-mode .dev-block{display:block!important}.dev-mode .dev-inline{display:inline-flex!important}.version-badge{position:fixed;left:12px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0c111abf;border:1px solid #263147;color:var(--mut);font-size:11px;line-height:1.3;pointer-events:none;z-index:60}