:root{--bg: #f2f5fa;--surface: rgba(255, 255, 255, .94);--surface-border: rgba(24, 38, 59, .14);--text: #102038;--muted: #4b5f7d;--shadow: 0 12px 36px rgba(19, 32, 54, .16);--button-bg: #0f3d89;--button-fg: #ffffff;--button-alt-bg: #e9eef9;--button-alt-fg: #173971;--panel-width: 360px}:root[data-theme=dark]{--bg: #090d15;--surface: rgba(16, 24, 38, .9);--surface-border: rgba(177, 197, 228, .2);--text: #ecf3ff;--muted: #9bb0d3;--shadow: 0 14px 40px rgba(3, 8, 20, .45);--button-bg: #2f88ff;--button-fg: #031530;--button-alt-bg: #1f2e46;--button-alt-fg: #d8e6ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text)}body{background:radial-gradient(circle at 12% 16%,rgba(75,160,255,.26),transparent 30%),radial-gradient(circle at 86% 22%,rgba(129,207,255,.2),transparent 28%),linear-gradient(155deg,#94b8ef 0%,var(--bg) 44%,#d8e4f9 100%);transition:background .22s ease}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 15%,rgba(65,121,193,.18),transparent 30%),radial-gradient(circle at 80% 25%,rgba(96,164,255,.16),transparent 30%),linear-gradient(145deg,#0f1a2c 0%,var(--bg) 45%,#081221 100%)}#viewport{display:block;width:100%;height:100%;outline:none}#ui-root{position:fixed;top:16px;right:16px;bottom:16px;width:min(var(--panel-width),calc(100vw - 32px));pointer-events:none}.ui-panel{height:100%;display:grid;grid-template-rows:auto auto 1fr;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 10px}.panel-header h2{margin:0;font-size:1.05rem}.theme-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted)}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 12px}button{border:none;border-radius:10px;padding:10px 12px;font-weight:600;font-size:.84rem;background:var(--button-bg);color:var(--button-fg);cursor:pointer}button:hover{filter:brightness(1.08)}.button-secondary{background:var(--button-alt-bg);color:var(--button-alt-fg)}.part-list{overflow:auto;padding:0 12px 14px}.part-card{border:1px solid var(--surface-border);border-radius:12px;margin:8px 4px;padding:12px;background:color-mix(in srgb,var(--surface) 72%,transparent)}.part-title{margin:0 0 12px;font-size:.92rem}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.control-label{font-size:.8rem;color:var(--muted);flex:1}input[type=range]{width:62%}input[type=color]{border:1px solid var(--surface-border);background:transparent;width:42px;height:30px;border-radius:8px;cursor:pointer}.status{position:fixed;left:16px;bottom:16px;padding:10px 14px;border-radius:10px;background:#080c12d6;color:#f8fcff;font-size:.88rem}.status.error{background:#851b1be6}@media(max-width:900px){#ui-root{inset:auto 8px 8px;width:auto;height:min(54vh,420px)}.ui-panel{border-radius:14px}.part-list{padding-bottom:8px}.status{left:8px;right:8px;bottom:calc(min(54vh,420px) + 16px)}}