:root{--bg:#15171c;--panel:#1f2229;--panel-2:#262a32;--line:#333843;--text:#e6e8ec;--muted:#aeb6c2;--accent:#86a9ff;--accent-solid:#2f55ff;--on-accent:#fff;--focus:#6db0ff;--link:#8ab4f8;--warn:#e0a458;--code-bg:#111317;--overlay:#15171cb8;--viewer-bg:#0f1115;--viewer-grid:#565f6e;--viewer-grid-2:#20252e;--viewer-model:#6f93ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f7;--panel:#fff;--panel-2:#eef0f3;--line:#d4d8de;--text:#1c1f24;--muted:#5b6472;--accent:#1d4ed8;--accent-solid:#1f3df5;--on-accent:#fff;--focus:#2563eb;--link:#1558c0;--warn:#9a5512;--code-bg:#eef1f5;--overlay:#ffffffb8;--viewer-bg:#dde1e6;--viewer-grid:#8b94a0;--viewer-grid-2:#c4cad1;--viewer-model:#3a5fd0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (forced-colors:active){:focus-visible{outline-color:highlight}.spinner{border-color:highlight canvastext canvastext}.badge{border:1px solid canvastext}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:.875rem/1.45 system-ui,sans-serif}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--panel);color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:.4rem .7rem;transition:top .15s;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding:.6rem 1rem;display:flex}.topbar h1{align-items:center;margin:0;font-size:1rem;font-weight:600;display:flex}.brand-logo{width:auto;height:1.6rem;display:block}.topbar .status{color:var(--muted);margin-left:auto}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-shrink:0;width:400px;padding:1rem;overflow-y:auto}.preview{flex-direction:column;flex:1;min-width:0;display:flex}.viewer-wrap{flex:1;min-height:0;display:flex;position:relative}.viewer{flex:1;min-height:0}.viewer canvas{width:100%;height:100%;display:block}.viewer-overlay{background:var(--overlay);color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;font-size:.9rem;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.viewer-error{text-align:center;background:var(--panel);color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:1rem;display:flex}.viewer-error-detail{color:var(--muted);font-size:.82rem}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.sidebar{transition:none}}.diagnostics{border-top:1px solid var(--line);background:var(--panel);max-height:9rem;margin:0;padding:.4rem 1rem;list-style:none;overflow-y:auto}.diag{align-items:baseline;gap:.5rem;padding:.2rem 0;font-size:.82rem;display:flex}.diag-icon{flex-shrink:0}.diag-advisory .diag-icon{color:var(--accent)}.diag-warning .diag-icon{color:var(--warn)}.diag-text{color:var(--text)}.preview-actions{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.preview-actions .auto-render{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;margin-right:auto;font-size:.85rem;display:inline-flex}.preview-actions button{align-items:center;gap:.4rem;display:inline-flex}.preview-actions button svg{flex:none}.preview-actions .primary{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid);font-weight:600}.preview-actions .primary:hover:not(:disabled){border-color:var(--accent-solid);filter:brightness(1.08)}.render-pending{border-bottom:1px solid var(--line);border-left:3px solid var(--accent-solid);background:var(--panel-2);color:var(--text);flex-wrap:wrap;align-items:center;gap:.6rem .75rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.render-pending-text{margin-right:auto}.render-pending .primary{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.render-pending .primary:hover:not(:disabled){border-color:var(--accent-solid);filter:brightness(1.08)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.35rem .7rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}select,input[type=text],input[type=number]{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:.3rem .4rem}.preset-bar{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.preset-bar .row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.preset-bar select{flex:1;min-width:8rem}.preset-bar .hint{color:var(--muted);font-size:.8rem}.param-group{border:1px solid var(--line);border-radius:8px;margin:0 0 .8rem;padding:0 .7rem}.param-group>summary{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:.55rem .2rem;font-size:.9rem;font-weight:600;list-style:none;display:flex}.param-group>summary::-webkit-details-marker{display:none}.param-group>summary:before{content:"▸";text-align:center;width:1.1em;color:var(--accent);margin-right:.35rem;font-size:1.05em;line-height:1;transition:transform .12s;display:inline-block}.param-group[open]>summary:before{transform:rotate(90deg)}.param-group>summary:focus-visible{outline:2px solid var(--focus);border-radius:4px}.param-group[open]{padding-bottom:.5rem}@media (prefers-reduced-motion:reduce){.param-group>summary:before{transition:none}}.param{flex-direction:column;gap:.3rem;margin:.7rem 0;display:flex}.param-label{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.param-desc{color:var(--text)}.param-var{color:var(--muted);flex-shrink:0;font:11px ui-monospace,monospace}.control-row{align-items:center;gap:.5rem;display:flex}.control-row input[type=range]{flex:1;min-width:0}.control-row input[type=number]{width:5rem}.param select,.param input[type=text]{width:100%}.param input[type=checkbox]{align-self:flex-start}.log-panel{background:var(--panel);border-top:1px solid var(--line)}.log-toggle{text-align:left;background:0 0;border:none;border-radius:0;width:100%}.badge{background:var(--accent-solid);color:var(--on-accent);border-radius:10px;margin-left:.5rem;padding:0 .5rem;font-size:.75rem}.log{background:var(--code-bg);max-height:11rem;color:var(--muted);white-space:pre-wrap;margin:0;padding:.6rem 1rem;font:12px/1.4 ui-monospace,monospace;overflow:auto}.menu-toggle,.sidebar-close,.backdrop{display:none}.menu-toggle{padding:.3rem .6rem;font-size:1.1rem;line-height:1}.sidebar-close{align-self:flex-end;margin-bottom:.5rem}@media (max-width:820px){.menu-toggle,.sidebar-close{display:inline-flex}.topbar{flex-wrap:wrap;gap:.6rem 1rem}.topbar .status{width:100%;margin-left:0}.sidebar{z-index:50;border-right:1px solid var(--line);width:min(420px,88vw);height:100%;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000080}.app.menu-open .sidebar{transform:translate(0)}.app.menu-open .backdrop{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.preset-bar select{flex:100%}}@media (max-width:480px){.topbar,.preview-actions{padding:.5rem .75rem}.preview-actions button{flex:1}}.icon-btn{justify-content:center;align-items:center;padding:.35rem;line-height:0;display:inline-flex}.icon-row{gap:.5rem}.licenses-btn{padding:.3rem}.btn-labeled{align-items:center;gap:.4rem;display:inline-flex}.btn-labeled svg{flex:none}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.grp-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.55rem 0 .2rem;font-size:.72rem}.form-toolbar{justify-content:flex-end;margin:.2rem 0 .6rem;display:flex}.reset-link{color:var(--muted);background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .3rem;display:inline-flex}.reset-link svg{flex:none}.reset-link:hover:not(:disabled){color:var(--text);border:none}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:min(680px,100%);max-height:min(80vh,760px);display:flex;box-shadow:0 12px 40px #00000080}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.modal-head h2{margin:0;font-size:1.05rem}.modal-intro{color:var(--muted);margin:.8rem 1rem 0;font-size:.85rem}.modal-intro p{margin:0}.modal-intro a,.license-entry a{color:var(--link)}.modal-body{padding:.5rem 1rem 1rem;overflow-y:auto}.help-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.15rem;margin:.6rem 1rem 0;display:flex}.help-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.4rem .7rem;font-size:.88rem}.help-tab:hover{color:var(--text)}.help-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.help-tab-intro{color:var(--muted);margin:0 0 .6rem;font-size:.85rem}.help-tab-intro p{margin:0}.help-tab-intro a{color:var(--link)}.help-body section{margin:.9rem 0}.help-body h3{color:var(--accent);margin:0 0 .25rem;font-size:.95rem}.help-body p{color:var(--text);margin:0;font-size:.88rem;line-height:1.5}.help-body ul{color:var(--text);margin:.35rem 0 0;padding-left:1.1rem;font-size:.88rem;line-height:1.5}.help-body li{margin:.2rem 0}.help-body code{background:var(--panel-2);border-radius:4px;padding:0 .2rem;font:12px ui-monospace,monospace}.update-toast{z-index:200;background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.55rem .6rem .55rem .9rem;font-size:.88rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.update-toast .primary{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid)}.update-toast .link-btn{color:var(--muted);background:0 0;border:none;text-decoration:underline}.modal-intro code{background:var(--panel-2);border-radius:4px;padding:0 .2rem;font:12px ui-monospace,monospace}.modal-actions{flex-wrap:wrap;align-items:center;gap:.5rem;padding:0 1rem 1rem;display:flex}.modal-actions .primary{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid)}.modal-actions .link-btn{color:var(--muted);background:0 0;border:none;margin-left:auto;text-decoration:underline}.license-entry{border-top:1px solid var(--line);padding:.8rem 0}.license-entry:first-child{border-top:none}.license-entry h3{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .3rem;font-size:.95rem;display:flex}.lic-version{color:var(--muted);font-size:.85rem;font-weight:400}.lic-spdx{background:var(--panel-2);border:1px solid var(--line);color:var(--accent);border-radius:10px;margin-left:auto;padding:0 .5rem;font:11px ui-monospace,monospace}.lic-copyright{margin:.2rem 0;font-size:.85rem}.lic-note{color:var(--muted);margin:.2rem 0;font-size:.82rem}.lic-links{margin:.3rem 0;font-size:.82rem}.license-entry details{margin-top:.4rem}.license-entry summary{cursor:pointer;color:var(--muted);font-size:.82rem}.lic-text{background:var(--code-bg);max-height:16rem;color:var(--muted);white-space:pre-wrap;border-radius:6px;margin:.5rem 0 0;padding:.6rem .8rem;font:11px/1.45 ui-monospace,monospace;overflow:auto}