.model-viewer-studio{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:580px;overflow:hidden;border:1px solid var(--border, #34545b);border-radius:14px;background:var(--surface, #12262c);color:var(--text, #eaf2ef);font-family:ui-sans-serif,system-ui,sans-serif}.model-viewer-studio>model-viewer{display:block;width:100%;height:580px;background:radial-gradient(circle at 50% 45%,var(--viewer-center, #466d70),var(--viewer-edge, #102127))}.studio-controls{box-sizing:border-box;height:580px;overflow:auto;border-left:1px solid var(--border, #34545b);background:var(--surface, #13292f);padding:.9rem;scrollbar-color:var(--border, #52767c) transparent;color:var(--text, #eaf2ef);font:400 14px/1.4 ui-sans-serif,system-ui,sans-serif}.studio-controls *{box-sizing:border-box}.studio-controls__heading{font-size:1.08rem;font-weight:800;margin-bottom:.8rem}.studio-controls__preset,.studio-controls__parameter{display:grid;gap:.34rem;color:var(--text, #dbe8e6);font-size:.86rem;margin-bottom:.8rem}.studio-controls__preset select,.studio-controls__parameter select,.studio-controls__parameter input[type=text]{width:100%;border:1px solid var(--border, #52767c);border-radius:6px;background:var(--input, #0d1d22);color:var(--text, #eaf2ef);padding:.5rem;font:inherit}.studio-controls__parameter input[type=color]{width:100%;height:32px}.studio-controls__parameter input[type=range]{width:100%;accent-color:var(--accent, #59d2b1)}.studio-controls__parameter output{color:var(--muted, #a4c7c3);font-size:.76rem;text-align:right}.studio-controls__effect{border-top:1px solid var(--border, #34545b);padding:.55rem 0}.studio-controls__effect summary{font-weight:700;cursor:pointer}.studio-controls__effect summary input{accent-color:var(--accent, #59d2b1)}.studio-controls__effect>label:first-of-type{margin-top:.8rem}.studio-controls :is(button,input,select):focus-visible,.studio-xr-overlay :is(button,input,select):focus-visible{outline:3px solid var(--focus, #f8cb75);outline-offset:2px}.studio-xr-overlay{--text: #fff;--muted: #c6d6d6;--border: #52767c;--input: #0d1d22;--accent: #43bda1;--focus: #f8cb75;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;color:#fff;font-family:ui-sans-serif,system-ui,sans-serif}.studio-xr-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#09242bdc;padding:.6rem .8rem;border-radius:9px;font-size:.85rem}.studio-xr-top button{cursor:pointer;border:1px solid #52c8ab;border-radius:8px;background:#43bda1;color:#062620;padding:.62rem .9rem;font:700 14px ui-sans-serif,system-ui,sans-serif}.studio-xr-top button,.studio-xr-overlay .studio-controls{pointer-events:auto}.studio-xr-overlay .studio-controls{position:absolute;right:12px;bottom:12px;width:min(280px,calc(100vw - 24px));height:min(44vh,360px);border:1px solid #52767c;border-radius:9px;background:#09242be8}@media(max-width:700px){.model-viewer-studio{grid-template-columns:1fr}.model-viewer-studio>model-viewer{height:58vh;min-height:340px}.model-viewer-studio>.studio-controls{height:270px;border-left:0;border-top:1px solid var(--border, #34545b)}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:light;--page: #f7f7f5;--surface: #fff;--text: #222522;--muted: #626a64;--border: #d9ddd8;--input: #fff;--accent: #32685d;--accent-ink: #fff;--focus: #a76128;--error: #a83f32;--viewer-center: #e6eae6;--viewer-edge: #cdd5d0;color:var(--text);background:var(--page)}:root[data-theme=notion-ink]{color-scheme:dark;--page: #191919;--surface: #242424;--text: #f4f4f1;--muted: #b8b8b4;--border: #414141;--input: #2c2c2c;--accent: #d6d8d2;--accent-ink: #20211f;--focus: #e9bd80;--error: #ffb6a9;--viewer-center: #4c5150;--viewer-edge: #282c2b}:root[data-theme=notion-warm]{--page: #f8f3e9;--surface: #fffaf1;--text: #302b25;--muted: #70685d;--border: #ddd3c4;--input: #fffdf8;--accent: #7b6048;--accent-ink: #fff;--focus: #ad672b;--error: #a63e30;--viewer-center: #eee1cc;--viewer-edge: #d4c5b1}:root[data-theme=notion-slate]{--page: #edf0f1;--surface: #fafbfb;--text: #263238;--muted: #5d6b70;--border: #cdd7da;--input: #fff;--accent: #466a78;--accent-ink: #fff;--focus: #aa6228;--error: #a43d32;--viewer-center: #dce5e8;--viewer-edge: #bccbd1}:root[data-theme=emerald]{color-scheme:dark;--page: #0b1519;--surface: #13292f;--text: #eaf2ef;--muted: #a9bfc0;--border: #34545b;--input: #0d1d22;--accent: #43bda1;--accent-ink: #062620;--focus: #f8cb75;--error: #ffb69d;--viewer-center: #466d70;--viewer-edge: #102127}:root[data-theme=rose]{--page: #faf5f4;--surface: #fffdfc;--text: #382d30;--muted: #75676b;--border: #e4d5d8;--input: #fff;--accent: #92586b;--accent-ink: #fff;--focus: #9b622d;--error: #a13c31;--viewer-center: #f0e0e3;--viewer-edge: #d9c3ca}:root[data-theme=midnight]{color-scheme:dark;--page: #101722;--surface: #192332;--text: #eef2f7;--muted: #abb8c9;--border: #37475c;--input: #111b29;--accent: #a5bedf;--accent-ink: #102037;--focus: #f4c477;--error: #ffb5a9;--viewer-center: #415674;--viewer-edge: #19283d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-ink);padding:.62rem .9rem;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.5;filter:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.app{max-width:1550px;margin:auto;padding:1.5rem}.app-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.app-header h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.theme-picker{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem;min-width:170px}.theme-picker select{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:.5rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.2rem;align-items:start}.viewer-column,.asset-panel{min-width:0}.viewer-actions,.button-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.ar-note,.helper{color:var(--muted);font-size:.85rem;line-height:1.5}.status{min-height:1.5rem;color:var(--accent)}.status[data-error=true]{color:var(--error)}.asset-panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:1.1rem}.asset-panel h2{font-size:1.05rem;margin:0 0 .65rem}.asset-panel p{color:var(--muted);font-size:.88rem;line-height:1.5}.asset-panel form{margin-bottom:1rem}.asset-panel hr{border:0;border-top:1px solid var(--border);margin:1.4rem 0}.asset-panel .field{display:grid;gap:.34rem;color:var(--text);font-size:.86rem;margin-bottom:.8rem}.asset-panel .field input,.asset-panel .field select{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);padding:.5rem}.asset-panel select:disabled{opacity:.55}@media(max-width:1100px){.workspace{grid-template-columns:1fr}}@media(max-width:700px){.app{padding:.8rem}.app-header{align-items:center}.theme-picker{min-width:138px}}