:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--ios-tab-bar-height: 56px }:root,:root[data-theme=light]{--bg-app: #f1f5f9;--bg-main: #f1f5f9;--bg-panel: #ffffff;--bg-card: #f8fafc;--bg-card-hover: #e2e8f0;--bg-input: #ffffff;--bg-subtle: #f1f5f9;--bg-hud: rgba(255, 255, 255, .94);--border-subtle: rgba(15, 23, 42, .14);--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-heading: #1e293b;--accent-primary: #0284c7;--accent-hover: #0369a1;--accent-amber: #d97706;--accent-emerald: #059669;--accent-danger: #dc2626;--scrollbar-thumb: #cbd5e1;--scrollbar-track: #f1f5f9;color-scheme:light;accent-color:var(--accent-primary)}:root[data-theme=dark]{--bg-app: #090e1a;--bg-main: #090e1a;--bg-panel: #111827;--bg-card: #1e293b;--bg-card-hover: #26354d;--bg-input: #0b1120;--bg-subtle: rgba(15, 23, 42, .55);--bg-hud: rgba(15, 23, 42, .88);--border-subtle: rgba(148, 163, 184, .18);--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-heading: #e2e8f0;--accent-primary: #0ea5e9;--accent-hover: #38bdf8;--accent-amber: #f59e0b;--accent-emerald: #10b981;--accent-danger: #ef4444;--scrollbar-thumb: #334155;--scrollbar-track: #0f172a;color-scheme:dark;accent-color:var(--accent-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{inline-size:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-primary)}html:not(.blog-html):not(.sub-html):not(:has(#blog-root)):not(:has(#subscription-root)):not(:has(.sub-page-wrapper)),body:not(.blog-body):not(.sub-body):not(:has(#blog-root)):not(:has(#subscription-root)):not(:has(.sub-page-wrapper)),#root:not(:has(#blog-root)):not(:has(.blog-page-root)):not(:has(#subscription-root)):not(:has(.sub-page-wrapper)){block-size:100dvb;overflow:hidden;-webkit-user-select:none;user-select:none}html.blog-html,body.blog-body,html.sub-html,body.sub-body,html:has(#blog-root),body:has(#blog-root),html:has(.blog-page-root),body:has(.blog-page-root),#blog-root,.blog-page-root,html:has(#subscription-root),body:has(#subscription-root),html:has(.sub-page-wrapper),body:has(.sub-page-wrapper),#subscription-root,.sub-page-wrapper{inline-size:100%!important;block-size:auto!important;height:auto!important;min-height:100%!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;-webkit-user-select:text!important;user-select:text!important;position:static!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}canvas{display:block}.toolbox-sidebar,.inspector-sidebar,.bom-table-container,.bom-standards-pane{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color: auto){.toolbox-sidebar::-webkit-scrollbar,.inspector-sidebar::-webkit-scrollbar,.bom-table-container::-webkit-scrollbar,.bom-standards-pane::-webkit-scrollbar{width:8px;height:8px}.toolbox-sidebar::-webkit-scrollbar-thumb,.inspector-sidebar::-webkit-scrollbar-thumb,.bom-table-container::-webkit-scrollbar-thumb,.bom-standards-pane::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.toolbox-sidebar::-webkit-scrollbar-track,.inspector-sidebar::-webkit-scrollbar-track,.bom-table-container::-webkit-scrollbar-track,.bom-standards-pane::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.studio-shell{display:grid;grid-template-rows:auto auto 1fr auto;inline-size:100%;block-size:100dvb}.desktop-menubar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:4px;padding-inline:12px;background:var(--bg-card);border-block-end:1px solid var(--border-subtle);font-size:12px;z-index:60}.menubar-left,.menubar-center,.menubar-right{display:flex;align-items:center;gap:6px}.menubar-undo-redo-group{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:1px;gap:1px;margin-inline-start:8px}.btn-menubar-undo-redo{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.btn-menubar-undo-redo:hover:not(:disabled){background:#0ea5e924;color:var(--text-primary)}.btn-menubar-undo-redo:disabled{opacity:.35;cursor:not-allowed}.btn-menubar-undo-redo .undo-icon{font-size:12px;line-height:1}.menu-dropdown-wrapper{position:relative}.menu-trigger{background:transparent;color:var(--text-primary);border:1px solid transparent;padding-block:4px;padding-inline:8px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer}.menu-trigger:hover,.menu-trigger.open{background:var(--bg-card-hover);border-color:var(--border-subtle)}.menu-dropdown{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;min-inline-size:245px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:5px;box-shadow:0 12px 32px #00000038;display:flex;flex-direction:column;gap:2px;z-index:120}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent;color:var(--text-primary);border:none;padding:6px 10px;border-radius:5px;font-size:12px;text-align:start;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--accent-primary);color:#fff}.menu-item:hover:not(:disabled) kbd{color:#ffffffd9}.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu-item kbd{font-size:10px;color:var(--text-secondary);font-family:monospace}.menu-divider{block-size:1px;background:var(--border-subtle);margin-block:3px}.menubar-project-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;inline-size:210px;text-align:center}.menubar-project-input:focus{outline:none;border-color:var(--border-focus)}.menubar-quick-save-btn,.menubar-open-btn,.menubar-fullscreen-btn,.menubar-theme-btn{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);padding:3px 9px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.menubar-fullscreen-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px}.menubar-fullscreen-btn svg{color:var(--text-secondary);transition:color .15s ease}.menubar-quick-save-btn:hover,.menubar-open-btn:hover,.menubar-fullscreen-btn:hover,.menubar-theme-btn:hover{border-color:var(--border-focus);color:var(--accent-primary)}.menubar-fullscreen-btn:hover svg{color:var(--accent-primary)}.menubar-toast-pill{background:#10b98129;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.4);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.sso-user-pill{display:flex;align-items:center;gap:6px;background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer}.sso-user-pill:hover{border-color:var(--border-focus)}.sso-user-pill.connected{border-color:#0ea5e973;background:#0ea5e91a}.sso-avatar-xs{inline-size:16px;block-size:16px;border-radius:50%}.g-badge{display:inline-grid;place-items:center;inline-size:15px;block-size:15px;border-radius:50%;background:#4285f4;color:#fff;font-size:10px;font-weight:800}.studio-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:14px;padding-block:6px;padding-inline:14px;background:var(--bg-panel);border-block-end:1px solid var(--border-subtle);overflow:visible;position:relative;z-index:40}.header-left-cluster{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.brand-block{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-end:4px}.brand-logo{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:0;overflow:visible;border:none;background:transparent;box-shadow:none;flex-shrink:0}.brand-logo-img{inline-size:100%;block-size:100%;object-fit:contain;background:transparent}.brand-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.brand-subtitle{display:block;font-size:11px;color:var(--text-secondary)}.panel-toggle-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding-block:5px;padding-inline:10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.panel-toggle-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}.panel-toggle-btn.active{background:#0ea5e924;color:var(--accent-primary);border-color:var(--border-focus)}.view-mode-dropdown-wrap{display:inline-flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 5px 3px 7px;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease}.view-mode-dropdown-wrap:hover{border-color:var(--accent-primary)}.view-mode-dropdown-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #0ea5e92e}.view-mode-lead-icon{font-size:13px;line-height:1;pointer-events:none;flex-shrink:0}.header-view-select{background:transparent;color:var(--text-primary);border:none;font-size:11.5px;font-weight:600;padding:1px 2px;cursor:pointer;outline:none;max-inline-size:85px}.header-view-select option{background:var(--bg-panel);color:var(--text-primary)}@media(max-width:1200px){.brand-subtitle,.view-mode-label-text{display:none}}@media(max-width:1150px){.header-currency-select{max-inline-size:110px}.btn-pro-edition-badge .badge-action-pill{display:none}.menubar-project-input{inline-size:140px}}@media(max-width:980px){.desktop-menubar{padding-inline:8px;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-menubar-undo-redo span:last-child{display:none}.menubar-fullscreen-btn span:last-child{display:none}.menubar-theme-btn{padding:3px 6px}.menubar-project-input{inline-size:105px}.header-left-cluster{gap:8px}}.header-right-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto}.unit-toggle{display:flex;background:var(--bg-input);border-radius:6px;border:1px solid var(--border-subtle);padding:2px}.unit-toggle button{background:transparent;color:var(--text-secondary);border:none;padding-block:4px;padding-inline:8px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer}.unit-toggle button.active{background:var(--bg-card);color:var(--accent-primary)}.header-currency-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;max-inline-size:165px;cursor:pointer}.header-currency-select:hover,.header-currency-select:focus{outline:none;border-color:var(--border-focus)}.btn-ghost{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);padding-block:5px;padding-inline:10px;border-radius:6px;font-size:12px;cursor:pointer}.btn-ghost:hover{border-color:var(--border-focus)}.btn-bom-cta{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid #34d399;padding-block:6px;padding-inline:12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.bom-cost-pill{background:#00000059;padding-block:2px;padding-inline:6px;border-radius:4px;font-family:monospace;font-size:12px}.studio-main{display:grid;grid-template-columns:210px 1fr 320px;min-block-size:0;transition:grid-template-columns .18s ease}.studio-main.toolbox-collapsed{grid-template-columns:58px 1fr 320px}.studio-main.inspector-collapsed{grid-template-columns:210px 1fr 48px}.studio-main.toolbox-collapsed.inspector-collapsed{grid-template-columns:58px 1fr 48px}.sidebar-collapse-bar{display:flex;align-items:center;justify-content:space-between;padding-block-end:6px;border-block-end:1px solid var(--border-subtle);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.toolbox-sidebar.compact-rail{padding-inline:6px;padding-block:8px;align-items:center;gap:10px}.toolbox-sidebar.compact-rail .sidebar-collapse-bar{justify-content:center;inline-size:100%}.toolbox-sidebar.compact-rail .tool-section{inline-size:100%;align-items:center;padding-block-end:6px;border-block-end:1px dashed var(--border-subtle)}.toolbox-sidebar.compact-rail .tool-btn{justify-content:center;padding-block:9px;padding-inline:0}.collapse-icon-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer}.collapse-icon-btn:hover{color:var(--accent-primary);border-color:var(--border-focus)}.inspector-dock-rail{background:var(--bg-panel);border-inline-start:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding-block:8px;padding-inline:4px;gap:8px}.dock-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;inline-size:38px;padding-block:8px;border-radius:7px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);font-size:15px;cursor:pointer;transition:all .14s ease}.dock-rail-btn:hover{border-color:var(--border-focus);background:var(--bg-card-hover);color:var(--accent-primary)}.dock-rail-btn.expand{font-size:12px;font-weight:700;padding-block:5px}.dock-rail-label{font-size:9px;font-weight:700;color:var(--text-secondary)}.accordion-header-btn{background:transparent;border:none;color:var(--text-heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-align:start;display:flex;align-items:center;gap:5px;padding:0}.accordion-header-btn:hover{color:var(--accent-primary)}.toolbox-sidebar{background:var(--bg-panel);border-inline-end:1px solid var(--border-subtle);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.tool-section{display:flex;flex-direction:column;gap:5px}.tool-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding-inline:4px;margin-block-end:2px}.tool-btn{display:flex;align-items:center;gap:9px;inline-size:100%;text-align:start;background:var(--bg-card);color:var(--text-primary);border:1px solid transparent;padding-block:7px;padding-inline:9px;border-radius:7px;cursor:pointer;transition:all .12s ease}.tool-btn:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.tool-btn.active{background:#0ea5e92e;border-color:var(--border-focus);box-shadow:inset 0 0 0 1px #38bdf859}.tool-icon{font-size:16px;inline-size:22px;text-align:center}.tool-text{display:flex;flex-direction:column;line-height:1.2}.tool-text strong{font-size:12px;font-weight:600}.tool-text small{font-size:10px;color:var(--text-secondary)}.viewport-stage{position:relative;display:grid;min-block-size:0;min-inline-size:0;background:var(--bg-app)}.viewport-stage.mode-2d,.viewport-stage.mode-3d{grid-template-columns:1fr}.viewport-stage.mode-split{grid-template-columns:1fr 1fr;gap:2px;background:var(--border-subtle)}.viewport-pane{position:relative;inline-size:100%;block-size:100%;min-block-size:0;min-inline-size:0}.pane-badge{position:absolute;inset-block-start:10px;inset-inline-start:12px;z-index:10;background:var(--bg-hud);border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:11px;font-weight:600;padding-block:4px;padding-inline:10px;border-radius:6px;pointer-events:none}.canvas2d-wrapper,.viewport3d-wrapper{position:relative;inline-size:100%;block-size:100%}.canvas2d-surface,.viewport3d-canvas{inline-size:100%;block-size:100%;cursor:crosshair}.viewport3d-canvas{cursor:grab}.viewport3d-canvas:active{cursor:grabbing}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.cursor-move{cursor:move!important}.canvas-hud-top{position:absolute;inset-block-start:42px;inset-inline-start:12px;inset-inline-end:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:12}.hud-banner{padding-block:7px;padding-inline:12px;border-radius:6px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-banner.amber{background:#f59e0b38;border:1px solid #f59e0b;color:var(--text-primary)}.hud-banner.red{background:#ef444438;border:1px solid #ef4444;color:var(--text-primary)}.hud-banner.blue{background:#0ea5e938;border:1px solid #38bdf8;color:var(--text-primary)}.hud-banner.green{background:#10b98138;border:1px solid #10b981;color:var(--text-primary)}.canvas-hud-bottom-right{position:absolute;inset-block-end:12px;inset-inline-end:12px;display:flex;align-items:center;gap:4px;background:var(--bg-hud);border:1px solid var(--border-subtle);padding:4px;border-radius:8px}.hud-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);padding-block:4px;padding-inline:8px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer}.hud-zoom-label{font-size:11px;font-family:monospace;padding-inline:6px;color:var(--text-secondary)}.viewport3d-hud-top{position:absolute;inset-block-start:42px;inset-inline-start:12px;inset-inline-end:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;pointer-events:none}.hud-pill-group{display:flex;flex-wrap:wrap;gap:4px;pointer-events:auto}.hud-pill{background:var(--bg-hud);color:var(--text-secondary);border:1px solid var(--border-subtle);padding-block:4px;padding-inline:9px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.hud-pill:hover,.hud-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--border-focus)}.autocad-viewcube-widget{position:absolute;inset-block-end:18px;inset-inline-end:18px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.viewcube-top-mini-bar{display:flex;align-items:center;gap:4px;background:var(--bg-hud);border:1px solid var(--border-subtle);padding:2px 5px;border-radius:6px;box-shadow:0 2px 8px #0000002e}.vc-mini-btn{background:transparent;color:var(--text-primary);border:none;inline-size:22px;block-size:20px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;display:grid;place-items:center}.vc-mini-btn:hover{background:var(--accent-primary);color:#fff}.viewcube-stage{inline-size:118px;block-size:118px;perspective:380px;display:grid;place-items:center}.viewcube-3d-assembly{position:relative;inline-size:54px;block-size:54px;transform-style:preserve-3d}.viewcube-compass-ring{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:108px;block-size:108px;margin-block-start:-54px;margin-inline-start:-54px;border-radius:50%;border:12px solid rgba(148,163,184,.36);background:radial-gradient(circle,transparent 52%,rgba(100,116,139,.25) 54%,rgba(100,116,139,.35) 100%);transform:rotateX(90deg) translateZ(-30px);transform-style:preserve-3d;box-shadow:0 0 12px #00000038}.compass-cardinal{position:absolute;inline-size:20px;block-size:20px;border-radius:50%;border:none;background:transparent;color:#f8fafc;text-shadow:0 1px 3px rgba(0,0,0,.85);font-size:11px;font-weight:800;cursor:pointer;display:grid;place-items:center;padding:0}.compass-cardinal:hover{background:var(--accent-primary);color:#fff}.compass-cardinal.north{inset-block-start:-11px;inset-inline-start:50%;transform:translate(-50%) rotate(180deg)}.compass-cardinal.south{inset-block-end:-11px;inset-inline-start:50%;transform:translate(-50%)}.compass-cardinal.east{inset-inline-end:-11px;inset-block-start:50%;transform:translateY(-50%) rotate(-90deg)}.compass-cardinal.west{inset-inline-start:-11px;inset-block-start:50%;transform:translateY(-50%) rotate(90deg)}.vc-face{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:54px;block-size:54px;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);border:1.5px dashed #64748b;outline:1px solid rgba(51,65,85,.45);color:#334155;font-size:10px;font-weight:800;letter-spacing:.04em;display:grid;place-items:center;cursor:pointer;backface-visibility:hidden;transition:background .12s ease,color .12s ease}.vc-face:hover{background:#bae6fd;color:#0369a1;border-color:#0284c7}.vc-front{transform:translateZ(27px)}.vc-back{transform:rotateY(180deg) translateZ(27px)}.vc-right{transform:rotateY(90deg) translateZ(27px)}.vc-left{transform:rotateY(-90deg) translateZ(27px)}.vc-top{transform:rotateX(90deg) translateZ(27px);background:linear-gradient(145deg,#f1f5f9,#dbeafe)}.vc-bottom{transform:rotateX(-90deg) translateZ(27px);background:linear-gradient(145deg,#cbd5e1,#94a3b8)}.vc-corner{position:absolute;inline-size:13px;block-size:13px;background:#94a3b859;border:1px solid #64748b;padding:0;cursor:pointer}.vc-corner:hover{background:#38bdf8;border-color:#0284c7}.vc-corner.nw{inset-block-start:0;inset-inline-start:0}.vc-corner.ne{inset-block-start:0;inset-inline-end:0}.vc-corner.sw{inset-block-end:0;inset-inline-start:0}.vc-corner.se{inset-block-end:0;inset-inline-end:0}.viewport3d-hud-bottom{position:absolute;inset-block-end:10px;inset-inline-start:12px;display:flex;gap:8px;background:var(--bg-hud);padding-block:4px;padding-inline:10px;border-radius:6px;font-size:11px;color:var(--text-secondary);pointer-events:none}.inspector-sidebar{background:var(--bg-panel);border-inline-start:1px solid var(--border-subtle);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.inspector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.inspector-card h3{font-size:12px;font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.04em}.levels-list{display:flex;flex-direction:column;gap:6px}.level-item{border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-subtle);overflow:hidden}.level-item.active{border-color:var(--border-focus);background:#0ea5e914}.level-item.contains-selected{border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.level-item-main{display:flex;align-items:center;gap:8px;padding:7px 8px;cursor:pointer}.level-title-col{flex:1;display:flex;flex-direction:column;font-size:12px}.level-title-col small{font-size:10px;color:var(--text-secondary)}.clusters-subtree{border-block-start:1px solid var(--border-subtle);padding:8px;background:var(--bg-panel);display:flex;flex-direction:column;gap:5px}.level-settings-inline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:11px;padding-block-end:6px;border-block-end:1px dashed var(--border-subtle)}.level-settings-inline label{display:flex;align-items:center;gap:4px}.level-settings-inline input[type=number]{inline-size:56px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 4px;font-size:11px}.clusters-header{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.cluster-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;font-size:11px;cursor:pointer}.cluster-row.selected{background:#38bdf833;font-weight:600}.cluster-row.contains-selected{background:#38bdf838;border-left:3px solid #38bdf8;font-weight:600}.cluster-expand-arrow{background:transparent;border:none;color:var(--text-secondary);font-size:10px;cursor:pointer;padding:0 4px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.cluster-item-count{font-size:10px;color:var(--text-secondary);background:#ffffff14;padding:1px 6px;border-radius:10px;margin-left:auto;margin-right:4px;font-weight:500}.cluster-elements-branch{margin-left:12px;border-left:2px solid rgba(56,189,248,.25);padding-left:6px;margin-top:3px;margin-bottom:5px;display:flex;flex-direction:column;gap:3px}.element-tree-leaf{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;font-size:11px;cursor:pointer;color:var(--text-secondary);border:1px solid transparent;background:#ffffff05;transition:all .15s ease}.element-tree-leaf:hover{background:#ffffff12;color:var(--text-primary)}.element-tree-leaf.selected{background:#0ea5e940;border-color:#38bdf8;color:#38bdf8;font-weight:600;box-shadow:0 0 10px #38bdf866}.element-leaf-icon{font-size:13px;flex-shrink:0}.element-leaf-info{display:flex;flex-direction:column;flex:1;min-width:0}.element-leaf-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.element-leaf-meta{font-size:9.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-leaf-selected-tag{font-size:9px;background:#38bdf8;color:#0f172a;padding:1px 5px;border-radius:4px;font-weight:700;text-transform:uppercase;flex-shrink:0;letter-spacing:.3px}.cluster-dot{inline-size:8px;block-size:8px;border-radius:50%}.cluster-name{flex:1}.icon-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:12px}.add-cluster-row{display:flex;gap:4px;margin-block-start:4px}.add-cluster-row input{flex:1;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 6px;font-size:11px}.add-cluster-row button{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;padding-inline:8px;font-size:11px;cursor:pointer}.plan-empty-box{font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;line-height:1.4}.plan-controls-stack,.prop-stack{display:flex;flex-direction:column;gap:8px;font-size:11px}.plan-stat-row,.stat-badge-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle);padding:5px 8px;border-radius:5px}.prop-stack label{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary)}.prop-stack input[type=text],.prop-stack input[type=number],.prop-stack select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:5px 7px;font-size:12px}.two-col-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-row{display:flex;gap:6px}.btn-primary-sm,.btn-secondary-sm,.btn-danger-sm,.btn-xs-primary,.btn-xs{padding-block:5px;padding-inline:8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid transparent;flex:1}.btn-xs-primary,.btn-xs{flex:0 0 auto;padding-block:3px;padding-inline:7px}.btn-primary-sm,.btn-xs-primary{background:var(--accent-primary);color:#fff}.btn-secondary-sm{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-subtle)}.btn-danger-sm{background:#ef44442e;color:var(--accent-danger);border-color:#ef444466}.btn-xs.locked{background:#94a3b82e;color:var(--text-secondary)}.btn-xs.unlocked{background:#f59e0b40;color:var(--accent-amber);border-color:#f59e0b}.grid-snap-row{display:flex;justify-content:space-between;align-items:center;padding-block-start:6px;border-block-start:1px solid var(--border-subtle);font-size:11px}.grid-snap-row select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 6px;font-size:11px}.checkbox-inline{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;cursor:pointer}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-block-start:4px}.color-swatch{block-size:26px;border-radius:5px;border:2px solid transparent;cursor:pointer}.color-swatch.active{border-color:var(--border-focus);transform:scale(1.08)}.studio-statusbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:5px;padding-inline:14px;background:var(--bg-panel);border-block-start:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary)}.status-left,.status-right{display:flex;align-items:center;gap:8px}.calib-modal-backdrop,.projects-modal-overlay,.bom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12b8;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calib-modal{background:var(--bg-panel);border:1px solid #f59e0b;border-radius:12px;padding:20px;inline-size:min(420px,92vw);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #00000080}.calib-modal h3{color:var(--accent-amber);font-size:16px}.calib-modal p{font-size:13px;color:var(--text-secondary);line-height:1.45}.calib-input-row{display:flex;gap:8px}.calib-input-row input,.calib-input-row select{padding:8px 10px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:14px}.calib-input-row input{flex:1}.calib-modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn-primary,.btn-secondary{padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent-primary);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.bom-fullscreen-studio{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100vw;block-size:100dvh;background:var(--bg-app)!important;z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.bom-fullscreen-window{inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;padding:0;gap:0;background:var(--bg-app)!important;overflow:hidden}.bom-studio-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--bg-panel);border-block-end:1px solid var(--border-subtle);gap:14px;flex-shrink:0;box-sizing:border-box}.bom-studio-brand{display:flex;align-items:center;gap:12px;min-inline-size:0;flex-shrink:0}.btn-back-editor{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:all .15s ease}.btn-label-mobile{display:none}.btn-label-desktop{display:inline}.btn-back-editor:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent-primary)}.back-arrow{font-size:14px;font-weight:700;line-height:1}.bom-title-group{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.title-row h2{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.qs-spec-badge{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35);font-size:10px;font-weight:700;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.bom-subtitle{font-size:11px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bom-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.bom-header-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .15s ease}.bom-header-actions .btn-primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.bom-header-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.bom-header-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-drive-sync{background:#0ea5e91f;color:var(--accent-primary);border:1px solid rgba(14,165,233,.3)}.btn-drive-sync:hover:not(:disabled){background:#0ea5e938;border-color:var(--accent-primary)}.btn-drive-sync:disabled{opacity:.5;cursor:not-allowed}.bom-header-actions .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.bom-header-actions .btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-close-fullscreen{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:6px;font-size:15px;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.btn-close-fullscreen:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-focus)}.bom-mobile-kpi-bar{display:none}.bom-fullscreen-kpi{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;padding:8px 18px;background:var(--bg-card);border-block-end:1px solid var(--border-subtle);flex-shrink:0;overflow-x:auto;box-sizing:border-box}.bom-kpi-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.bom-kpi-card.highlight-budget{border-color:#10b981;background:#10b98114}.kpi-label{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:16px;font-weight:700;color:var(--text-primary)}.kpi-sub{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bom-fullscreen-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;background:var(--bg-panel);border-block-end:1px solid var(--border-subtle);flex-shrink:0;box-sizing:border-box}.bom-tabs{display:flex;gap:6px;overflow-x:auto;align-items:center;-webkit-overflow-scrolling:touch}.tab-label-mobile{display:none}.tab-label-desktop{display:inline}.bom-tab{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);height:32px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;transition:all .15s ease}.bom-tab:hover{color:var(--text-primary);border-color:var(--border-focus);background:var(--bg-card-hover)}.bom-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.bom-filters{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.filter-select-wrap{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-secondary)}.country-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;height:32px;padding:0 8px;font-size:11.5px;font-weight:600;max-width:190px;text-overflow:ellipsis;cursor:pointer;outline:none;box-sizing:border-box}.currency-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;height:32px;padding:0 8px;font-size:11.5px;font-weight:600;max-width:110px;cursor:pointer;outline:none;box-sizing:border-box}.bom-filters select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;height:32px;padding:0 10px;font-size:12px;box-sizing:border-box}.btn-recap-toggle{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;transition:all .15s ease}.btn-recap-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-recap-toggle.active{background:#0ea5e926;border-color:var(--accent-primary);color:var(--accent-primary)}.recap-settings-drawer{background:var(--bg-card);border-block-end:1px solid var(--border-subtle);padding:12px 18px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.recap-settings-header h4{font-size:12px;font-weight:700;color:var(--text-primary);margin:0}.recap-settings-header p{font-size:11px;color:var(--text-secondary);margin:2px 0 0}.recap-inputs-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.recap-inputs-row label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-secondary)}.input-with-unit{display:flex;align-items:center;gap:4px}.input-with-unit input{inline-size:64px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 6px;font-size:12px;font-weight:600;text-align:right}.btn-secondary-sm{background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;padding:4px 9px;border-radius:5px;cursor:pointer;transition:all .15s ease}.btn-secondary-sm:hover{color:var(--text-primary);border-color:var(--border-focus)}.bom-studio-content{flex:1;min-block-size:0;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-main);-webkit-overflow-scrolling:touch}.boq-trades-container{display:flex;flex-direction:column;gap:14px;inline-size:100%}.boq-bill-section{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:border-color .15s ease}.boq-bill-section:hover{border-color:#0ea5e966}.boq-bill-section.empty-bill{opacity:.68}.boq-bill-header{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;cursor:pointer;background:var(--bg-card);-webkit-user-select:none;user-select:none;transition:background .15s ease}.boq-bill-header:hover{background:var(--bg-hover)}.bill-header-left{display:flex;align-items:center;gap:12px;min-inline-size:0}.bill-icon{font-size:18px;line-height:1;flex-shrink:0}.bill-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bill-title-line h3{font-size:13px;font-weight:700;color:var(--text-primary);margin:0}.item-count-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.bill-desc{font-size:11px;color:var(--text-secondary);margin:2px 0 0}.bill-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.bill-total-cost{font-size:13px;font-weight:700;color:var(--accent-primary);font-family:monospace}.bill-chevron{font-size:11px;color:var(--text-secondary);transition:transform .2s ease;display:inline-block}.bill-chevron.open{transform:rotate(180deg)}.boq-bill-content{border-block-start:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch}.boq-table{inline-size:100%;border-collapse:collapse;font-size:12px;min-inline-size:800px}.boq-table th,.boq-table td{padding:8px 12px;border-block-end:1px solid var(--border-subtle);text-align:start}.boq-table th{background:var(--bg-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.boq-table tfoot td{background:var(--bg-subtle);font-weight:700}.trade-pill{background:#0ea5e91f;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.qs-recap-sheet{display:flex;justify-content:flex-end;margin-block-start:14px;margin-block-end:20px}.recap-card{inline-size:min(560px,100%);background:var(--bg-panel);border:1.5px solid rgba(16,185,129,.4);border-radius:10px;padding:16px 18px;box-shadow:0 10px 30px #00000040}.recap-header h3{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.recap-header p{font-size:11px;color:var(--text-secondary);margin:3px 0 10px}.recap-table{display:flex;flex-direction:column;gap:8px;border-block-start:1px solid var(--border-subtle);padding-block-start:10px}.recap-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-primary)}.recap-row.grand-total-row{border-block-start:1.5px solid var(--border-subtle);padding-block-start:10px;margin-block-start:4px;font-size:13px}.grand-total-value{font-size:17px;color:#10b981;font-family:monospace;font-weight:700}.bom-standards-catalog-view{display:flex;flex-direction:column;gap:12px;inline-size:100%}.standards-top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.standards-search-wrap{position:relative;flex:1;min-inline-size:260px}.standards-search-input{inline-size:100%;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 32px 8px 12px;font-size:13px}.standards-search-input:focus{border-color:var(--accent-primary)}.btn-clear-search{position:absolute;inset-inline-end:8px;inset-block-start:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px}.standards-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-filter-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;height:32px;padding:0 10px;font-size:12px;box-sizing:border-box}.standards-actions-right .btn-primary,.standards-actions-right .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .15s ease}.color-swatch-box{inline-size:22px;block-size:22px;border-radius:4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0003}.country-chip{background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:2px 7px;border-radius:12px;font-size:11px;white-space:nowrap}.category-chip{background:#0ea5e91a;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:11px;text-transform:capitalize}.mat-desc-preview{font-size:11px;color:var(--text-secondary);margin:3px 0 0;line-height:1.3}.standards-row-actions{display:flex;align-items:center;gap:6px;justify-content:center}.btn-edit-std{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 9px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .15s ease}.btn-edit-std:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-card-hover)}.btn-clone-std,.btn-delete-std{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:5px;font-size:12px;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.btn-clone-std:hover{color:var(--text-primary);border-color:var(--border-focus);background:var(--bg-card-hover)}.btn-delete-std:hover{color:#ef4444;border-color:#ef444466;background:#ef44441f}.btn-clone-std:hover{color:var(--text-primary);border-color:var(--border-focus)}.btn-delete-std:hover{color:#ef4444;border-color:#ef444466;background:#ef44441a}.std-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:1100;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.std-editor-modal{background:var(--bg-panel);border:1px solid var(--border-focus);border-radius:12px;inline-size:min(680px,95vw);max-block-size:90vh;overflow-y:auto;padding:20px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:16px}.std-editor-header{display:flex;justify-content:space-between;align-items:center;border-block-end:1px solid var(--border-subtle);padding-block-end:12px}.std-editor-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.std-editor-form{display:flex;flex-direction:column;gap:12px}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid-2col label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary)}.form-grid-2col input,.form-grid-2col select,.std-editor-form textarea{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;font-size:12px;outline:none}.form-grid-2col input:focus,.form-grid-2col select:focus,.std-editor-form textarea:focus{border-color:var(--accent-primary)}.std-editor-actions{display:flex;justify-content:flex-end;gap:10px;border-block-start:1px solid var(--border-subtle);padding-block-start:14px;margin-block-start:6px}.bom-table-container,.bom-standards-pane{overflow-y:auto;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input)}.bom-table{inline-size:100%;border-collapse:collapse;font-size:12px}.bom-table th,.bom-table td{padding:8px 10px;text-align:start;border-block-end:1px solid var(--border-subtle)}.bom-table th{position:sticky;inset-block-start:0;background:var(--bg-card);color:var(--accent-primary);font-size:11px;text-transform:uppercase;z-index:2}.bom-sub-row{background:var(--bg-subtle);color:var(--text-secondary)}.bom-sub-row .mat-name-cell{padding-inline-start:24px;font-style:italic}.std-badge{background:#0ea5e924;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace}.mono{font-family:monospace}.order-qty-cell{color:var(--accent-emerald)}.bom-standards-pane{padding:12px;display:flex;flex-direction:column;gap:18px}.inline-edit-input,.inline-edit-num{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 6px;font-size:11px;inline-size:100%}.inline-edit-num{inline-size:72px}.add-standard-form{background:var(--bg-card);padding:14px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.form-grid input,.form-grid select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:6px 8px;font-size:12px}.marquee-box-overlay{position:absolute;border:1.8px dashed #38bdf8;background:#38bdf829;pointer-events:none;z-index:20}.rot3d-inspector-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;margin-block-end:6px}.rot3d-box-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--text-heading)}.rot3d-axis-row{display:grid;grid-template-columns:98px 1fr 38px;align-items:center;gap:6px;font-size:11px}.rot3d-deg{text-align:end;font-size:10px;color:var(--text-secondary)}.axis-tag{display:inline-block;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700}.axis-tag.axis-x{background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.axis-tag.axis-y{background:#22c55e29;color:#22c55e;border:1px solid rgba(34,197,94,.35)}.axis-tag.axis-z{background:#3b82f629;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.v3d-rot-group{display:flex;flex-direction:column;gap:4px;padding-block-end:6px;border-block-end:1px solid var(--border-subtle)}.v3d-rot-row{display:flex;align-items:center;gap:4px}.v3d-rot-row .axis-tag{flex:1}.v3d-rot-row button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;cursor:pointer}.v3d-rot-row button:hover{border-color:var(--border-focus)}.projects-modal-window{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;inline-size:min(880px,95vw);block-size:min(740px,88dvb);display:flex;flex-direction:column;padding:18px;gap:14px;box-shadow:0 24px 60px #00000073}.project-save-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);padding:12px 14px;border-radius:9px}.project-save-input-group{display:flex;flex-direction:column;gap:4px;flex:1;min-inline-size:220px}.project-save-input-group label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.project-save-input-group input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.project-save-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-drive-sync{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid #60a5fa;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.btn-drive-sync:hover{filter:brightness(1.08)}.storage-status-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:7px;font-size:12px;font-weight:600}.storage-status-banner.success{background:#10b98129;border:1px solid var(--accent-emerald);color:var(--accent-emerald)}.storage-status-banner.error{background:#ef444429;border:1px solid var(--accent-danger);color:var(--accent-danger)}.storage-status-banner.info{background:#0ea5e929;border:1px solid var(--accent-primary);color:var(--accent-primary)}.storage-status-banner button{background:transparent;border:none;color:inherit;cursor:pointer}.projects-list-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-inline-end:2px}.empty-projects-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 24px;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:10px;color:var(--text-secondary)}.empty-projects-state .empty-icon{font-size:32px}.empty-projects-state h3{font-size:15px;color:var(--text-heading)}.empty-projects-state p{font-size:12px;max-inline-size:460px;line-height:1.5}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:9px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:border-color .15s ease}.project-card:hover{border-color:var(--border-focus)}.project-card.current{border-color:var(--accent-primary);background:#0ea5e90f}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.project-card-top h4{font-size:13px;color:var(--text-heading);display:flex;align-items:center;gap:6px}.active-project-pill{background:var(--accent-primary);color:#fff;font-size:9px;padding:1px 6px;border-radius:999px;text-transform:uppercase}.project-timestamp{display:block;font-size:10px;color:var(--text-secondary);margin-block-start:2px}.drive-synced-badge{background:#2563eb24;color:#3b82f6;border:1px solid rgba(59,130,246,.35);font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;white-space:nowrap}.project-card-stats{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-secondary);background:var(--bg-subtle);padding:6px 8px;border-radius:6px}.project-card-actions{display:flex;gap:8px;align-items:center;margin-block-start:6px}.project-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;flex:1;transition:all .15s ease}.google-sso-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:9px;padding:12px 14px}.google-sso-info{display:flex;flex-direction:column;gap:3px}.google-sso-info strong{font-size:13px;color:var(--text-heading)}.google-sso-info small{display:block;font-size:11px;color:var(--text-secondary)}.google-user-row{display:flex;align-items:center;gap:10px}.google-avatar{inline-size:36px;block-size:36px;border-radius:50%}.google-avatar-fallback{inline-size:36px;block-size:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:grid;place-items:center;font-weight:700}.google-sso-buttons{display:flex;align-items:center;gap:8px}.btn-google-signin{display:flex;align-items:center;gap:8px;background:#fff;color:#1e293b;border:1px solid #cbd5e1;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px #00000014}.btn-google-signin:hover{background:#f8fafc;border-color:#94a3b8}.btn-google-signin .g-icon{display:inline-grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:#4285f4;color:#fff;font-size:11px;font-weight:800}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12ad;display:grid;place-items:center;z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px}.welcome-modal-card{background:var(--bg-panel);border:1px solid var(--border-focus);border-radius:14px;inline-size:min(740px,95vw);max-block-size:90dvb;overflow-y:auto;padding:24px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 28px 65px #00000073}.welcome-brand-row{display:flex;align-items:center;gap:14px}.welcome-logo-img{inline-size:58px;block-size:58px;border-radius:14px;object-fit:cover;border:1.5px solid #38bdf8;box-shadow:0 6px 18px #0284c759}.welcome-top-badge{display:inline-block;margin-block-end:6px;background:#0ea5e924;color:var(--accent-primary);border:1px solid rgba(14,165,233,.35);padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.welcome-modal-card h2{font-size:21px;color:var(--text-heading);letter-spacing:-.015em;line-height:1.25}.welcome-lead{font-size:13px;color:var(--text-secondary);line-height:1.55}.welcome-capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.capability-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px}.cap-icon{font-size:22px;line-height:1;margin-block-start:2px}.capability-item strong{display:block;font-size:13px;color:var(--text-heading);margin-block-end:4px}.capability-item p{font-size:11.5px;color:var(--text-secondary);line-height:1.45}.welcome-footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block-start:10px;border-block-start:1px solid var(--border-subtle)}.btn-welcome-skip{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.btn-welcome-skip:hover{color:var(--text-primary);border-color:var(--border-focus)}.btn-welcome-start{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid #38bdf8;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0284c759}.btn-welcome-start.sm{padding:6px 12px;font-size:11px}.btn-welcome-start:hover{filter:brightness(1.08)}.tour-guide-dock{position:fixed;z-index:140;inline-size:min(390px,92vw);background:var(--bg-panel);border:2px solid var(--border-focus);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 48px #0000006b;transition:all .22s ease}.tour-guide-dock.target-header-views{inset-block-start:86px;inset-inline-start:50%;transform:translate(-50%)}.tour-guide-dock.target-left-toolbox{inset-block-start:120px;inset-inline-start:224px}.tour-guide-dock.target-canvas-stage{inset-block-end:48px;inset-inline-start:50%;transform:translate(-50%)}.tour-guide-dock.target-right-inspector{inset-block-start:120px;inset-inline-end:334px}.tour-guide-dock.target-menubar-bom{inset-block-start:86px;inset-inline-end:20px}.tour-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-step-badge{background:#0ea5e929;color:var(--accent-primary);padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase}.tour-skip-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer}.tour-skip-btn:hover{color:var(--accent-danger);border-color:var(--accent-danger)}.tour-card-title{font-size:15px;color:var(--text-heading);line-height:1.3}.tour-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.tour-tip-box{background:var(--bg-subtle);border-inline-start:3px solid var(--accent-amber);padding:7px 10px;border-radius:5px;font-size:11px;color:var(--text-primary);line-height:1.4}.tour-try-btn{background:var(--bg-card);color:var(--accent-primary);border:1px dashed var(--border-focus);padding:7px 12px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;text-align:center}.tour-try-btn:hover{background:#0ea5e91f}.tour-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block-start:6px;border-block-start:1px solid var(--border-subtle)}.tour-dots{display:flex;align-items:center;gap:6px}.tour-dot{inline-size:8px;block-size:8px;border-radius:50%;border:none;background:var(--border-subtle);cursor:pointer;padding:0}.tour-dot.active{inline-size:18px;border-radius:999px;background:var(--accent-primary)}.tour-nav-btns{display:flex;gap:6px}.tour-quick-links{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--text-secondary)}.tour-link-btn{background:transparent;border:none;color:var(--text-secondary);font-size:10px;text-decoration:underline;cursor:pointer}.tour-link-btn:hover{color:var(--accent-primary)}.roof-skeleton-widget-card{border-color:#f59e0b73;box-shadow:0 4px 16px #f59e0b14}.roof-widget-title{font-size:12px;font-weight:700;color:var(--text-primary)}.roof-widget-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#f59e0b29;color:#d97706;border:1px solid rgba(245,158,11,.35)}.skeleton-profile-preview-box{display:flex;align-items:center;gap:10px;padding:8px;margin-block-end:8px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px}.skeleton-profile-svg{flex-shrink:0;border-radius:6px}.skeleton-profile-meta{display:flex;flex-direction:column;gap:3px;font-size:11px}.skeleton-profile-meta strong{color:var(--text-primary);font-size:12px}.skeleton-profile-meta .mono{color:var(--accent-primary);font-weight:700}.skeleton-profile-meta small{color:var(--text-secondary);font-size:10px}.shape-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-block-start:4px}.shape-type-pill{background:var(--bg-panel);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:center}.shape-type-pill:hover{color:var(--text-primary);border-color:var(--border-focus)}.shape-type-pill.active{background:#f59e0b29;color:var(--text-primary);border-color:#f59e0b;font-weight:700}.wire-bundle-section{padding-block-start:6px;border-block-start:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:6px}.wire-list-stack{display:flex;flex-direction:column;gap:6px;max-block-size:230px;overflow-y:auto;padding-inline-end:2px}.wire-item-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:7px;padding:7px 8px;display:flex;flex-direction:column;gap:6px}.wire-item-top{display:flex;align-items:center;gap:6px}.wire-item-top select{flex:1;min-inline-size:0;font-size:11px;padding:4px 6px}.mobile-only{display:none!important}.desktop-only{display:flex!important}.canvas2d-surface,.viewport3d-canvas{touch-action:none;-webkit-touch-callout:none}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain}@media(max-width:860px){.mobile-only{display:flex!important}.desktop-only{display:none!important}html:not(.blog-html):not(:has(#blog-root)),body:not(.blog-body):not(:has(#blog-root)),#root:not(:has(#blog-root)):not(:has(.blog-page-root)){inline-size:100%;block-size:100dvh;overflow:hidden;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}html.blog-html,body.blog-body,html:has(#blog-root),body:has(#blog-root),html:has(.blog-page-root),body:has(.blog-page-root),#blog-root,.blog-page-root{inline-size:100%!important;block-size:auto!important;height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;-webkit-user-select:text!important;user-select:text!important;position:static!important}.studio-shell{display:flex;flex-direction:column;inline-size:100%;block-size:100dvh;overflow:hidden;position:relative;padding-bottom:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px))}.desktop-menubar{display:none!important}.studio-header{display:flex;align-items:center;justify-content:space-between;padding-block:6px;padding-inline:10px;padding-block-start:calc(6px + env(safe-area-inset-top,0px));background:var(--bg-panel);border-block-end:1px solid var(--border-subtle);gap:8px;z-index:50;min-height:44px;inline-size:100%;box-sizing:border-box;overflow:hidden}.header-left-cluster{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}.brand-block{display:flex;align-items:center;gap:6px;min-width:0;flex-shrink:1;overflow:hidden}.brand-logo{inline-size:26px;block-size:26px;border-radius:0;background:transparent;border:none;box-shadow:none;flex-shrink:0}.brand-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px;color:var(--text-primary)}.brand-subtitle,.view-mode-switcher,.view-mode-dropdown-wrap,.unit-toggle,.header-currency-select,.btn-bom-cta,.btn-pro-edition-badge{display:none!important}.header-right-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-inline-start:auto}.mobile-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-level-badge{background:#0ea5e91f;color:var(--accent-primary);border:1px solid rgba(14,165,233,.35);border-radius:999px;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.mobile-quick-save-btn{display:flex;align-items:center;gap:4px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.mobile-quick-save-btn:active{transform:scale(.95);border-color:var(--border-focus)}.mobile-theme-btn{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);font-size:12px;cursor:pointer}.studio-main{display:block;position:relative;inline-size:100%;flex:1;min-block-size:0;overflow:hidden}.viewport-stage{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;grid-template-columns:1fr;grid-template-rows:1fr}.viewport-stage.mode-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.inspector-dock-rail,.studio-statusbar{display:none!important}.canvas-hud-bottom-right{inset-block-end:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-end:10px}.viewport3d-hud-bottom{inset-block-end:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-start:10px}.autocad-viewcube-widget{inset-block-start:auto!important;inset-block-end:calc(var(--ios-tab-bar-height, 56px) + 14px + env(safe-area-inset-bottom,0px))!important;inset-inline-end:10px!important;transform:scale(.85);transform-origin:bottom right}.toolbox-sidebar,.inspector-sidebar{position:fixed;left:0;right:0;bottom:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px));inline-size:100%!important;max-inline-size:100%!important;max-block-size:78dvh;block-size:auto;background:var(--bg-panel);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;box-shadow:0 -12px 36px #00000073;z-index:220;transform:translateY(115%);transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .2s ease;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-inline:14px;padding-block:10px 28px}.toolbox-sidebar.mobile-sheet-active,.inspector-sidebar.mobile-sheet-active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.ios-sheet-handle-bar{display:flex;justify-content:center;padding-block-end:8px;inline-size:100%}.ios-sheet-handle{inline-size:38px;block-size:4px;border-radius:2px;background:var(--border-subtle)}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding-block-end:10px;border-block-end:1px solid var(--border-subtle);margin-block-end:12px}.mobile-sheet-title{font-size:15px;font-weight:700;color:var(--text-primary)}.ios-done-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #0ea5e966;transition:transform .1s ease}.ios-done-btn:active{transform:scale(.95)}.tool-section{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-block-end:14px!important}.tool-section-title{grid-column:1 / -1!important;font-size:11px!important;font-weight:700!important;color:var(--accent-primary)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-block-end:2px!important}.tool-btn{min-block-size:48px!important;padding-inline:10px!important;padding-block:8px!important;font-size:12px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:8px!important;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;text-align:left!important;box-sizing:border-box!important}.tool-btn.active{background:#0ea5e926!important;border-color:var(--border-focus)!important}.tool-icon{font-size:20px!important;flex-shrink:0!important}.tool-text{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.2!important}.tool-text strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.tool-text small{font-size:10px!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.tool-section>div:not(.tool-btn),.tool-section>label,.tool-section>form{grid-column:1 / -1!important}.inspector-card{padding:12px!important;border-radius:14px!important;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;gap:10px!important;margin-block-end:12px!important}.card-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.card-header-row button{min-block-size:40px!important;font-size:13px!important}.levels-list{max-height:220px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.swatch-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.color-swatch{inline-size:100%!important;block-size:38px!important;border-radius:8px!important}input[type=text],input[type=number],select,textarea{font-size:16px!important;min-block-size:40px!important}.bom-modal-overlay,.bom-fullscreen-studio{padding:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inline-size:100vw!important;block-size:100dvh!important;max-block-size:100dvh!important;z-index:1000!important;overflow:hidden!important}.bom-modal-window,.bom-fullscreen-window{inline-size:100%!important;max-inline-size:100%!important;block-size:100%!important;max-block-size:100%!important;border-radius:0!important;border:none!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important}.bom-studio-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:6px 10px!important;padding-top:calc(6px + env(safe-area-inset-top,0px))!important;gap:8px!important;min-height:42px!important;background:var(--bg-panel)!important;border-block-end:1px solid var(--border-subtle)!important}.bom-studio-brand{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex:1!important}.btn-back-editor{height:30px!important;padding:0 8px!important;font-size:11px!important;gap:4px!important;flex-shrink:0!important}.btn-label-desktop{display:none!important}.btn-label-mobile{display:inline!important}.title-row{flex-wrap:nowrap!important;gap:4px!important;min-width:0!important}.title-row h2{font-size:13px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important;color:var(--text-primary)!important}.qs-spec-badge,.bom-subtitle{display:none!important}.bom-header-actions{display:flex!important;gap:4px!important;flex-shrink:0!important;align-items:center!important}.bom-header-actions button{height:30px!important;min-width:30px!important;padding:0 6px!important;font-size:13px!important}.bom-header-actions .btn-label-text{display:none!important}.bom-mobile-kpi-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:5px 10px!important;background:var(--bg-card)!important;border-block-end:1px solid var(--border-subtle)!important;gap:6px!important;min-height:36px!important;box-sizing:border-box!important}.mobile-kpi-summary-text{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;font-size:11px!important}.mobile-kpi-pill-tag{background:#10b9811f!important;color:#10b981!important;border:1px solid rgba(16,185,129,.3)!important;border-radius:999px!important;font-size:9.5px!important;font-weight:700!important;padding:1px 6px!important;text-transform:uppercase!important}.mobile-kpi-amount{font-size:13px!important;font-weight:800!important}.mobile-kpi-metrics-hint{font-size:10.5px!important;color:var(--text-secondary)!important;text-overflow:ellipsis!important;overflow:hidden!important}.btn-toggle-kpi-drawer{background:var(--bg-panel)!important;border:1px solid var(--border-subtle)!important;color:var(--accent-primary)!important;font-size:10.5px!important;font-weight:700!important;border-radius:6px!important;padding:3px 7px!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important}.bom-fullscreen-kpi{display:none!important}.bom-fullscreen-kpi.mobile-expanded{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:8px 10px!important;max-height:150px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.bom-fullscreen-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:6px 10px!important;gap:6px!important;background:var(--bg-panel)!important}.bom-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:5px!important;padding-bottom:2px!important;inline-size:100%!important}.bom-tab{height:30px!important;padding:0 10px!important;font-size:11px!important;flex-shrink:0!important;gap:4px!important}.tab-label-desktop{display:none!important}.tab-label-mobile{display:inline!important}.bom-filters{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:6px!important;padding-bottom:2px!important;inline-size:100%!important}.filter-select-wrap{flex-shrink:0!important;font-size:11px!important;gap:4px!important;align-items:center!important}.country-select{max-width:140px!important;height:30px!important;font-size:11px!important;padding:0 6px!important}.currency-select{max-width:90px!important;height:30px!important;font-size:11px!important;padding:0 6px!important}.bom-filters select{height:30px!important;font-size:11px!important;padding:0 6px!important}.btn-recap-toggle{height:30px!important;padding:0 8px!important;font-size:11px!important;white-space:nowrap!important;flex-shrink:0!important}.bom-studio-content{padding-inline:10px!important;padding-block-start:10px!important;padding-block-end:calc(16px + env(safe-area-inset-bottom,0px))!important}.boq-table,.bom-table{min-inline-size:680px!important;font-size:11px!important}.boq-table th,.boq-table td,.bom-table th,.bom-table td{padding:6px 8px!important}.recap-card{inline-size:100%!important;padding:12px 14px!important}.standards-top-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.standards-actions-right{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.form-grid-2col{grid-template-columns:1fr!important}.std-editor-modal{inline-size:95vw!important;padding:14px!important}.projects-modal-overlay{padding:0!important;align-items:stretch!important;justify-content:stretch!important;z-index:300!important}.projects-modal-window{inline-size:100%!important;max-inline-size:100%!important;block-size:100dvh!important;max-block-size:100dvh!important;border-radius:0!important;border:none!important;padding-inline:12px!important;padding-block-start:calc(10px + env(safe-area-inset-top,0px))!important;padding-block-end:calc(14px + env(safe-area-inset-bottom,0px))!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.projects-modal-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.projects-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important}.projects-grid{grid-template-columns:1fr!important;gap:10px!important}.welcome-modal-card{inline-size:100%!important;max-inline-size:100%!important;max-block-size:92dvh!important;padding:16px 14px!important;border-radius:16px!important;gap:12px!important}.welcome-brand-row{gap:10px!important}.welcome-logo-img{inline-size:44px!important;block-size:44px!important;border-radius:10px!important}.welcome-modal-card h2{font-size:17px!important}.welcome-capabilities-grid{grid-template-columns:1fr!important;gap:8px!important}.welcome-footer-actions{flex-direction:column-reverse!important;gap:8px!important;inline-size:100%!important}.welcome-footer-actions button{inline-size:100%!important;min-block-size:44px!important;text-align:center!important;justify-content:center!important}.onboarding-card{max-inline-size:calc(100vw - 20px)!important;margin-inline:10px!important;inset-inline-start:10px!important;inset-inline-end:10px!important;inset-block-end:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px) + 12px)!important}}.ios-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:215;animation:iosBackdropFadeIn .2s ease forwards;overscroll-behavior:contain}@keyframes iosBackdropFadeIn{0%{opacity:0}to{opacity:1}}.ios-bottom-nav{display:none}@media(max-width:860px){.ios-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#111827eb;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border-top:1px solid var(--border-subtle);z-index:260}:root[data-theme=light] .ios-bottom-nav{background:#ffffffeb;border-top-color:#00000014}.ios-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-secondary);padding:6px 4px;flex:1;min-width:0;cursor:pointer;transition:color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.ios-nav-tab:active{transform:scale(.92)}.ios-nav-tab.active{color:var(--accent-primary)}.nav-tab-icon{font-size:20px;line-height:1}.nav-tab-title{font-size:10px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ios-nav-tab.active .nav-tab-title{font-weight:700}}.ios-view-popover{position:fixed;bottom:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px) + 8px);left:12px;right:12px;max-width:440px;margin:0 auto;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 16px 48px #00000080;z-index:270;padding:12px 14px 16px;animation:iosPopoverSlideUp .22s cubic-bezier(.32,.72,0,1) forwards}@keyframes iosPopoverSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ios-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);margin-bottom:10px}.ios-popover-title{font-size:14px;font-weight:700;color:var(--text-primary)}.ios-view-options{display:flex;flex-direction:column;gap:8px}.ios-view-option{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;transition:all .15s ease}.ios-view-option:hover,.ios-view-option:active{border-color:var(--border-focus)}.ios-view-option.active{background:#0ea5e91a;border-color:var(--border-focus)}.view-opt-left{display:flex;align-items:center;gap:12px}.view-opt-icon{font-size:24px}.view-opt-meta{display:flex;flex-direction:column}.view-opt-name{font-size:13px;font-weight:700;color:var(--text-primary)}.view-opt-desc{font-size:11px;color:var(--text-secondary)}.view-opt-badge{background:var(--accent-primary);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase}.ios-more-sheet{position:fixed;bottom:calc(var(--ios-tab-bar-height) + env(safe-area-inset-bottom,0px));left:0;right:0;max-height:80dvh;background:var(--bg-panel);border-top:1px solid var(--border-subtle);border-radius:20px 20px 0 0;box-shadow:0 -12px 36px #00000073;z-index:270;padding:12px 16px 28px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:iosSheetSlideUp .26s cubic-bezier(.32,.72,0,1) forwards}@keyframes iosSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ios-more-content{display:flex;flex-direction:column;gap:16px;padding-top:4px}.ios-more-group{display:flex;flex-direction:column;gap:8px}.ios-more-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.ios-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px}.ios-action-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 6px;min-height:64px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.ios-action-cell:active{transform:scale(.96);border-color:var(--border-focus)}.cell-icon{font-size:20px}.cell-label{font-size:11px;text-align:center}.ios-unit-segment{display:flex;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:3px;gap:4px}.unit-seg-btn{flex:1;background:transparent;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer}.unit-seg-btn.active{background:var(--accent-primary);color:#fff}.ios-currency-select{width:100%;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;font-size:16px;font-weight:600;cursor:pointer}@media(min-width:861px)and (max-width:1050px){.studio-main{grid-template-columns:190px 1fr 280px}.studio-main.toolbox-collapsed{grid-template-columns:58px 1fr 280px}.studio-main.inspector-collapsed{grid-template-columns:190px 1fr 48px}.studio-main.toolbox-collapsed.inspector-collapsed{grid-template-columns:58px 1fr 48px}.brand-title{font-size:14px}.brand-subtitle{display:none}}.landscape-template-modal{position:relative;width:min(720px,calc(100vw - 32px));max-height:min(85dvh,760px);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 24px 60px #0000008c;display:flex;flex-direction:column;overflow:hidden;z-index:300;animation:templateModalPop .24s cubic-bezier(.16,1,.3,1) forwards}@keyframes templateModalPop{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.template-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);gap:12px}.template-modal-title-group h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.template-modal-title-group p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.template-modal-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.template-modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-focus)}.template-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;padding:16px 20px 22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(85dvh - 100px)}.template-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;text-align:left;cursor:pointer;transition:all .18s ease;position:relative;gap:10px}.template-card:hover{transform:translateY(-2px);border-color:var(--border-focus);box-shadow:0 8px 24px #0ea5e91f}.template-card.selected{border-color:var(--accent-primary);background:#0ea5e914;box-shadow:0 0 0 2px var(--accent-primary)}.template-card-icon{font-size:32px;display:flex;align-items:center;justify-content:flex-start;height:36px}.template-card-swatch{width:100%;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.template-card-body{display:flex;flex-direction:column;gap:4px;flex:1}.template-card-body h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.template-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-weight:600}.template-card-meta .badge-cat{background:#0ea5e926;color:var(--accent-primary);padding:1px 6px;border-radius:4px;font-size:10px;text-transform:capitalize}.template-card-body p{margin:2px 0 0;font-size:12px;color:var(--text-tertiary);line-height:1.35}.template-card-select-btn{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;color:var(--accent-primary);background:#0ea5e91f;padding:4px 10px;border-radius:6px;transition:all .15s ease;margin-top:4px}.template-card:hover .template-card-select-btn{background:var(--accent-primary);color:#fff}@media(max-width:600px){.landscape-template-modal{width:100vw;height:85dvh;max-height:85dvh;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0}.template-cards-grid{grid-template-columns:1fr;padding:12px 14px 28px}}.btn-pro-edition-badge{display:inline-flex;align-items:center;gap:7px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-pro-edition-badge:hover{background:var(--bg-card-hover);border-color:#0ea5e9;box-shadow:0 2px 10px #0ea5e92e;transform:translateY(-1px)}.badge-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.badge-action-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;letter-spacing:.02em}.tier-quota-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#0f172aa6;border:1px solid rgba(148,163,184,.18);border-radius:8px;margin:10px 16px 4px}.tier-quota-item{display:flex;align-items:center;gap:6px;font-size:12px}.tier-quota-label{color:var(--text-tertiary)}.tier-quota-val{color:var(--text-primary);font-weight:600}.tier-quota-val.quota-full{color:#fbbf24}.btn-ribbon-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border:none;font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-ribbon-upgrade:hover{filter:brightness(1.1);transform:translateY(-1px)}.area-tier-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;border-radius:999px;background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.35);cursor:pointer;margin-left:6px;transition:all .15s ease}.area-tier-pill:hover{background:#0ea5e947}.area-tier-pill.locked{background:#ef444433;color:#f87171;border-color:#ef444473}.project-card.pro-locked{opacity:.88;border-color:#f59e0b59;background:#0f172a73}.pro-lock-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.btn-locked-pro{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.4);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-locked-pro:hover{background:#f59e0b40;border-color:#f59e0b}.pro-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#040710c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeInOverlay .2s cubic-bezier(.16,1,.3,1)}.pro-modal-card{position:relative;width:min(890px,96vw);max-height:94vh;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 0 0 1px #ffffff0f,0 24px 68px -12px #000000bf,0 0 50px -10px #0ea5e926;display:flex;flex-direction:column;overflow:hidden;animation:scaleCardIn .22s cubic-bezier(.16,1,.3,1)}.pro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 10px}.pro-brand-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0ea5e91f;border:1px solid rgba(14,165,233,.3);font-size:10px;font-weight:700;letter-spacing:.1em;color:#38bdf8;text-transform:uppercase}.pro-chip-sparkle{color:#38bdf8;font-size:11px}.pro-btn-dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pro-btn-dismiss:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-secondary);transform:scale(1.05)}.pro-modal-hero{padding:0 28px 16px;text-align:center}.pro-modal-hero h2{margin:0 auto;max-width:680px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}.pro-modal-lead{margin:8px auto 0;max-width:620px;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.pro-context-alert{display:inline-flex;align-items:center;gap:10px;margin:14px auto 0;padding:6px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:999px;font-size:12px;color:var(--text-primary);text-align:left}.alert-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f59e0b;color:#0f172a;padding:2px 7px;border-radius:999px;flex-shrink:0}.alert-message{color:var(--text-secondary)}.pro-billing-switcher{display:inline-flex;align-items:center;gap:4px;margin-top:16px;padding:4px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:999px}.switcher-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.switcher-pill.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:0 2px 8px #0003}.pill-price{font-weight:700;font-size:11.5px;color:var(--text-primary)}.save-badge{font-size:9px;font-weight:800;background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.4);padding:2px 6px;border-radius:999px}.pro-plans-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:18px;padding:0 28px 20px;overflow-y:auto;max-height:calc(94vh - 270px)}.plan-column{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column}.plan-column.elevated{background:linear-gradient(180deg,rgba(14,165,233,.08) 0%,var(--bg-card) 60%);border:1.5px solid #0ea5e9;box-shadow:0 8px 30px #0ea5e929}.plan-badge-space{height:22px;margin-bottom:6px}.free-active-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.pro-popular-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;box-shadow:0 2px 8px #0ea5e959}.pro-name-row{display:flex;align-items:center;justify-content:space-between}.plan-name{margin:0;font-size:18px;font-weight:800;color:var(--text-primary)}.pro-tier-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.plan-summary{margin:6px 0 14px;font-size:12px;line-height:1.4;color:var(--text-secondary);min-height:34px}.plan-price-block{display:flex;align-items:baseline;gap:2px;margin-bottom:6px}.price-currency{font-size:20px;font-weight:700;color:var(--text-primary)}.price-number{font-size:34px;font-weight:900;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.price-cycle{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:4px;display:flex;flex-direction:column}.cycle-subnote{font-size:10.5px;color:#10b981;font-weight:600}.plan-divider{height:1px;background:var(--border-subtle);margin:14px 0 16px}.plan-features-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:12px}.pro-features-label{color:#0ea5e9}.plan-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.plan-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:var(--text-secondary)}.plan-features-list li strong{color:var(--text-primary)}.plan-features-list li.dimmed{opacity:.4}.feat-check{width:14px;height:14px;color:#10b981;flex-shrink:0;margin-top:2px}.feat-minus{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0;margin-top:2px}.feature-icon-box{width:18px;height:18px;border-radius:5px;background:#0ea5e926;border:1px solid rgba(14,165,233,.35);color:#0ea5e9;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.feature-icon-box svg{width:11px;height:11px}.feature-content{display:flex;flex-direction:column;gap:2px}.feature-content strong{font-size:12.5px;font-weight:700;color:var(--text-primary)}.feature-content span{font-size:11px;color:var(--text-secondary);line-height:1.35}.plan-cta-wrap{margin-top:20px;display:flex;flex-direction:column;gap:8px}.btn-plan-secondary{width:100%;padding:10px 16px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-plan-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-pro-primary{width:100%;padding:13px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #0ea5e959;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-pro-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #0ea5e980;filter:brightness(1.06)}.btn-pro-primary:active{transform:translateY(0)}.btn-pro-arrow{font-size:16px;transition:transform .15s ease}.btn-pro-primary:hover .btn-pro-arrow{transform:translate(3px)}.guarantee-microtext{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;color:var(--text-secondary);text-align:center}.guarantee-microtext svg{color:#10b981;flex-shrink:0}.pro-modal-footer{padding:14px 28px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.social-proof-strip{display:flex;align-items:center;gap:8px}.stars-cluster{color:#f59e0b;letter-spacing:2px;font-size:11px}.proof-text{font-size:11px;color:var(--text-secondary)}.proof-text strong{color:var(--text-primary)}.trust-badges-strip{display:flex;align-items:center;gap:16px}.trust-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}.trust-item svg{color:#0ea5e9;flex-shrink:0}@media(max-width:720px){.pro-modal-header{padding:16px 18px 8px}.pro-modal-hero{padding:0 18px 12px}.pro-modal-hero h2{font-size:20px}.pro-plans-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:14px}.pro-modal-footer{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.trust-badges-strip{flex-wrap:wrap;gap:10px}}.undo-redo-group{display:inline-flex;align-items:center;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:8px;padding:2px;gap:2px}.btn-undo-redo{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;padding:5px 11px;border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-undo-redo:hover:not(:disabled){background:#0ea5e926;color:var(--text-primary)}.btn-undo-redo:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(1)}.btn-undo-redo .undo-icon{font-size:14px;line-height:1}@media(max-width:900px){.btn-undo-redo .undo-text{display:none}.btn-undo-redo{padding:5px 8px}}.viewport-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1120c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:grid;place-items:center;animation:fadeInOverlay .2s ease-out forwards;pointer-events:all}.viewport-loading-card{background:#0f172af0;border:1px solid rgba(14,165,233,.35);border-radius:16px;padding:26px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(380px,90vw);box-shadow:0 20px 50px #000000a6,0 0 30px #0ea5e933;gap:10px;animation:scaleCardIn .25s cubic-bezier(.16,1,.3,1) forwards}.viewport-loading-card h4{margin:6px 0 0;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.viewport-loading-card p{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.blueprint-compass-spinner{position:relative;width:58px;height:58px;display:grid;place-items:center}.blueprint-compass-spinner .spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(14,165,233,.2);border-top-color:#38bdf8;border-right-color:#0ea5e9;animation:spinCompass .9s cubic-bezier(.4,0,.2,1) infinite}.blueprint-compass-spinner .spinner-core{font-size:26px;animation:pulseCore 1.6s ease-in-out infinite}.isometric-cube-spinner{position:relative;width:58px;height:58px;display:grid;place-items:center;animation:floatCube 2s ease-in-out infinite}.isometric-cube-spinner .cube-wireframe{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:2px dashed rgba(245,158,11,.6);animation:spinCompass 3.5s linear infinite}.isometric-cube-spinner .cube-icon{font-size:28px}.loading-progress-bar{width:100%;height:4px;background:#94a3b826;border-radius:999px;overflow:hidden;margin-top:6px;position:relative}.loading-progress-fill{position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,transparent,#38bdf8,transparent);border-radius:999px;animation:progressSlide 1.2s ease-in-out infinite}.loading-progress-fill.pro-gradient{background:linear-gradient(90deg,transparent,#f59e0b,transparent)}@keyframes spinCompass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseCore{0%,to{transform:scale(.92);opacity:.85}50%{transform:scale(1.1);opacity:1}}@keyframes floatCube{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes progressSlide{0%{left:-40%;width:30%}50%{left:40%;width:60%}to{left:110%;width:30%}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleCardIn{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.floor-stratification-subtree{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:6px}.cluster-count-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.floor-empty-note{font-size:11px;color:var(--text-secondary);font-style:italic;padding:6px 8px;background:var(--bg-subtle);border-radius:6px}.floor-group-node{border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.floor-group-node.selected{border-color:var(--accent-primary);background:#0ea5e90d}.floor-group-row{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px}.floor-group-row:hover{background:var(--bg-card-hover)}.floor-node-icon{font-size:13px;flex-shrink:0}.floor-node-info{display:flex;flex-direction:column;flex:1;min-width:0}.floor-node-title{font-weight:600;font-size:11.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-node-meta{font-size:10px;color:var(--text-secondary)}.btn-add-layer-mini{padding:2px 7px;font-size:10.5px;font-weight:600;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--accent-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-add-layer-mini:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.floor-sublayers-branch{display:flex;flex-direction:column;padding:2px 6px 6px 14px;gap:3px;border-top:1px solid rgba(148,163,184,.08)}.floor-sublayer-leaf{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .12s ease}.floor-sublayer-leaf:hover{background:var(--bg-card-hover);color:var(--text-primary)}.floor-sublayer-leaf.active{background:#0ea5e926;color:var(--accent-primary);font-weight:600}.sublayer-elbow{color:var(--text-secondary);opacity:.6;font-family:monospace;font-size:11px}.sublayer-dot{width:9px;height:9px;border-radius:2px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.sublayer-leaf-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sublayer-leaf-thick{font-size:10px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);padding:1px 4px;border-radius:3px;border:1px solid var(--border-subtle)}.stratification-buildup-card{margin-top:12px;padding:12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.stratification-card-header{display:flex;flex-direction:column;gap:2px}.stratification-card-header strong{font-size:12px;color:var(--text-primary)}.stratification-sub-hint{font-size:10px;color:var(--text-secondary);letter-spacing:.2px}.buildup-layers-stack{display:flex;flex-direction:column;gap:4px}.buildup-layer-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.buildup-layer-pill:hover{background:var(--bg-card-hover);border-color:#0ea5e966}.buildup-layer-pill.active{border-color:var(--accent-primary);background:#0ea5e91f;box-shadow:0 0 0 1px var(--accent-primary)}.buildup-layer-bullet{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.25);flex-shrink:0}.buildup-layer-info{display:flex;flex-direction:column;flex:1;min-width:0}.buildup-layer-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.buildup-layer-name{font-size:11.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buildup-layer-dim{font-size:11px;font-weight:700;color:var(--accent-primary);background:var(--bg-card);padding:2px 6px;border-radius:4px;border:1px solid var(--border-subtle);flex-shrink:0}.active-sublayer-panel{padding:10px;border-radius:6px;background:var(--bg-panel);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;margin-top:4px}.active-sublayer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.active-sublayer-title{font-size:11.5px;color:var(--text-primary)}.layer-action-buttons{display:flex;align-items:center;gap:4px}.btn-layer-nav,.btn-layer-delete{padding:2px 6px;font-size:10.5px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .12s ease}.btn-layer-nav:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary)}.btn-layer-nav:disabled,.btn-layer-delete:disabled{opacity:.4;cursor:not-allowed}.btn-layer-delete:hover:not(:disabled){background:#dc262626;border-color:var(--accent-danger);color:var(--accent-danger)}.color-hex-tag{font-family:monospace;font-size:11px;color:var(--text-secondary)}.add-layer-section{display:flex;flex-direction:column;gap:6px;margin-top:4px}.add-layer-section-title{font-size:11px;font-weight:600;color:var(--text-secondary)}.add-layer-preset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.btn-add-layer-preset{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-primary);font-size:10.5px;cursor:pointer;text-align:left;transition:all .12s ease;min-width:0}.btn-add-layer-preset:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.preset-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.2)}.preset-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-thickness-badge{font-size:9px;font-weight:700;color:var(--accent-primary);flex-shrink:0}.btn-add-custom-layer{grid-column:span 2;padding:6px 10px;border-radius:5px;border:1px dashed var(--accent-primary);background:#0ea5e90d;color:var(--accent-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add-custom-layer:hover{background:#0ea5e926}.badge-highlight{color:var(--accent-primary)!important}.blog-page-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.blog-navbar{position:sticky;top:0;z-index:100;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.blog-nav-container{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-nav-left{display:flex;align-items:center;gap:12px}.blog-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.blog-back-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.blog-brand-divider{width:1px;height:20px;background:var(--border-subtle)}.blog-brand-title{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:-.01em}.blog-brand-icon{font-size:16px}.btn-launch-cad-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0ea5e959;transition:all .15s ease}.btn-launch-cad-pill:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e973}.btn-launch-cad-pill .pill-arrow{font-size:14px;transition:transform .15s ease}.btn-launch-cad-pill:hover .pill-arrow{transform:translate(3px)}.blog-main-container{flex:1;max-width:1040px;width:100%;margin:0 auto;padding:32px 20px 60px}.blog-hero-section{text-align:center;max-width:800px;margin:0 auto 36px}.blog-hero-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;padding:3px 10px;border-radius:999px;background:#0ea5e91f;color:#0ea5e9;border:1px solid rgba(14,165,233,.3);margin-bottom:12px}.blog-hero-section h1{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 12px;color:var(--text-primary)}.blog-hero-lead{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.blog-search-bar{display:flex;align-items:center;gap:10px;max-width:580px;margin:0 auto 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;padding:8px 16px;box-shadow:0 2px 12px #0000000f;transition:border-color .15s ease}.blog-search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0ea5e926}.blog-search-bar input{flex:1;background:transparent;border:none;outline:none;font-size:13.5px;color:var(--text-primary)}.clear-search-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 6px}.category-filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.category-pill{padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.category-pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.category-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.blog-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:48px}.article-summary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:24px;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,border-color .18s ease}.article-summary-card:hover{transform:translateY(-3px);border-color:#0ea5e966;box-shadow:0 12px 28px #0000001f}.article-summary-card.featured-card{grid-column:1 / -1;background:linear-gradient(135deg,rgba(14,165,233,.08) 0%,var(--bg-card) 100%);border-color:#0ea5e94d}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-category-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;background:#0ea5e926;color:#0ea5e9}.card-read-time{font-size:11px;color:var(--text-secondary)}.card-title{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.35;color:var(--text-primary)}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--accent-primary)}.article-summary-card.featured-card .card-title{font-size:22px}.card-excerpt{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0 0 16px;flex:1}.card-footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:11.5px}.card-author-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.author-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.card-read-action{font-weight:700;color:var(--accent-primary)}.blog-bottom-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:32px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.bottom-banner-text h3{margin:0 0 6px;font-size:18px;color:var(--text-primary)}.bottom-banner-text p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary);max-width:620px}.btn-launch-large{padding:12px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #0ea5e959;transition:all .15s ease}.btn-launch-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}.article-reader-view{max-width:820px;margin:0 auto;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:36px 36px 48px}.article-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:20px}.article-breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.article-breadcrumbs a:hover{color:var(--accent-primary)}.crumb-active{color:var(--accent-primary);font-weight:600}.article-header{border-bottom:1px solid var(--border-subtle);padding-bottom:24px;margin-bottom:32px}.article-meta-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.article-category-tag{font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.article-title{font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:0 0 14px;color:var(--text-primary)}.article-summary-lead{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0 0 20px}.article-author-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px}.author-avatar-fallback{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.author-details{display:flex;flex-direction:column;flex:1}.author-name{font-size:13px;color:var(--text-primary)}.author-role{font-size:11px;color:var(--text-secondary)}.btn-share-link{padding:6px 12px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-share-link:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.article-section-block{margin-bottom:36px}.article-section-block h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 14px;line-height:1.35}.section-prose p{font-size:15px;line-height:1.7;color:var(--text-primary);margin:0 0 16px}.section-prose ul,.section-prose ol{font-size:14.5px;line-height:1.65;color:var(--text-primary);margin:0 0 16px 20px}.article-callout{display:flex;gap:12px;padding:16px;border-radius:10px;margin:20px 0;border-left:4px solid var(--accent-primary);background:#0ea5e914}.article-callout.tip{border-left-color:#10b981;background:#10b98114}.article-callout.warning{border-left-color:#f59e0b;background:#f59e0b14}.callout-icon{font-size:20px;line-height:1}.callout-body strong{display:block;font-size:13.5px;color:var(--text-primary);margin-bottom:4px}.callout-body p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.article-table-wrap{margin:24px 0;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:10px}.article-data-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}.article-data-table caption{font-size:12px;font-weight:700;color:var(--text-secondary);text-align:left;padding:10px 14px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.article-data-table th{background:var(--bg-card);padding:10px 14px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.article-data-table td{padding:9px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.article-data-table tr:last-child td{border-bottom:none}.article-data-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.article-legal-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-subtle);margin-top:32px}.disclaimer-shield{font-size:18px;line-height:1.2;flex-shrink:0}.article-legal-disclaimer p{margin:0;font-size:11.5px;line-height:1.55;color:var(--text-secondary)}.article-legal-disclaimer strong{color:var(--text-primary)}.article-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.article-tags-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:28px}.article-tag-chip{padding:4px 10px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-subtle);font-size:11px;font-weight:600}.article-cad-cta-banner{background:linear-gradient(135deg,rgba(14,165,233,.12) 0%,var(--bg-card) 100%);border:1.5px solid var(--accent-primary);border-radius:14px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.cta-banner-content h3{margin:0 0 6px;font-size:17px;color:var(--text-primary)}.cta-banner-content p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.btn-cta-launch{padding:12px 20px;border-radius:8px;border:none;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #0ea5e959;transition:all .15s ease}.btn-cta-launch:hover{transform:translateY(-2px);filter:brightness(1.08)}.related-articles-section h3{font-size:16px;margin:0 0 14px;color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;cursor:pointer;transition:all .15s ease}.related-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.related-cat{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent-primary);display:block;margin-bottom:6px}.related-card h4{margin:0 0 8px;font-size:13.5px;line-height:1.35;color:var(--text-primary)}.related-link{font-size:11px;font-weight:700;color:var(--accent-primary)}.blog-site-footer{background:var(--bg-panel);border-top:1px solid var(--border-subtle);padding:36px 20px 24px}.footer-container{max-width:1040px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-col-brand strong{display:block;font-size:15px;color:var(--text-primary);margin-bottom:6px}.footer-col-brand p{font-size:12.5px;color:var(--text-secondary);line-height:1.5;max-width:440px;margin:0}.footer-col-links h4{font-size:13px;color:var(--text-primary);margin:0 0 10px}.footer-col-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}.footer-col-links a{color:var(--text-secondary);text-decoration:none}.footer-col-links a:hover{color:var(--accent-primary)}.footer-copyright{max-width:1040px;margin:0 auto;padding-top:18px;border-top:1px solid var(--border-subtle);font-size:11.5px;color:var(--text-secondary);text-align:center}@media(max-width:768px){.blog-nav-container{padding:10px 14px;gap:10px}.blog-nav-right{display:none}.blog-brand-title{font-size:13px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-main-container{padding:20px 14px 48px}.blog-hero-section h1{font-size:24px}.blog-bottom-banner{flex-direction:column;align-items:flex-start}.article-reader-view{padding:20px 14px}.article-title{font-size:22px}.article-cad-cta-banner{flex-direction:column;align-items:flex-start}.related-grid{grid-template-columns:1fr}}.sub-page-wrapper{min-height:100vh;background-color:#0b0f19;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.sub-header{position:sticky;top:0;z-index:100;background:#0b0f19d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);height:68px;display:flex;align-items:center}.sub-header-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.sub-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.sub-logo-img{width:32px;height:32px;border-radius:8px}.sub-brand-text{display:flex;flex-direction:column}.sub-brand-title{font-weight:700;font-size:1.05rem;color:#f8fafc;letter-spacing:-.2px}.sub-brand-subtitle{font-size:.72rem;color:#94a3b8;letter-spacing:.4px;text-transform:uppercase}.sub-nav{display:flex;align-items:center;gap:24px}.sub-nav-link{color:#94a3b8;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.sub-nav-link:hover{color:#f8fafc}.sub-btn-nav-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 18px;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 2px 10px #2563eb59;transition:transform .15s,box-shadow .15s}.sub-btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb73}.sub-hero{max-width:960px;margin:0 auto;padding:64px 24px 40px;text-align:center}.sub-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#93c5fd;border-radius:9999px;padding:6px 16px;font-size:.78rem;font-weight:600;letter-spacing:.6px;margin-bottom:24px}.sub-badge-sparkle{color:#60a5fa}.sub-hero-title{font-size:2.85rem;font-weight:800;color:#f8fafc;line-height:1.18;letter-spacing:-.03em;margin:0 0 20px}.sub-hero-desc{font-size:1.1rem;color:#94a3b8;line-height:1.65;max-width:760px;margin:0 auto 36px}.sub-switcher-container{display:flex;justify-content:center;margin-bottom:16px}.sub-switcher{display:inline-flex;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:5px;gap:4px}.sub-switcher-btn{background:transparent;border:none;color:#94a3b8;padding:8px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.sub-switcher-btn:hover{color:#f1f5f9}.sub-switcher-btn.active{background:#1e293b;color:#fff;box-shadow:0 2px 8px #0006}.sub-pill-badge{background:#f59e0b33;color:#fbbf24;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.sub-pill-badge.emerald{background:#10b98133;color:#34d399}.sub-pill-badge.blue{background:#3b82f633;color:#93c5fd}.sub-cards-section{max-width:1200px;margin:0 auto;padding:0 24px 64px}.sub-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.sub-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.sub-card:hover{transform:translateY(-2px);border-color:#ffffff29}.sub-card.featured{background:#0f172ad9;border:2px solid #3b82f6;box-shadow:0 12px 36px #2563eb40}.sub-card.highlighted-ring{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d,0 12px 36px #0006}.sub-featured-ribbon{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:4px 16px;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 12px #2563eb66}.sub-featured-ribbon.emerald{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #05966966}.sub-tier-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sub-card-tier{font-size:1.15rem;font-weight:700;color:#f8fafc}.sub-badge-save{background:#3b82f626;color:#60a5fa;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.sub-badge-save.emerald{background:#10b98126;color:#34d399}.sub-card-price-wrap{display:flex;align-items:baseline;gap:4px;margin:12px 0 6px}.sub-price-currency{font-size:1.5rem;font-weight:600;color:#cbd5e1}.sub-price-number{font-size:3rem;font-weight:800;color:#f8fafc;line-height:1;letter-spacing:-.03em}.sub-price-period{font-size:.95rem;color:#94a3b8;font-weight:500}.sub-billed-note{font-size:.85rem;color:#cbd5e1;margin-bottom:12px}.sub-billed-note strong{color:#f8fafc}.sub-card-tagline{font-size:.875rem;color:#94a3b8;line-height:1.45;margin:0;min-height:52px}.sub-card-divider{height:1px;background:#ffffff14;margin:20px 0}.sub-card-limits-box{background:#1e293b66;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.sub-card-limits-box.pro-accent{background:#2563eb14;border-color:#3b82f633}.sub-limit-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.sub-limit-label{color:#94a3b8}.sub-limit-val{font-weight:600;color:#f1f5f9}.text-emerald{color:#10b981!important}.sub-feature-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.sub-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#cbd5e1;line-height:1.4}.sub-check{color:#94a3b8;font-weight:700;flex-shrink:0;margin-top:1px}.sub-check.pro{color:#10b981}.sub-card-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.sub-btn-card-primary{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:13px 20px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:transform .15s,box-shadow .15s}.sub-btn-card-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.sub-btn-card-outline{width:100%;background:transparent;color:#f8fafc;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 20px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sub-btn-card-outline:hover{background:#ffffff0f;border-color:#ffffff59}.sub-micro-guarantee{font-size:.75rem;color:#64748b;text-align:center}.sub-monthly-bar{margin-top:32px;background:#1e293b66;border:1px dashed rgba(255,255,255,.15);border-radius:14px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sub-monthly-badge{font-size:.72rem;font-weight:700;color:#60a5fa;letter-spacing:.5px;display:block;margin-bottom:4px}.sub-monthly-info h3{margin:0 0 6px;font-size:1.15rem;color:#f8fafc}.sub-monthly-info p{margin:0;font-size:.875rem;color:#94a3b8;max-width:650px;line-height:1.45}.sub-btn-monthly{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f8fafc;padding:10px 22px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.sub-btn-monthly:hover{background:#ffffff24;border-color:#60a5fa}.sub-psychology-section{background:#0f172a80;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:72px 24px}.sub-psychology-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.sub-psych-kicker{font-size:.78rem;font-weight:700;color:#f59e0b;letter-spacing:.6px;text-transform:uppercase;display:block;margin-bottom:12px}.sub-psych-col h2{font-size:2.1rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 16px;letter-spacing:-.02em}.sub-psych-col p{color:#94a3b8;font-size:.98rem;line-height:1.6;margin:0 0 16px}.sub-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sub-stat-card{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px;display:flex;flex-direction:column}.sub-stat-num{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1;margin-bottom:8px}.sub-stat-label{font-size:.82rem;color:#94a3b8;line-height:1.4}.sub-comparison-section{max-width:1200px;margin:0 auto;padding:80px 24px}.sub-section-header{text-align:center;max-width:700px;margin:0 auto 48px}.sub-section-kicker{font-size:.78rem;font-weight:700;color:#60a5fa;letter-spacing:.6px;text-transform:uppercase;display:block;margin-bottom:8px}.sub-section-header h2{font-size:2.2rem;font-weight:800;color:#f8fafc;margin:0 0 12px;letter-spacing:-.02em}.sub-section-header p{font-size:1rem;color:#94a3b8;margin:0}.sub-table-container{overflow-x:auto;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:16px}.sub-comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.sub-comparison-table th,.sub-comparison-table td{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.sub-comparison-table th{background:#1e293b80;color:#f8fafc;font-weight:700;font-size:.95rem}.sub-comparison-table th.th-pro{color:#38bdf8;background:#38bdf814}.sub-comparison-table td.td-pro{background:#38bdf808}.table-category-row td{background:#1e293b59;color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:12px 24px}.sub-faq-section{max-width:860px;margin:0 auto;padding:0 24px 80px}.sub-faq-accordion{display:flex;flex-direction:column;gap:12px}.sub-faq-item{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;cursor:pointer;transition:border-color .2s,background .2s}.sub-faq-item:hover{border-color:#ffffff29;background:#0f172acc}.sub-faq-item.open{border-color:#3b82f666}.sub-faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.02rem;color:#f8fafc}.sub-faq-icon{font-size:1.4rem;color:#60a5fa;line-height:1}.sub-faq-answer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:#94a3b8;font-size:.92rem;line-height:1.6}.sub-faq-answer p{margin:0}.sub-bottom-cta{background:linear-gradient(180deg,#0f172a66,#1e293b99);border-top:1px solid rgba(255,255,255,.08);padding:80px 24px;text-align:center}.sub-bottom-cta-inner{max-width:720px;margin:0 auto}.sub-bottom-cta-inner h2{font-size:2.3rem;font-weight:800;color:#f8fafc;margin:0 0 16px;letter-spacing:-.02em}.sub-bottom-cta-inner p{font-size:1.05rem;color:#94a3b8;margin:0 0 32px;line-height:1.5}.sub-bottom-cta-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.sub-btn-card-primary.large{width:auto;padding:14px 32px;font-size:1.05rem}.sub-btn-card-outline.large{width:auto;padding:13px 28px;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center}.sub-bottom-note{font-size:.8rem;color:#64748b;display:block}.sub-footer{background:#070a11;border-top:1px solid rgba(255,255,255,.06);padding:60px 24px 32px}.sub-footer-inner{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:1.4fr 2fr;gap:48px}.sub-footer-desc{font-size:.85rem;color:#64748b;line-height:1.5;margin-top:12px;max-width:320px}.sub-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.sub-link-group h4{font-size:.82rem;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.sub-link-group a,.sub-footer-muted{display:block;font-size:.85rem;color:#94a3b8;text-decoration:none;margin-bottom:10px;transition:color .15s}.sub-link-group a:hover{color:#38bdf8}.sub-footer-muted{color:#64748b}.sub-copyright{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:#64748b;text-align:center}@media(max-width:1024px){.sub-cards-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}.sub-psychology-inner{grid-template-columns:1fr}}@media(max-width:768px){.sub-nav{display:none}.sub-hero-title{font-size:2.1rem}.sub-hero-desc{font-size:.95rem}.sub-monthly-bar{flex-direction:column;align-items:flex-start}.sub-stat-grid,.sub-footer-inner,.sub-footer-links{grid-template-columns:1fr}}.prop-label-action-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.btn-create-mat-link{background:#2563eb29;color:#60a5fa;border:1px solid rgba(59,130,246,.38);border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px;cursor:pointer;transition:all .15s ease;line-height:1.4;white-space:nowrap}.btn-create-mat-link:hover{background:#2563eb52;color:#93c5fd;border-color:#3b82f6;transform:translateY(-.5px)}.pro-lock-pill{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.05em;padding:1px 6px;border-radius:4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;box-shadow:0 1px 3px #f59e0b4d}@media screen{.print-watermark-overlay,.studio-print-watermark{display:none!important}}@media print{.desktop-menubar,.desktop-header-controls,.bom-header-actions,.btn-close-fullscreen,.btn-back-editor,.bom-tabs,.floating-toolbox,.app-sidebar,.mobile-nav-bar,.mobile-header-actions{display:none!important}.bom-fullscreen-studio{position:static!important;background:#fff!important;color:#000!important}.bom-fullscreen-window{box-shadow:none!important;border:none!important}.print-watermark-overlay,.studio-print-watermark{display:block!important;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999999}.print-watermark-diagonal,.studio-watermark-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:52px;font-weight:900;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#dc262624!important;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-watermark-header{position:fixed;top:0;left:0;right:0;text-align:center;font-size:11px;font-weight:800;letter-spacing:.05em;color:#b91c1c!important;background:#fee2e2cc!important;padding:6px 12px;border-bottom:2px solid #ef4444;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-watermark-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#475569!important;background:#f1f5f9e6!important;padding:5px 12px;border-top:1px solid #cbd5e1;-webkit-print-color-adjust:exact;print-color-adjust:exact}.studio-watermark-sub{position:fixed;top:58%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:17px;font-weight:800;color:#dc262638!important;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.mat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#040710c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;box-sizing:border-box;animation:fadeInOverlay .18s ease-out}.mat-modal-card{position:relative;width:min(680px,96vw);max-height:90vh;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,0 24px 60px -12px #000c,0 0 40px -10px #2563eb33;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:scaleCardIn .2s cubic-bezier(.16,1,.3,1)}.mat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172af2;flex-shrink:0}.mat-modal-header-left{display:flex;align-items:center;gap:12px}.mat-modal-header-icon{width:38px;height:38px;border-radius:10px;background:#2563eb2e;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.mat-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc;line-height:1.3}.mat-modal-subtitle{margin:2px 0 0;font-size:.8rem;color:#94a3b8}.mat-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:14px}.mat-close-btn:hover{background:#ffffff1f;color:#f8fafc;border-color:#ffffff40}.mat-modal-body{overflow-y:auto;flex:1;padding:18px 24px;display:flex;flex-direction:column;gap:14px}.mat-status-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;font-size:.85rem;flex-shrink:0}.mat-status-banner.drive{background:#2563eb1f;border:1px solid rgba(59,130,246,.3);color:#bfdbfe}.mat-status-banner.warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fde68a}.mat-banner-icon{font-size:1.3rem;line-height:1;flex-shrink:0}.mat-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mat-form-group{display:flex;flex-direction:column;gap:5px}.mat-form-group.full-width{grid-column:1 / -1}.mat-label{font-size:.82rem;font-weight:600;color:#cbd5e1;letter-spacing:.01em}.mat-input,.mat-select{width:100%;height:40px;padding:8px 12px;border-radius:8px;background:#090d16;border:1px solid rgba(255,255,255,.14);color:#f8fafc;font-size:.88rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.mat-input:focus,.mat-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.mat-color-row{display:flex;align-items:center;gap:8px}.mat-color-picker{width:44px;height:40px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:none;cursor:pointer;flex-shrink:0}.mat-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0f172afa;flex-shrink:0}@media(max-width:600px){.mat-form-grid{grid-template-columns:1fr}}.mat-mode-switcher{display:flex;background:#0006;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.1);gap:6px;margin-bottom:4px}.mat-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mat-mode-btn:hover{color:#f1f5f9;background:#ffffff0d}.mat-mode-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb59}.mat-mode-badge{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;background:#ffffff38;color:#fff}.mat-presets-bar{display:flex;flex-direction:column;gap:8px;background:#0f172ab3;border:1px dashed rgba(59,130,246,.35);border-radius:10px;padding:10px 14px}.mat-presets-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;color:#93c5fd;text-transform:uppercase;letter-spacing:.04em}.mat-presets-row{display:flex;flex-wrap:wrap;gap:8px}.mat-preset-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.mat-preset-pill:hover{background:#2563eb38;border-color:#3b82f680;color:#fff}.mat-subcomponents-section{display:flex;flex-direction:column;gap:12px;margin-top:6px}.mat-subcomponents-header{display:flex;align-items:center;justify-content:space-between}.mat-subcomponents-title{font-size:.9rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:8px}.mat-subcomponent-card{background:#090e1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s ease}.mat-subcomponent-card:hover{border-color:#3b82f659}.mat-subcomponent-toprow{display:flex;align-items:center;justify-content:space-between;gap:10px}.mat-subcomponent-num{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.mat-subcomponent-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mat-subcomponent-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mat-subcomponent-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08);font-size:.8rem}.mat-subcomponent-cost-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-weight:600;font-size:.8rem}.mat-rollup-card{background:linear-gradient(135deg,#1e3a8a40,#0f172a99);border:1px solid rgba(59,130,246,.35);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.mat-rollup-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#cbd5e1}.mat-rollup-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);font-weight:700;font-size:1.05rem;color:#fff}.mat-rollup-total .amount{font-size:1.25rem;color:#38bdf8;font-weight:800}@media(max-width:600px){.mat-subcomponent-grid-3col,.mat-subcomponent-grid-4col{grid-template-columns:1fr}}