.swe-container{display:flex;flex-direction:column;width:100%;height:100%}.swe-canvas-wrapper{flex:1;overflow:hidden;background:var(--color-surface-raised)}.swe-canvas{width:100%;height:100%;display:block}.swe-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.swe-toolbar__group{display:flex;gap:2px}.swe-toolbar__group--right{margin-left:auto}.swe-toolbar__separator{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-1)}.swe-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-text-secondary);transition:background var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing)}.swe-toolbar__btn:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-text)}.swe-toolbar__btn:disabled{opacity:.3;cursor:default}.swe-toolbar__btn--active{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent-muted)}.swe-toolbar__btn--active:hover{background:var(--color-accent-muted);color:var(--color-accent)}.swe-toolbar__btn--primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.swe-toolbar__btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.swe-toolbar__zoom{align-items:center}.swe-toolbar__zoom-slider{width:80px;height:4px;cursor:pointer;accent-color:var(--color-accent)}.swe-toolbar__zoom-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.swe-canvas--pan{cursor:grab}.swe-canvas--pan:active{cursor:grabbing}@media(max-width:767px){.swe-toolbar{flex-wrap:wrap;padding:var(--space-1) var(--space-2);gap:var(--space-1)}.swe-toolbar__btn{width:36px;height:36px}.swe-toolbar__zoom-slider{width:60px}}.soe-container{display:flex;flex-direction:column;height:100%;background:#f8f8f8}.soe-toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0}.soe-toolbar-group{display:flex;gap:2px}.soe-toolbar-separator{width:1px;height:24px;background:#ddd;margin:0 4px}.soe-toolbar-spacer{flex:1}.soe-tool-btn{width:30px;height:30px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#555}.soe-tool-btn:hover{background:#eee}.soe-tool-btn.active{background:#e0edff;border-color:#4a90d9;color:#2060a0}.soe-tool-btn:disabled{opacity:.3;cursor:default}.soe-action-btn{padding:4px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.soe-action-btn:hover{background:#f0f0f0}.soe-action-btn.primary{background:#4a90d9;border-color:#4a90d9;color:#fff}.soe-action-btn.primary:hover{background:#3a7cc0}.soe-zoom-label{font-size:12px;color:#888;min-width:40px;text-align:center}.soe-canvas-wrapper{flex:1;overflow:hidden;position:relative}.soe-canvas{width:100%;height:100%;display:block}.soe-side-label{font-size:13px;font-weight:600;color:#333}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height: 1.5;--letter-spacing-label: .02em;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--easing: cubic-bezier(.2, 0, 0, 1);--header-height: 40px;--sidebar-width: 340px;--sidebar-collapsed-width: 0px;--input-height: 30px;--tap-target: 44px}[data-theme=light],:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-raised: #f8f9fb;--color-surface-sunken: #eef0f4;--color-text: #1a1d24;--color-text-secondary: #5f6672;--color-text-muted: #8b919d;--color-text-inverse: #ffffff;--color-border: #d8dbe2;--color-border-subtle: #e8ebf0;--color-border-strong: #b8bcc6;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-subtle: rgba(37, 99, 235, .08);--color-accent-muted: rgba(37, 99, 235, .15);--color-danger: #dc2626;--color-danger-subtle: rgba(220, 38, 38, .08);--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .08);--color-info: #0284c7;--color-info-subtle: rgba(2, 132, 199, .08);--color-success: #16a34a;--color-header-bg: #1a1d24;--color-header-text: #ffffff;--color-overlay: rgba(0, 0, 0, .3);--color-backdrop: rgba(255, 255, 255, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}[data-theme=dark]{--color-bg: #0f1115;--color-surface: #1a1d24;--color-surface-raised: #22262f;--color-surface-sunken: #12141a;--color-text: #e4e6eb;--color-text-secondary: #9ba1ad;--color-text-muted: #6b7280;--color-text-inverse: #1a1d24;--color-border: #2e333d;--color-border-subtle: #252930;--color-border-strong: #3d4350;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-subtle: rgba(59, 130, 246, .1);--color-accent-muted: rgba(59, 130, 246, .2);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .1);--color-info: #38bdf8;--color-info-subtle: rgba(56, 189, 248, .1);--color-success: #22c55e;--color-header-bg: #12141a;--color-header-text: #e4e6eb;--color-overlay: rgba(0, 0, 0, .5);--color-backdrop: rgba(26, 29, 36, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-lg);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-muted)}::selection{background:var(--color-accent-muted);color:var(--color-text)}.app{display:grid;grid-template-rows:var(--header-height) 1fr;grid-template-columns:1fr var(--sidebar-width);grid-template-areas:"header header" "viewport sidebar";height:100vh;height:100dvh;overflow:hidden;background:var(--color-bg)}.app--sidebar-collapsed .sidebar{display:none}.app--sidebar-collapsed{grid-template-columns:1fr;grid-template-areas:"header" "viewport"}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--color-header-bg);color:var(--color-header-text);border-bottom:1px solid var(--color-border-subtle);z-index:20}.app-header__left{display:flex;align-items:center;gap:var(--space-3)}.app-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label)}.app-header__version{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:.4}.app-header__controls{display:flex;align-items:center;gap:var(--space-2)}.viewport{grid-area:viewport;display:flex;flex-direction:column;overflow:hidden;min-width:0}.viewport__tabs{display:flex;align-items:stretch;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:0}.viewport__tab{padding:var(--space-2) var(--space-5);border:none;background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing);position:relative}.viewport__tab:hover{color:var(--color-text)}.viewport__tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.viewport__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--space-1);margin-left:var(--space-1);border-radius:8px;background:var(--color-danger);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.viewport__content{flex:1;overflow:auto;position:relative;background:var(--color-surface)}.sidebar{grid-area:sidebar;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--duration-slow) var(--easing)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:40px}.sidebar__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sidebar__tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.sidebar-overlay{display:none}@media(max-width:1199px){.app{grid-template-columns:1fr;grid-template-areas:"header" "viewport"}.sidebar{position:fixed;top:var(--header-height);right:0;bottom:0;width:min(var(--sidebar-width),85vw);z-index:30;transform:translate(100%);transition:transform var(--duration-slow) var(--easing);box-shadow:var(--shadow-lg)}.app--sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;inset:0;top:var(--header-height);background:var(--color-overlay);z-index:25}.app--sidebar-open .sidebar-overlay{display:block}}@media(max-width:767px){.app-header__title-text{display:none}.viewport__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base)}.sidebar{width:100vw}}@media(max-width:479px){:root{--header-height: 44px}.app-header{padding:0 var(--space-3)}.app-header__controls{gap:var(--space-1)}.viewport__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.viewport__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);white-space:nowrap;min-height:var(--tap-target)}.sidebar__body{padding:var(--space-3)}}.section{margin-bottom:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:background var(--duration-fast) var(--easing)}.section__header:hover{background:var(--color-surface-sunken)}.section__chevron{color:var(--color-text-muted);transition:transform var(--duration-normal) var(--easing);display:flex;align-items:center}.section__header--collapsed .section__chevron{transform:rotate(-90deg)}.section__body{padding:var(--space-2) var(--space-3);animation:section-reveal var(--duration-normal) var(--easing)}@keyframes section-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0;gap:var(--space-2)}.form-group label{font-size:var(--font-size-base);color:var(--color-text-secondary);flex-shrink:0;letter-spacing:var(--letter-spacing-label)}.form-group label span{color:var(--color-text-muted)}.form-group input[type=number],.form-group input[type=text],.form-group select{width:120px;height:var(--input-height);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);font-variant-numeric:tabular-nums;text-align:right;transition:border-color var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.form-group select{text-align:left;cursor:pointer}.form-group--checkbox{flex-direction:row-reverse;justify-content:flex-end}.form-group--checkbox input{width:auto;accent-color:var(--color-accent)}.calc-value{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0}.calc-value__label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.calc-value__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--easing),border-color var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing);white-space:nowrap;min-height:28px}.btn:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-inverse)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);color:var(--color-text-inverse)}.btn--ghost{border-color:transparent;background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-accent-subtle);color:var(--color-text)}.btn--sm{padding:2px var(--space-2);font-size:var(--font-size-xs);min-height:24px}.btn--icon{padding:var(--space-1);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);min-height:28px;min-width:28px}.btn--icon:hover{background:var(--color-accent-subtle);color:var(--color-text)}.warning-list{list-style:none}.warning-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-md);font-size:var(--font-size-base);border:1px solid transparent}.warning-item--info{background:var(--color-info-subtle);color:var(--color-info);border-color:color-mix(in srgb,var(--color-info) 15%,transparent)}.warning-item--warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 15%,transparent)}.warning-item--error{background:var(--color-danger-subtle);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 15%,transparent)}.warning-item__icon{flex-shrink:0;display:flex;align-items:center}.no-warnings{text-align:center;padding:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-md)}.bom-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.bom-table th{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em}.bom-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);font-variant-numeric:tabular-nums}.bom-table tr:hover td{background:var(--color-accent-subtle)}.bom-table--fixed{table-layout:fixed}.bom-table__section-row td{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--space-3) var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border);background:transparent}.bom-table__section-row:hover td{background:transparent}.version-list{list-style:none}.version-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:1px;transition:background var(--duration-fast) var(--easing)}.version-item:hover{background:var(--color-surface-raised)}.version-item--active{background:var(--color-accent-subtle)}.version-item__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.version-item__actions{display:flex;gap:var(--space-1)}.version-item__badge{font-size:var(--font-size-xs);background:var(--color-accent);color:var(--color-text-inverse);padding:1px var(--space-2);border-radius:var(--radius-lg);margin-left:var(--space-2);font-weight:var(--font-weight-medium)}.mode-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.mode-toggle__btn{padding:2px var(--space-3);border:none;background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:background var(--duration-fast) var(--easing),color var(--duration-fast) var(--easing)}.mode-toggle__btn:hover{color:var(--color-text)}.mode-toggle__btn--active{background:var(--color-accent);color:var(--color-text-inverse)}.compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;font-size:var(--font-size-base)}.compare-grid__header{font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-2);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.compare-grid__cell{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text)}.compare-grid__cell--diff{background:var(--color-warning-subtle)}.view-settings-panel{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;background:var(--color-backdrop);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);display:flex;flex-direction:column;gap:var(--space-2);min-width:160px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.view-settings-panel__row{display:flex;align-items:center;gap:var(--space-2)}.view-settings-panel__row label{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-size-base)}.view-settings-panel__row input[type=range]{flex:1;height:4px;accent-color:var(--color-accent)}.view-settings-panel__row input[type=checkbox]{width:auto;accent-color:var(--color-accent)}.view-settings-panel__value{font-variant-numeric:tabular-nums;min-width:32px;text-align:right;color:var(--color-text-muted);font-size:var(--font-size-sm)}.blueprint-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0}.blueprint-toolbar__zoom{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;min-width:36px;text-align:center;color:var(--color-text-muted)}.blueprint-layers{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.blueprint-layers__label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.blueprint-layers__item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;color:var(--color-text-secondary)}.blueprint-layers__item input[type=checkbox]{width:auto;accent-color:var(--color-accent)}.blueprint-layers__item--engine{margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.feature-gate{padding:var(--space-3);background:var(--color-surface-raised);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base)}.feature-gate__tier{font-weight:var(--font-weight-semibold);color:var(--color-accent)}.layers-dropdown{position:relative;margin-left:var(--space-2)}.layers-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1) 0;animation:dropdown-reveal var(--duration-fast) var(--easing)}@keyframes dropdown-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.layers-dropdown__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--easing)}.layers-dropdown__item:hover{background:var(--color-accent-subtle);color:var(--color-text)}.layers-dropdown__item input[type=checkbox]{accent-color:var(--color-accent)}.btn--ghost--active{background:var(--color-accent-subtle);color:var(--color-accent)}.viewport-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-lg)}@media(max-width:767px){.btn{min-height:var(--tap-target);padding:var(--space-2) var(--space-3)}.btn--sm{min-height:36px}.form-group input[type=number],.form-group input[type=text],.form-group select{height:var(--tap-target);font-size:var(--font-size-lg)}.section__header{min-height:var(--tap-target);padding:var(--space-3)}.version-item{min-height:var(--tap-target);padding:var(--space-3) var(--space-2)}.blueprint-layers{flex-wrap:wrap;gap:var(--space-2)}}