@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.plan-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#f5f5f5;display:flex;flex-direction:column;outline:none}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1a1a2e;border-bottom:1px solid #333;flex-shrink:0}.plan-toolbar-views{display:flex;gap:4px}.plan-view-tab{display:flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid #444;border-radius:4px;background:transparent;color:#aaa;cursor:pointer;font-size:13px;transition:all .15s}.plan-view-tab:hover{background:#ffffff14;color:#fff}.plan-view-tab.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.plan-toolbar-actions{display:flex;align-items:center;gap:8px}.plan-export-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid #4a9eff;border-radius:4px;background:transparent;color:#4a9eff;cursor:pointer;font-size:13px;transition:all .15s}.plan-export-btn:hover:not(:disabled){background:#4a9eff;color:#fff}.plan-export-btn:disabled{opacity:.5;cursor:not-allowed}.plan-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:#aaa;cursor:pointer;transition:all .15s}.plan-close-btn:hover{background:#ff323233;color:#f55}.plan-panel-content{flex:1;overflow:auto;padding:16px}.plan-panel-content.single-mode{display:flex;align-items:stretch;justify-content:center}.plan-panel-content.grid-mode{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.plan-view-container{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.plan-3d-container{display:flex;flex-direction:column;position:relative}.plan-single-item{width:100%;height:100%}.plan-grid-item{width:100%;height:100%;min-height:200px}.plan-3d-title{padding:8px 14px;font-weight:700;color:#333;background:#fffffff2;border-bottom:1px solid #eee;font-family:monospace;z-index:2}.plan-3d-canvas-wrap{flex:1;min-height:0;position:relative}.plan-3d-dims{display:flex;flex-wrap:wrap;gap:4px;padding:6px 12px;background:#fffffff2;border-top:1px solid #eee;font-family:monospace;color:#555;z-index:2}.plan-3d-dim{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#f5f5f5;border-radius:3px;border:1px solid #ddd}.plan-3d-dim-line{display:inline-block;width:20px;height:2px;background:#555}.plan-3d-dim-horizontal .plan-3d-dim-line{background:#2196f3}.plan-3d-dim-vertical .plan-3d-dim-line{width:2px;height:14px;background:#4caf50}.plan-3d-dim-text{font-weight:600;white-space:nowrap}.plan-view-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;border:1px solid #ddd;border-radius:6px}@media (max-width: 900px){.plan-panel-content.grid-mode{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}:root{--ds-bg-app: #111115;--ds-bg-panel: #1a1a20;--ds-bg-surface: #222228;--ds-bg-surface-hover: #2a2a32;--ds-bg-elevated: #2e2e38;--ds-text-primary: #ececf0;--ds-text-secondary: #8e8e9a;--ds-text-tertiary: #5c5c68;--ds-text-inverse: #111115;--ds-accent: #2e8bff;--ds-accent-hover: #4a9fff;--ds-accent-muted: rgba(46, 139, 255, .12);--ds-accent-border: rgba(46, 139, 255, .3);--ds-danger: #ef4444;--ds-danger-hover: #f87171;--ds-danger-muted: rgba(239, 68, 68, .12);--ds-danger-border: rgba(239, 68, 68, .3);--ds-success: #22c55e;--ds-success-muted: rgba(34, 197, 94, .12);--ds-warning: #f59e0b;--ds-warning-muted: rgba(245, 158, 11, .12);--ds-border: #2a2a34;--ds-border-strong: #3a3a46;--ds-border-focus: var(--ds-accent);--ds-space-0: 0px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ds-font-xs: .6875rem;--ds-font-sm: .75rem;--ds-font-base: .8125rem;--ds-font-md: .875rem;--ds-font-lg: 1rem;--ds-font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ds-shadow-panel: 0 0 0 1px var(--ds-border), var(--ds-shadow-md);--ds-ease: cubic-bezier(.25, .1, .25, 1);--ds-duration-fast: .15s;--ds-duration-base: .2s}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1);padding:7px 12px;border:1px solid transparent;border-radius:var(--ds-radius-md);font-family:var(--ds-font-family);font-size:var(--ds-font-base);font-weight:500;line-height:1;cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.ds-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ds-btn-primary{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.ds-btn-primary:hover:not(:disabled){background:var(--ds-accent-hover);border-color:var(--ds-accent-hover)}.ds-btn-secondary{background:var(--ds-bg-surface);color:var(--ds-text-primary);border-color:var(--ds-border-strong)}.ds-btn-secondary:hover:not(:disabled){background:var(--ds-bg-surface-hover);border-color:var(--ds-accent-border)}.ds-btn-ghost{background:transparent;color:var(--ds-text-secondary)}.ds-btn-ghost:hover:not(:disabled){background:var(--ds-bg-surface);color:var(--ds-text-primary)}.ds-btn-danger{background:var(--ds-danger-muted);color:var(--ds-danger);border-color:var(--ds-danger-border)}.ds-btn-danger:hover:not(:disabled){background:#ef444438;color:var(--ds-danger-hover)}.ds-btn-sm{padding:4px 8px;font-size:var(--ds-font-xs)}.ds-btn-lg{padding:10px 16px;font-size:var(--ds-font-md);font-weight:600;width:100%}.ds-btn-icon{width:32px;height:32px;padding:0;border-radius:var(--ds-radius-md);flex-shrink:0}.ds-input{width:100%;background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:7px 10px;color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-base);outline:none;transition:border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease)}.ds-input::placeholder{color:var(--ds-text-tertiary)}.ds-input:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px var(--ds-accent-muted)}.ds-input::-webkit-inner-spin-button,.ds-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-input[type=number]{-moz-appearance:textfield}.ds-select{width:100%;background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:7px 28px 7px 10px;color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-base);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--ds-duration-fast) var(--ds-ease)}.ds-select:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px var(--ds-accent-muted)}.ds-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-strong);cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);flex-shrink:0}.ds-toggle:hover{border-color:var(--ds-text-tertiary)}.ds-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ds-text-secondary);box-shadow:0 1px 3px #0000004d;transition:all var(--ds-duration-fast) var(--ds-ease)}.ds-toggle.is-on{background:var(--ds-accent);border-color:var(--ds-accent)}.ds-toggle.is-on:after{transform:translate(16px);background:#fff}.ds-panel{background:var(--ds-bg-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden;animation:dsPanelIn .15s ease-out}@keyframes dsPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ds-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ds-border);font-size:var(--ds-font-base);font-weight:600;color:var(--ds-text-primary)}.ds-panel-header button{background:none;border:none;color:var(--ds-text-tertiary);cursor:pointer;font-size:1.1rem;line-height:1;padding:2px 4px;border-radius:var(--ds-radius-sm);transition:all var(--ds-duration-fast) var(--ds-ease)}.ds-panel-header button:hover{color:var(--ds-text-primary);background:#ffffff0f}.ds-panel-body{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.ds-panel-footer{padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border);background:var(--ds-bg-panel)}.ds-panel--danger{border-color:var(--ds-danger-border)}.ds-panel--danger .ds-panel-header{background:var(--ds-danger-muted);border-bottom-color:var(--ds-danger-border);color:var(--ds-danger)}.ds-prop-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}.ds-prop-row:last-child{border-bottom:none}.ds-prop-label{color:var(--ds-text-secondary);font-size:var(--ds-font-sm);font-weight:500;white-space:nowrap}.ds-prop-value{color:var(--ds-text-primary);font-family:var(--ds-font-mono);font-size:var(--ds-font-xs);text-align:right;word-break:break-all}.ds-divider{height:1px;background:var(--ds-border);margin:0;flex-shrink:0}.ds-label{font-size:var(--ds-font-xs);font-weight:600;color:var(--ds-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.ds-badge{display:inline-block;padding:1px 6px;border-radius:var(--ds-radius-sm);font-size:.625rem;font-weight:600}.ds-badge-blue{background:var(--ds-accent-muted);color:var(--ds-accent)}.ds-badge-red{background:var(--ds-danger-muted);color:var(--ds-danger)}.ds-badge-green{background:var(--ds-success-muted);color:var(--ds-success)}.ds-dropdown{position:relative}.ds-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:var(--ds-space-2);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-strong);background:#1e1e26f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--ds-shadow-lg);z-index:100;display:flex;flex-direction:column;gap:var(--ds-space-2)}.ds-dropdown-section{display:flex;flex-direction:column;gap:6px}.ds-dropdown-label{font-size:var(--ds-font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-tertiary);padding:0 2px}.ds-dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.ds-dropdown-item{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-sm);font-weight:500;padding:6px 10px;cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);text-align:center}.ds-dropdown-item:hover:not(:disabled){border-color:var(--ds-accent-border);background:var(--ds-bg-surface-hover)}.ds-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.ds-dropdown-item.is-active{border-color:var(--ds-accent);background:var(--ds-accent);color:#fff}.ds-dropdown-item--full{width:100%;grid-column:1 / -1}.ds-dropdown-divider{height:1px;background:#ffffff0f;margin:2px 0}.ds-dropdown-list{display:flex;flex-direction:column;gap:3px;max-height:160px;overflow-y:auto}.ds-dropdown-list-item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:var(--ds-radius-sm);background:#ffffff08}.ds-dropdown-list-item-text{font-size:var(--ds-font-xs);font-weight:500;color:var(--ds-text-primary)}.ds-dropdown-list-item-remove{background:none;border:none;color:var(--ds-text-tertiary);cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}.ds-dropdown-list-item-remove:hover{color:var(--ds-danger)}.ds-scroll::-webkit-scrollbar{width:5px}.ds-scroll::-webkit-scrollbar-track{background:transparent}.ds-scroll::-webkit-scrollbar-thumb{background-color:var(--ds-border-strong);border-radius:10px}.ds-input-row{display:flex;gap:var(--ds-space-2)}.ds-input-row>.ds-input,.ds-input-row>.ds-select{flex:1;min-width:0}.accordion-section{border-bottom:1px solid var(--ds-border)}.accordion-section:last-child{border-bottom:none}.accordion-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ds-space-3) 0;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:transparent;transition:color var(--ds-duration-fast) var(--ds-ease);text-align:left}.accordion-section__header:hover .accordion-section__title{color:var(--ds-text-primary)}.accordion-section__header:hover .accordion-section__chevron{color:var(--ds-text-secondary)}.accordion-section__title{font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.04em}.accordion-section__chevron{color:var(--ds-text-tertiary);transition:transform var(--ds-duration-base) var(--ds-ease);flex-shrink:0}.accordion-section__chevron.is-open{transform:rotate(180deg)}.accordion-section__content{overflow:hidden;transition:max-height var(--ds-duration-base) var(--ds-ease)}.accordion-section__body{padding-bottom:var(--ds-space-3)}.ds-lang-switcher{display:flex;gap:2px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm);padding:2px}.ds-lang-btn{font-size:var(--ds-font-xs)!important;padding:2px 8px!important;min-width:0!important;border-radius:var(--ds-radius-sm)!important;color:var(--ds-text-secondary)!important;font-weight:600!important}.ds-lang-btn.is-active{background:var(--ds-accent)!important;color:var(--ds-text-inverse)!important}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ds-font-family);background-color:var(--ds-bg-app);color:var(--ds-text-primary);overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.left-panel{width:264px;min-width:264px;height:100vh;min-height:0;background-color:var(--ds-bg-panel);border-right:1px solid var(--ds-border-strong);display:flex;flex-direction:column;z-index:10;overflow:hidden}.panel-header{padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-4);border-bottom:1px solid var(--ds-border);background:var(--ds-bg-panel);display:flex;justify-content:space-between;align-items:baseline;flex-shrink:0}.panel-header-stack{flex-direction:column;align-items:flex-start;gap:var(--ds-space-2)}.panel-header h2{font-size:var(--ds-font-md);font-weight:600;letter-spacing:.3px;color:var(--ds-text-primary)}.panel-subtitle{margin-top:var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-font-sm);line-height:1.4;max-width:220px}.panel-count{font-size:var(--ds-font-sm);color:var(--ds-text-secondary);font-weight:500}.panel-search{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);position:relative;display:flex;align-items:center;gap:var(--ds-space-2)}.search-icon{color:var(--ds-text-tertiary);flex-shrink:0}.search-input{width:100%;background:var(--ds-bg-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);padding:8px 10px;color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-base);outline:none;transition:border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease)}.search-input::placeholder{color:var(--ds-text-tertiary)}.search-input:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px var(--ds-accent-muted)}.panel-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--ds-space-3) var(--ds-space-4)}.panel-content::-webkit-scrollbar{width:5px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background-color:var(--ds-border-strong);border-radius:10px}.empty-state{text-align:center;padding:40px var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-font-base)}.library-section-title{margin:var(--ds-space-1) 2px var(--ds-space-2);color:var(--ds-text-tertiary);font-size:var(--ds-font-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.library-divider{height:1px;margin:var(--ds-space-2) 2px var(--ds-space-3);background:var(--ds-border)}.okifix-item{background-color:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-3);margin-bottom:var(--ds-space-2);cursor:grab;transition:all var(--ds-duration-fast) var(--ds-ease);display:flex;align-items:center;gap:var(--ds-space-3);-webkit-user-select:none;user-select:none}.okifix-item:hover{background-color:var(--ds-bg-surface-hover);border-color:var(--ds-accent-border)}.okifix-item:active{cursor:grabbing;background-color:var(--ds-bg-surface)}.okifix-item-recent{border-color:var(--ds-accent-border);background:var(--ds-bg-surface-hover)}.okifix-icon{width:40px;height:40px;background-color:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);display:flex;justify-content:center;align-items:center;color:var(--ds-accent);flex-shrink:0}.okifix-preview{width:52px;height:52px;flex-shrink:0;border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-bg-elevated)}.okifix-preview canvas{display:block}.okifix-preview-thumb{width:52px;height:52px;object-fit:contain;border-radius:var(--ds-radius-md);display:block;pointer-events:none}.okifix-preview-placeholder{width:52px;height:52px;display:flex;justify-content:center;align-items:center;color:var(--ds-accent);opacity:.5}.okifix-details h4{font-size:var(--ds-font-base);font-weight:500;letter-spacing:.2px;color:var(--ds-text-primary)}.scene-container{flex:1;min-width:0;display:flex;align-items:stretch;gap:0}.scene-main{flex:1;min-width:0;position:relative;background:radial-gradient(circle at center,#1e1e28,#0e0e12)}.scene-side-panels{width:300px;min-width:300px;display:flex;flex-direction:column;gap:var(--ds-space-3);align-items:stretch;padding:var(--ds-space-3);border-left:1px solid var(--ds-border);background:var(--ds-bg-app);overflow-y:auto}.scene-side-panels::-webkit-scrollbar{width:5px}.scene-side-panels::-webkit-scrollbar-track{background:transparent}.scene-side-panels::-webkit-scrollbar-thumb{background-color:var(--ds-border-strong);border-radius:10px}.scene-side-panels>*{width:100%}.selection-marquee{position:absolute;z-index:120;pointer-events:none;border:1.5px solid rgba(46,139,255,.8);background:#2e8bff14;border-radius:2px}.top-toolbar{position:absolute;top:10px;left:10px;right:10px;z-index:40;display:flex;align-items:center;gap:var(--ds-space-2);padding:6px var(--ds-space-3);min-height:44px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);background:#1a1a20eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-toolbar{position:absolute;top:10px;left:10px;right:10px;z-index:40}.top-toolbar__left{display:flex;align-items:center;gap:var(--ds-space-1);flex-shrink:0}.top-toolbar__center{display:flex;background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);padding:2px;gap:2px;margin:0 auto}.top-toolbar__right{display:flex;align-items:center;gap:var(--ds-space-1);flex-shrink:0}.top-toolbar__separator{width:1px;height:20px;background:var(--ds-border-strong);margin:0 var(--ds-space-1);flex-shrink:0}.mode-tab{padding:5px 10px;border-radius:var(--ds-radius-sm);font-family:var(--ds-font-family);font-size:var(--ds-font-xs);font-weight:500;color:var(--ds-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);white-space:nowrap}.mode-tab:hover{color:var(--ds-text-primary);background:#ffffff0a}.mode-tab.is-active{background:var(--ds-accent);color:#fff;box-shadow:0 1px 3px #2e8bff4d}.toolbar-icon-toggle{position:relative}.toolbar-icon-toggle.is-active{color:var(--ds-accent)}.project-status{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);padding:5px 12px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-accent-border);color:var(--ds-accent);font-size:var(--ds-font-xs);line-height:1;background:#1a1a20f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:41}.scene-main.measuring{cursor:crosshair}.scene-container.drag-active{outline:2px dashed var(--ds-accent);outline-offset:-4px}.port-info-panel{pointer-events:auto}.port-info-panel-docked{position:relative;left:auto!important;top:auto!important;width:100%;max-width:none;max-height:none;overflow:visible;z-index:1}.port-info-panel-wide{max-width:340px}.port-info-body{padding:10px 14px;font-family:var(--ds-font-mono);font-size:var(--ds-font-sm);line-height:1.6}.template-tools-panel{max-width:300px}.template-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2)}.template-toggle-row{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-primary);font-size:var(--ds-font-base)}.template-toggle-row input{accent-color:var(--ds-accent)}.template-tools-row-stack{align-items:flex-start}.template-tools-row-stack .ds-prop-label{white-space:normal;line-height:1.4}.collision-panel-body{padding:var(--ds-space-2) 10px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.collision-panel-body::-webkit-scrollbar{width:5px}.collision-panel-body::-webkit-scrollbar-thumb{background-color:#ef44444d;border-radius:10px}.collision-pair-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--ds-radius-sm);background:var(--ds-danger-muted)}.collision-pair-index{color:var(--ds-danger);font-size:var(--ds-font-sm);font-weight:600;min-width:18px}.collision-pair-btn{background:#ffffff0d;border:1px solid var(--ds-danger-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-sm);padding:3px 8px;cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;flex:1}.collision-pair-btn:hover{background:#ef444426;border-color:var(--ds-danger);color:var(--ds-danger-hover)}.collision-pair-separator{color:var(--ds-danger);font-size:var(--ds-font-sm);flex-shrink:0}.cfg-section{margin-bottom:0}.cfg-section-title{font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cfg-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:var(--ds-space-2)}.cfg-label{font-size:var(--ds-font-sm);color:var(--ds-text-secondary);white-space:nowrap;flex-shrink:0}.cfg-input-wrap{display:flex;align-items:center;gap:var(--ds-space-1)}.cfg-input{width:72px;background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:5px 8px;color:var(--ds-text-primary);font-family:var(--ds-font-family);font-size:var(--ds-font-base);text-align:right;outline:none;transition:border-color var(--ds-duration-fast) var(--ds-ease)}.cfg-input:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px var(--ds-accent-muted)}.cfg-input::-webkit-inner-spin-button,.cfg-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cfg-input[type=number]{-moz-appearance:textfield}.cfg-select{width:auto;min-width:120px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.cfg-suffix{font-size:var(--ds-font-xs);color:var(--ds-text-tertiary)}.cfg-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.bom-section{margin-bottom:var(--ds-space-4)}.bom-section-title{font-size:var(--ds-font-base);font-weight:600;color:var(--ds-text-primary);margin:0 0 var(--ds-space-2);padding-bottom:6px;border-bottom:1px solid var(--ds-border)}.bom-table{width:100%;border-collapse:collapse;font-size:var(--ds-font-sm)}.bom-table th{text-align:left;color:var(--ds-text-secondary);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--ds-border)}.bom-table td{padding:5px 8px;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border);border-bottom-color:#2a2a3480}.bom-table th:not(:first-child),.bom-table td:not(:first-child){text-align:right}.bom-total-row{font-weight:600;border-top:1px solid var(--ds-border)}.bom-total-row td{color:var(--ds-accent)}.bom-summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:var(--ds-font-sm);color:var(--ds-text-primary)}.bom-summary-row span:last-child{font-weight:600;color:var(--ds-accent)}.bom-actions{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.bom-export-btn{width:100%}.bom-add-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--ds-accent)!important;color:#fff!important}.bom-add-all-btn:hover:not(:disabled){filter:brightness(1.15)}.bom-add-all-btn:disabled{opacity:.6;cursor:not-allowed}.bom-cart-col{width:32px;text-align:center!important;padding:0 2px!important}.bom-cart-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-duration-fast)}.bom-cart-btn:hover:not(:disabled){background:var(--ds-accent-muted);color:var(--ds-accent)}.bom-cart-btn:disabled{opacity:.4;cursor:not-allowed}.bom-cart-spinner{width:12px;height:12px;border:2px solid var(--ds-text-secondary);border-top-color:transparent;border-radius:50%;animation:bom-spin .6s linear infinite}@keyframes bom-spin{to{transform:rotate(360deg)}}.bom-table tbody tr:nth-child(2n) td{background:#ffffff04}.bom-clickable{cursor:pointer;transition:background-color var(--ds-duration-fast)}.bom-clickable:hover{background-color:#2e8bff0f}.bom-active-row{background-color:var(--ds-accent-muted)!important}.bom-active-row td{color:var(--ds-accent)!important}.bom-empty{color:var(--ds-text-secondary);font-size:var(--ds-font-base);text-align:center;padding:40px var(--ds-space-4)}.assembly-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#0d0d1a;display:flex;flex-direction:column}.assembly-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1a1a2e;border-bottom:1px solid #333;gap:16px}.assembly-toolbar-nav{display:flex;align-items:center;gap:8px}.assembly-toolbar-title{font-weight:600;font-size:14px;color:#e0e0e0;white-space:nowrap}.assembly-toolbar-info{font-size:12px;color:#888;white-space:nowrap}.assembly-toolbar-actions{display:flex;align-items:center;gap:8px}.assembly-nav-btn{background:#252540;border:1px solid #444;color:#ccc;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:14px}.assembly-nav-btn:disabled{opacity:.3;cursor:default}.assembly-nav-btn:hover:not(:disabled){background:#353560}.assembly-action-btn{background:#4a9eff;border:none;color:#fff;border-radius:4px;padding:6px 14px;cursor:pointer;font-size:12px;font-weight:600}.assembly-action-btn:hover{background:#5aaeff}.assembly-close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.assembly-close-btn:hover{color:#fff}.assembly-toggle-btn{background:#252540;border:1px solid #444;color:#999;border-radius:4px;padding:5px 12px;cursor:pointer;font-size:11px;font-weight:600}.assembly-toggle-btn:hover{background:#353560;color:#ccc}.assembly-toggle-btn.active{background:#2a4a6a;border-color:#4a9eff;color:#4a9eff}.assembly-body{flex:1;display:flex;min-height:0}.assembly-sidebar{width:280px;min-width:280px;background:#151528;border-right:1px solid #333;overflow-y:auto;padding:12px}.assembly-sidebar-section{margin-bottom:16px}.assembly-sidebar-title{font-size:13px;font-weight:700;color:#ccc;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #333}.assembly-sidebar-subtitle{font-size:11px;font-weight:600;color:#999;margin:8px 0 4px}.assembly-table{width:100%;border-collapse:collapse;font-size:11px;color:#ccc}.assembly-table th{text-align:left;padding:3px 6px;color:#888;font-weight:600;border-bottom:1px solid #333}.assembly-table td{padding:3px 6px}.assembly-table tr:nth-child(2n) td{background:#ffffff08}.assembly-empty{color:#666;font-size:12px;padding:8px 0}.assembly-steps-list{display:flex;flex-direction:column;gap:3px}.assembly-step-item{display:flex;align-items:flex-start;gap:8px;padding:5px 6px;border-radius:4px;cursor:pointer}.assembly-step-item:hover{background:#ffffff0d}.assembly-step-item.active{background:#4a9eff26}.assembly-step-num{font-size:11px;color:#666;min-width:14px;text-align:center;line-height:16px}.assembly-step-item.active .assembly-step-num{color:#4a9eff}.assembly-step-name{font-size:12px;font-weight:600;color:#ccc}.assembly-step-detail{font-size:10px;color:#777;margin-top:1px}.assembly-connection-item{font-size:11px;color:#888;padding:2px 0}.assembly-3d-view{flex:1;min-width:0;position:relative;background:#0d0d1a}.assembly-3d-view canvas{width:100%!important;height:100%!important}.assembly-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.part-bubble{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1.5px solid rgba(255,255,255,.7)}.part-bubble-circle{width:20px;height:20px;border-radius:50%;background:#4a9effe6}.part-bubble-rect{width:26px;height:16px;border-radius:3px;background:#4a9effe6}.part-bubble-diamond{width:24px;height:24px;background:#e74c3ce6;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:none;font-size:9px}.part-bubble-inline{display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.part-bubble-inline-obj{width:20px;height:20px;background:#e74c3c;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.part-bubble-inline-prof{width:18px;height:18px;background:#4a9eff;border-radius:50%}.catalog-panel{max-height:100%;background-color:var(--ds-bg-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;overflow:hidden}.catalog-header{padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-2);border-bottom:1px solid var(--ds-border);flex-shrink:0}.catalog-title{font-size:var(--ds-font-md);font-weight:600;margin:0 0 6px;color:var(--ds-text-primary)}.catalog-stats{display:flex;gap:var(--ds-space-2);font-size:var(--ds-font-xs);color:var(--ds-text-secondary)}.catalog-stat-ok{color:var(--ds-success)}.catalog-stat-err{color:var(--ds-danger)}.catalog-list{flex:1;overflow-y:auto;padding:var(--ds-space-1) 0}.catalog-list::-webkit-scrollbar{width:5px}.catalog-list::-webkit-scrollbar-thumb{background-color:var(--ds-border-strong);border-radius:10px}.catalog-row{padding:var(--ds-space-2) var(--ds-space-3);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--ds-duration-fast)}.catalog-row:hover{background:#ffffff0a}.catalog-row.is-selected{background:#2e8bff14;border-left:3px solid var(--ds-accent)}.catalog-row-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.catalog-port-badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:.625rem;font-weight:700;color:#000;flex-shrink:0}.catalog-role{font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-count{font-size:var(--ds-font-xs);color:var(--ds-text-secondary);flex-shrink:0}.catalog-row-systems{font-size:var(--ds-font-xs);color:var(--ds-text-tertiary);margin-bottom:2px}.catalog-row-match{font-size:var(--ds-font-xs)}.catalog-match-ok{color:var(--ds-success)}.catalog-match-none{color:var(--ds-danger);font-weight:600}.opening-add-row{display:flex;gap:var(--ds-space-1);margin-bottom:var(--ds-space-2)}.opening-add-btn{flex:1;padding:8px 10px;font-size:var(--ds-font-sm);font-weight:600;color:#fff;border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-duration-fast) var(--ds-ease);font-family:var(--ds-font-family);line-height:1}.opening-add-btn:hover{filter:brightness(1.15)}.opening-add-btn--door{background:var(--ds-accent)}.opening-add-btn--window{background:#7a44cc}.opening-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-2) var(--ds-space-3);margin-bottom:6px;border:1px solid var(--ds-border)}.opening-card--door{border-color:#2e8bff40}.opening-card--window{border-color:#7a44cc40}.opening-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.opening-card__title{font-size:var(--ds-font-sm);font-weight:600}.opening-card__title--door{color:var(--ds-accent)}.opening-card__title--window{color:#a66eff}.opening-card__delete{background:none;border:none;color:var(--ds-danger);cursor:pointer;font-size:var(--ds-font-sm);padding:2px 6px;border-radius:var(--ds-radius-sm);font-family:var(--ds-font-family);transition:background var(--ds-duration-fast) var(--ds-ease)}.opening-card__delete:hover{background:var(--ds-danger-muted)}.opening-empty{font-size:var(--ds-font-xs);color:var(--ds-text-tertiary);margin:var(--ds-space-1) 0}.build-error{color:var(--ds-danger);font-size:var(--ds-font-sm);margin:var(--ds-space-1) 0}.build-help{font-size:var(--ds-font-xs);color:var(--ds-text-tertiary);margin:var(--ds-space-1) 0;line-height:1.4}.build-stats{font-size:var(--ds-font-sm);color:var(--ds-text-primary);line-height:1.8}.build-stat-label{color:var(--ds-text-secondary)}.build-stat-blue{color:var(--ds-accent)}.build-stat-orange{color:var(--ds-warning)}.build-stat-green{color:var(--ds-success)}.opening-edit-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ds-border)}.opening-edit-title{font-weight:600;font-size:var(--ds-font-md)}.opening-edit-close{background:none;border:none;color:var(--ds-text-tertiary);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:var(--ds-radius-sm);transition:all var(--ds-duration-fast) var(--ds-ease)}.opening-edit-close:hover{color:var(--ds-text-primary);background:#ffffff0f}.opening-edit-actions{display:flex;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-3);border-top:1px solid var(--ds-border)}.measurement-label{background:#000000d9;color:var(--ds-accent);font-size:var(--ds-font-sm);font-weight:600;padding:3px 10px;border-radius:var(--ds-radius-sm);white-space:nowrap;pointer-events:none;font-family:var(--ds-font-mono);border:1px solid var(--ds-accent-border)}.left-panel__footer{padding:var(--ds-space-4) var(--ds-space-4);border-top:1px solid var(--ds-border-strong);background:var(--ds-bg-panel);flex-shrink:0;box-shadow:0 -4px 12px #0003}@media (max-width: 1280px){.scene-container{flex-direction:column}.scene-main{min-height:52vh}.scene-side-panels{width:100%;min-width:0;max-height:48vh;border-left:none;border-top:1px solid var(--ds-border)}}