:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}.templates-workspace{max-width:1280px;margin:0 auto;padding:2rem}.data-form[data-v-8378c15d]{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.data-form__empty[data-v-8378c15d]{color:#777;margin:0;font-size:12px}.data-form__row[data-v-8378c15d]{align-items:center;gap:8px;display:flex}.data-form__group[data-v-8378c15d]{color:#8fa8c8;letter-spacing:.04em;text-transform:uppercase;padding-top:6px;font-size:11px;font-weight:600}.data-form__label[data-v-8378c15d]{color:#999;text-overflow:ellipsis;white-space:nowrap;flex:0 0 118px;font-size:11px;overflow:hidden}.data-form__control[data-v-8378c15d]{color:#d0d0d0;background:#111;border:1px solid #3a3a3a;border-radius:4px;flex:1;min-width:0;padding:3px 6px;font-size:12px}.data-form__control--select[data-v-8378c15d]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.data-form__checkbox[data-v-8378c15d]{accent-color:#5b7fa8}.data-form__null[data-v-8378c15d]{color:#666;font-size:12px;font-style:italic}.view-nav{z-index:10;box-sizing:border-box;background:#101010;border-right:1px solid #2e2e2e;flex-direction:column;gap:4px;width:26px;padding:8px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.view-nav__link{color:#aaa;letter-spacing:.04em;writing-mode:vertical-rl;border-radius:3px;padding:8px 0;font-size:11px;text-decoration:none}.toolbar,.component-gallery,.energy-compare{padding-left:36px}.view-nav__link--active{color:#fff;background:#2e2e2e}.templates-workspace{height:100vh}.layout{flex-direction:column;gap:0;height:100vh;display:flex;overflow:hidden}.toolbar{background:#1a1a1a;border-bottom:1px solid #2e2e2e;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.toolbar__label{color:#888;white-space:nowrap;font-size:12px}.toolbar__select{color:#e0e0e0;cursor:pointer;background:#252525;border:1px solid #3a3a3a;border-radius:4px;padding:4px 8px;font-size:13px}.toolbar__sep{flex:1}.toggle-group{border:1px solid #3a3a3a;border-radius:4px;display:flex;overflow:hidden}.toggle-btn{color:#999;cursor:pointer;white-space:nowrap;background:#252525;border:none;padding:4px 8px;font-size:12px}.toggle-btn+.toggle-btn{border-left:1px solid #3a3a3a}.toggle-btn:hover{color:#ccc;background:#2e2e2e}.toggle-btn--active{color:#e8e8e8;background:#3a3a3a}.dropzone{cursor:pointer;white-space:nowrap;background:#1e1e1e;border:1px dashed #444;border-radius:4px;justify-content:center;align-items:center;padding:5px 12px;display:flex}.dropzone:hover{background:#252525;border-color:#888}.dropzone__input{display:none}.dropzone__text{color:#aaa;pointer-events:none;font-size:12px}.btn{color:#d0d0d0;cursor:pointer;white-space:nowrap;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;padding:5px 12px;font-size:12px}.btn:hover{background:#333;border-color:#555}.error-panel{color:#cf6f6f;background:#1f1010;border-bottom:1px solid #4a1a1a;flex-shrink:0;padding:8px 14px;font-size:12px}.workspace{flex:1;min-height:0;display:flex}.params-panel__time{color:#e0e0e0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252525;border:1px solid #3a3a3a;border-radius:4px;padding:3px 6px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn--active{color:#e8e8e8;background:#3a3a3a}.params-panel{background:#1a1a1a;border-left:1px solid #2e2e2e;flex-direction:column;flex-shrink:0;gap:8px;width:380px;padding:12px;display:flex;overflow-y:auto}.params-panel__editor{resize:none;color:#d0d0d0;tab-size:4;background:#111;border:1px solid #3a3a3a;border-radius:4px;flex:1;min-height:0;padding:8px;font-family:ui-monospace,Cascadia Mono,JetBrains Mono,monospace;font-size:12px;line-height:1.4}.params-panel__row{gap:8px;display:flex}.scene-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:hidden}.scene{aspect-ratio:var(--scene-ratio);background:#111;border:1px solid #2e2e2e;border-radius:4px;position:relative;overflow:hidden;container-type:size}.scene--wide{width:min(100%, calc((100vh - 100px) * var(--scene-ratio)))}.scene--tall{height:min(100vh - 100px,100%);width:min(calc((100vh - 100px) * var(--scene-ratio)), 100%)}.scene__placeholder{color:#555;text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}