:root{--bg: #0b0f14;--panel: #0f1620;--panel2: #111b28;--text: #e7eefb;--muted: #9fb2d2;--accent: #7c5cff;--accent2: #00d0ff;--border: rgba(255, 255, 255, .08);--borderStrong: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .5);--shadow-elev-1: 0 12px 28px rgba(0, 0, 0, .35);--shadow-elev-2: 0 18px 50px rgba(0, 0, 0, .25);--shadow-elev-3: 0 22px 70px rgba(0, 0, 0, .35);--danger: #ff4d4d;--ok: #2be4a7;--warn: #ffcf5c;--radius: 12px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--page-bg: radial-gradient(1200px 700px at 20% 10%, rgba(124, 92, 255, .22), transparent 60%), radial-gradient(900px 600px at 80% 20%, rgba(0, 208, 255, .15), transparent 55%), var(--bg);--topbar-bg: linear-gradient(180deg, rgba(17, 27, 40, .85), rgba(15, 22, 32, .65));--panel-bg: linear-gradient(180deg, rgba(17, 27, 40, .8), rgba(15, 22, 32, .55));--bottombar-bg: rgba(15, 22, 32, .65);--toolbarGroup-bg: rgba(0, 0, 0, .18);--seg-bg: rgba(0, 0, 0, .15);--card-bg: rgba(255, 255, 255, .03);--row-bg: rgba(255, 255, 255, .03);--row-bg2: rgba(255, 255, 255, .02);--menu-bg: rgba(0, 0, 0, .68);--input-bg: rgba(0, 0, 0, .25);--btn-bg: rgba(255, 255, 255, .04);--btn-bg-hover: rgba(255, 255, 255, .07);--btn-toggle-bg: rgba(255, 255, 255, .03);--btn-toggle-bg-hover: rgba(255, 255, 255, .06);--btn-toggle-on-bg: rgba(124, 92, 255, .14);--btn-toggle-on-bg-hover: rgba(124, 92, 255, .18);--hud-bg: rgba(0, 0, 0, .35);--hud-border: var(--border);--hud-fg: var(--muted);--toast-bg: rgba(0, 0, 0, .55);--toast-border: var(--border);--toast-fg: var(--text);--toast-muted: var(--muted);--tag-bg: rgba(0, 0, 0, .55);--tag-border: var(--borderStrong);--tag-fg: var(--text);--badge-bg: rgba(0, 0, 0, .22);--tooltip-bg: rgba(0, 0, 0, .72);--tooltip-border: rgba(255, 255, 255, .14);--tooltip-fg: var(--text);--brand-border: rgba(255, 255, 255, .12)}:root[data-theme=light]{--bg: #f4f7fb;--panel: #ffffff;--panel2: #f5f7fb;--text: #152235;--muted: #4f657f;--border: rgba(0, 0, 0, .1);--borderStrong: rgba(0, 0, 0, .14);--shadow: rgba(0, 0, 0, .14);--shadow-elev-1: none;--shadow-elev-2: none;--shadow-elev-3: none;--page-bg: radial-gradient(1200px 700px at 20% 10%, rgba(124, 92, 255, .12), transparent 60%), radial-gradient(900px 600px at 80% 20%, rgba(0, 208, 255, .1), transparent 55%), var(--bg);--topbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(245, 247, 252, .74));--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(245, 247, 252, .72));--bottombar-bg: rgba(255, 255, 255, .72);--toolbarGroup-bg: rgba(255, 255, 255, .62);--seg-bg: rgba(255, 255, 255, .68);--card-bg: rgba(255, 255, 255, .78);--row-bg: rgba(255, 255, 255, .72);--row-bg2: rgba(255, 255, 255, .62);--menu-bg: rgba(255, 255, 255, .92);--input-bg: rgba(255, 255, 255, .78);--btn-bg: rgba(0, 0, 0, .03);--btn-bg-hover: rgba(0, 0, 0, .06);--btn-toggle-bg: rgba(0, 0, 0, .03);--btn-toggle-bg-hover: rgba(0, 0, 0, .06);--hud-bg: rgba(255, 255, 255, .65);--hud-border: rgba(0, 0, 0, .12);--hud-fg: #465c75;--toast-bg: rgba(255, 255, 255, .78);--toast-border: rgba(0, 0, 0, .12);--toast-fg: var(--text);--toast-muted: var(--muted);--tag-bg: rgba(255, 255, 255, .72);--tag-border: rgba(0, 0, 0, .12);--tag-fg: var(--text);--badge-bg: rgba(255, 255, 255, .55);--tooltip-bg: rgba(17, 27, 40, .92);--tooltip-border: rgba(255, 255, 255, .18);--tooltip-fg: #f7fbff;--brand-border: rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--page-bg);overflow:hidden}a{color:inherit}.app{height:100vh;display:grid;grid-template-rows:auto 1fr 44px}.topbar{min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:5000}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 28px var(--shadow)}.brand h1{font-size:14px;margin:0;letter-spacing:.2px}.brand .sub{font-size:12px;color:var(--muted)}.brandText{display:flex;flex-direction:column;line-height:1.1}.brandLogo{height:56px;width:fit-content;display:inline-flex;align-items:center;padding:0 10px;border-radius:10px;overflow:hidden;background:transparent;border:none;box-shadow:none;flex:none}.brandLogo img{height:100%;width:auto;display:block;object-fit:contain;object-position:left center}.toolbar{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.toolbarGroup{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--toolbarGroup-bg)}.toolbarDivider{width:1px;height:26px;background:var(--border);margin:0 4px}.menu{position:relative;display:inline-flex}.btn.menuButton{gap:8px;padding:0 10px}.btn.menuButton .menuButtonLabel{font-weight:650;letter-spacing:.2px}.btn.menuButton .chev{opacity:.7}.btn.menuButton.active{background:#7c5cff29;border-color:#7c5cff59}.menuPopover{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;min-width:230px;padding:6px;border:1px solid var(--borderStrong);background:var(--menu-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-elev-2)}.menuItem{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;border-radius:10px;background:transparent;color:var(--text);font-size:12px;cursor:pointer;text-align:left}.menuItem:hover{background:#7c5cff24}.menuItem:active{transform:translateY(1px)}.menuItem[disabled]{opacity:.55;cursor:not-allowed}.menuHint{margin-left:auto;font-size:11px;color:var(--muted)}.menuSep{height:1px;background:var(--border);margin:6px}.btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:10px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--btn-bg-hover);border-color:#7c5cff59}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#7c5cff40,#00d0ff2e);border-color:#7c5cff59}.btn.danger{border-color:#ff4d4d59;background:#ff4d4d14}.btn.pill{border-radius:999px}.btn[disabled]{opacity:.5;cursor:not-allowed}.ico{width:16px;height:16px;display:inline-block}.btn.iconOnly{width:34px;padding:0}.btn[data-tip]{position:relative}.btn[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px);padding:4px 8px;border-radius:999px;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elev-1);color:var(--tooltip-fg);font-size:11px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;z-index:2500;transition:opacity .12s ease,transform .12s ease}.btn[data-tip]:hover:after,.btn[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:none){.btn[data-tip]:after{display:none}}.btn.toggle{color:var(--muted);background:var(--btn-toggle-bg)}.btn.toggle:hover{background:var(--btn-toggle-bg-hover);border-color:#ffffff1f}.btn.toggle.on{color:var(--text);background:var(--btn-toggle-on-bg);border-color:#7c5cff47}.btn.toggle.on:hover{background:var(--btn-toggle-on-bg-hover);border-color:#7c5cff61}.seg{display:flex;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--seg-bg)}.seg button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;color:var(--muted);padding:7px 10px;font-size:12px;cursor:pointer}.seg button.active{color:var(--text);background:#7c5cff40}.content{display:grid;grid-template-columns:320px 1fr 320px;min-height:0}.panel{border-right:1px solid var(--border);background:var(--panel-bg);min-height:0;overflow:hidden}.panel.right{border-right:none;border-left:1px solid var(--border)}.panelHeader{padding:12px 12px 8px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panelHeader .title{font-size:13px;letter-spacing:.2px}.panelHeader .hint{font-size:11px;color:var(--muted)}.panelBody{padding:12px;overflow:auto;height:100%}.card{border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-elev-2)}.field{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px;margin:8px 0}.field label{font-size:11px;color:var(--muted)}.field input,.field select{width:100%;padding:7px 8px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);outline:none}.field input:focus,.field select:focus{border-color:#7c5cff73}.scene{position:relative;min-height:0}.canvasHost{position:absolute;inset:0}.canvasOverlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.instanceTag{position:absolute;padding:6px 10px;border-radius:999px;border:1px solid var(--tag-border);background:var(--tag-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elev-1);font-size:11px;color:var(--tag-fg);transform:translate(-50%,-115%);white-space:nowrap}.instanceTag b{color:var(--accent2);font-weight:700}.rotateHints{position:absolute;inset:0;pointer-events:none}.rotateHint,.rotateHintCenter{position:absolute;transform:translate(-50%,-50%)}.rotateHint{width:20px;height:20px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;box-sizing:border-box;filter:drop-shadow(0 0 4px rgba(0,0,0,.42))}.rotateHint:after{content:"";position:absolute;right:-5px;top:-3px;width:0;height:0;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(18deg)}.rotateHintTop{color:#ff9b74;transform:translate(-50%,-50%) rotate(38deg)}.rotateHintLeft{color:#9ce772;transform:translate(-50%,-50%) rotate(186deg)}.rotateHintRight{color:#74eaff;transform:translate(-50%,-50%) rotate(312deg)}.rotateHintCenter{width:12px;height:12px;border-radius:3px;border:1px solid rgba(82,63,10,.7);background:#ffe14f;box-shadow:0 0 0 1px #ffe14f8c,0 0 7px #ffe14f73}.hud{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--hud-border);background:var(--hud-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elev-1);font-size:12px;color:var(--hud-fg)}.statusDot{width:8px;height:8px;border-radius:999px;background:var(--muted)}.statusDot.ok{background:var(--ok)}.statusDot.warn{background:var(--warn)}.statusDot.bad{background:var(--danger)}.bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bottombar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;color:var(--muted)}.list{display:grid;gap:8px}.partRow{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--row-bg);cursor:pointer}.partRow:hover{border-color:#7c5cff59;background:#7c5cff14}.partRow.placing{border-color:#00d0ff73;background:#00d0ff1f}.swatch{width:40px;height:32px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,#7c5cff4d,#00d0ff33)}.swatch.partIcon{display:block;object-fit:contain;background:#ffffff0a;padding:1px}.placementCursor{position:fixed;left:0;top:0;transform:translate(12px,12px);display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;border:1px solid var(--borderStrong);background:#0b0f14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eef4ff;font-size:11px;z-index:8000;pointer-events:none;box-shadow:var(--shadow-elev-1)}.placementCursorSwatch{width:18px;height:14px;border-radius:5px;border:1px solid var(--borderStrong);background:silver}.placementCursorSwatch.partIcon{width:20px;height:16px;border-radius:4px;object-fit:contain;background:#ffffff12;padding:1px}.placementCursorLabel{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted);font-size:12px;line-height:1.35}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hr{height:1px;background:var(--border);margin:12px 0}.toast{position:absolute;right:12px;top:12px;pointer-events:none;display:flex;flex-direction:column;gap:8px}.toastItem{pointer-events:none;padding:10px 12px;border-radius:12px;border:1px solid var(--toast-border);background:var(--toast-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elev-1);color:var(--toast-fg);font-size:12px;max-width:340px}.toastItem .small{color:var(--toast-muted);font-size:11px;margin-top:4px}.help{font-size:12px;color:var(--muted)}.btn:focus-visible,.seg button:focus-visible,.field input:focus-visible,.field select:focus-visible{outline:none;box-shadow:0 0 0 3px #7c5cff40;border-color:#7c5cff8c}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--badge-bg);font-size:11px;color:var(--muted)}.btnSmall{height:28px;padding:0 10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:10px;font-size:11px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.btnSmall:hover{background:#ffffff12;border-color:#7c5cff59}.btnSmall:active{transform:translateY(1px)}.btnSmall.danger{border-color:#ff4d4d59;background:#ff4d4d14}.modelRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--row-bg2)}.modelRow:hover{border-color:#7c5cff40;background:#7c5cff0f}.rowTitle{font-size:13px;color:var(--text)}.rowMeta{margin-top:4px;font-size:12px;color:var(--muted)}.rowActions{display:inline-flex;align-items:center;gap:8px}