@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d7d9d6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{width:100vw;min-width:0;height:100dvh;min-height:0;margin:0;overflow:hidden}button,input{font:inherit}button{border:0}#root{height:100dvh;min-height:0}.app-shell[data-theme=light]{--bg-app:#f3f4f6;--bg-workspace:#cdd3d0;--bg-sidebar:#eef1ef;--border-ui:#c4cbc7;--border-ui-light:#ccd4d0;--text-primary:#223238;--text-secondary:#516062;--text-muted:#6b7779;--bg-input:#fbfcfb;--border-input:#c5ceca;--border-input-hover:#98b3a7;--bg-panel-heading:transparent;--border-panel-heading:#c8d0cc;--text-panel-heading:#0f3438;--bg-tree-item-hover:#e1ebe8;--border-tree-item-hover:#bdd0cc;--bg-active-tree-item:#d7ece7;--text-active-tree-item:#0f3438;--border-active-tree-item:#78aaa3;--canvas-shell-bg:#f7f8f7;--canvas-shell-border:#9daaa6;--topbar-bg:#233136;--topbar-border:#172326;--topbar-text:#f6f8f7;--topbar-hover:#31454b;--ribbon-bg:#eff1ef;--ribbon-border:#c7ceca;--ribbon-button-bg:#f9fbfa;--ribbon-button-border:#ccd4d0;--ribbon-button-hover:#e5f0ee;--ribbon-button-hover-border:#91aaa8;--ribbon-button-active-text:#102d32;--ribbon-button-active-bg:#cce6e0;--ribbon-button-active-border:#4e8e8a;--bg-modal:#eef1ef;--border-modal:#aeb8b4;--bg-picker-button:#f8fbfa;--border-picker-button:#c7d2ce;--bg-picker-button-active:#d7ece7;--border-picker-button-active:#69a29d;--bg-panel:#f6f8f7;--border-panel:#c8d1cd;--bg-active-tab:#d7ece7;--border-active-tab:#69a29d;--text-active-tab:#0f3438;--accent-color:#2563eb;--accent-hover:#1d4ed8}.app-shell[data-theme=dark]{--bg-app:#121214;--bg-workspace:#1a1a1e;--bg-sidebar:#18181c;--border-ui:#2a2b30;--border-ui-light:#202124;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--bg-input:#1f1f23;--border-input:#2d2e33;--border-input-hover:#3b82f6;--bg-panel-heading:transparent;--border-panel-heading:#2a2b30;--text-panel-heading:#f3f4f6;--bg-tree-item-hover:#232329;--border-tree-item-hover:#2a2b30;--bg-active-tree-item:#2d2e33;--text-active-tree-item:#f3f4f6;--border-active-tree-item:#3b82f6;--canvas-shell-bg:#1e1f22;--canvas-shell-border:#2a2b30;--topbar-bg:#111113;--topbar-border:#1d1e22;--topbar-text:#f3f4f6;--topbar-hover:#232329;--ribbon-bg:#141416;--ribbon-border:#2a2b30;--ribbon-button-bg:#18181c;--ribbon-button-border:#2d2e33;--ribbon-button-hover:#232329;--ribbon-button-hover-border:#3b82f6;--ribbon-button-active-text:#fff;--ribbon-button-active-bg:#3b82f6;--ribbon-button-active-border:#3b82f6;--bg-modal:#1e1f23;--border-modal:#2a2b30;--bg-picker-button:#18181c;--border-picker-button:#2d2e33;--bg-picker-button-active:#2d2e33;--border-picker-button-active:#3b82f6;--bg-panel:#141416;--border-panel:#2d2e33;--bg-active-tab:#2d2e33;--border-active-tab:#3b82f6;--text-active-tab:#fff;--accent-color:#3b82f6;--accent-hover:#2563eb}.app-shell{width:100vw;min-width:0;max-width:100vw;height:100dvh;min-height:0;color:var(--text-primary);background:var(--bg-app);-webkit-user-select:none;user-select:none;grid-template-rows:30px 78px minmax(0,1fr) 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden}.app-shell input,.app-shell textarea,.app-shell [contenteditable=true]{-webkit-user-select:text;user-select:text}.app-shell[data-ribbon=hidden]{grid-template-rows:30px 0 minmax(0,1fr) 28px}.app-shell[data-statusbar=hidden]{grid-template-rows:30px 78px minmax(0,1fr) 0}.app-shell[data-ribbon=hidden][data-statusbar=hidden]{grid-template-rows:30px 0 minmax(0,1fr) 0}.topbar{background:var(--topbar-bg);color:var(--topbar-text);border-bottom:1px solid var(--topbar-border);align-items:center;gap:18px;padding:0 10px;display:flex}.brand-block{align-items:center;gap:8px;min-width:290px;display:flex}.topbar-back-btn{width:26px;height:26px;color:var(--topbar-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.topbar-back-btn:hover{background:var(--topbar-hover);border-color:var(--topbar-hover)}.topbar-home-btn{width:30px;height:30px;color:var(--topbar-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.topbar-home-btn:hover{background:var(--topbar-hover);border-color:var(--topbar-hover)}.brand-block strong{font-size:14px}.brand-block span{color:var(--text-secondary);opacity:.8;font-size:12px}.menu-strip{align-items:stretch;height:100%;display:flex}.menu-root{align-items:stretch;display:flex;position:relative}.menu-root>button{color:var(--topbar-text);cursor:pointer;background:0 0;border:none;padding:0 11px;font-family:inherit;font-size:12px}.menu-root>button:hover,.menu-root>button[aria-expanded=true]{background:var(--topbar-hover)}.menu-dropdown{z-index:35;background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:6px;min-width:190px;padding:4px;display:grid;position:absolute;top:100%;left:0;box-shadow:0 10px 24px #00000040}.menu-dropdown button{min-width:0;height:27px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 8px;font-size:12px;display:grid}.menu-dropdown button:hover{background:var(--bg-tree-item-hover)}.menu-dropdown button:disabled{color:var(--text-muted);cursor:default}.menu-dropdown button:disabled:hover{background:0 0}.menu-dropdown span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-dropdown kbd{color:var(--text-muted);font:inherit;white-space:nowrap;font-size:11px}.ribbon{background:var(--ribbon-bg);border-bottom:1px solid var(--ribbon-border);min-width:0;box-shadow:none;align-items:stretch;gap:8px;padding:5px 8px;display:flex;overflow:auto hidden}.ribbon-group{border-right:1px solid var(--border-ui);align-items:center;gap:4px;padding:14px 8px 2px;display:flex;position:relative}.ribbon-group>span{color:var(--text-secondary);font-size:10px;position:absolute;top:1px;left:8px}.ribbon button{min-width:30px;height:30px;color:var(--text-primary);background:var(--ribbon-button-bg);border:1px solid var(--ribbon-button-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.ribbon button:hover{background:var(--ribbon-button-hover);border-color:var(--ribbon-button-hover-border)}.ribbon button[aria-pressed=true]{color:var(--ribbon-button-active-text);background:var(--ribbon-button-active-bg);border-color:var(--ribbon-button-active-border)}.hidden-file-input{display:none}.ribbon-tools{flex:1;min-width:0;overflow:auto hidden}.ribbon-toolset{align-items:center;gap:4px;min-width:0;display:flex}.ribbon-separator{background:var(--border-ui);flex:none;width:1px;height:26px;margin:0 2px}.ribbon-field{min-width:0;height:30px;color:var(--text-primary);background:var(--ribbon-button-bg);border:1px solid var(--ribbon-button-border);border-radius:6px;align-items:center;gap:4px;padding:0 5px;display:inline-flex}.ribbon-field select{min-width:0;max-width:96px;height:24px;color:inherit;background:0 0;border:0;outline:none;padding:0 18px 0 4px;font-size:11px}.ribbon-field:hover{background:var(--ribbon-button-hover);border-color:var(--ribbon-button-hover-border)}.ribbon-segmented-field{gap:5px;padding-right:4px}.ribbon-segmented-control{background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:5px;grid-template-columns:repeat(2,minmax(48px,1fr));gap:2px;min-width:100px;padding:2px;display:inline-grid}.ribbon-segmented-control button{min-width:0;height:20px;color:var(--text-secondary);background:0 0;border:0;border-radius:3px;padding:0 5px;font-size:10.5px;line-height:1}.ribbon-segmented-control button.active,.ribbon-segmented-control button[aria-pressed=true]{color:var(--text-primary);background:var(--bg-input);box-shadow:0 1px 2px #00000029}.ribbon-segmented-control button:hover{background:var(--bg-tree-item-hover)}.tool-button{width:32px;min-width:32px;padding:0}.tool-button.large{width:36px;min-width:36px;height:34px}.ribbon button:disabled{cursor:default;opacity:.42}.ribbon button:disabled:hover{background:var(--ribbon-button-bg);border-color:var(--ribbon-button-border)}.workspace-layout{background:var(--bg-workspace);grid-template-columns:clamp(170px,14vw,210px) minmax(0,1fr) clamp(150px,13vw,190px);min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-layout[data-properties=hidden]{grid-template-columns:0 minmax(0,1fr) clamp(150px,13vw,190px)}.workspace-layout[data-navigation=hidden]{grid-template-columns:clamp(170px,14vw,210px) minmax(0,1fr) 0}.workspace-layout[data-properties=hidden][data-navigation=hidden]{grid-template-columns:0 minmax(0,1fr) 0}.side-panel{overscroll-behavior:contain;background:var(--bg-sidebar);border-color:var(--border-ui);box-sizing:border-box;border-style:solid;min-width:0;min-height:0;max-height:100%;padding:6px;overflow:auto}.properties-panel{border-width:0 1px 0 0;grid-column:1;min-width:0;overflow-x:hidden}.project-workspace{grid-column:2;min-width:0;min-height:0}.properties-panel input[type=color]{height:25px;padding:2px}.properties-panel .property-section-title{margin:6px 0 4px;font-size:10px}.properties-panel .checkbox-row{min-height:20px;gap:5px!important}.properties-panel .checkbox-row input{width:12px;min-width:12px;height:12px}.properties-panel .coordinate-grid{gap:3px}.properties-panel .coordinate-grid label{gap:1px;margin-bottom:2px}.properties-panel .coordinate-grid input{height:23px}.properties-panel .property-grid{gap:5px;margin-top:7px}.properties-panel .property-grid div{padding:5px;font-size:11px}.properties-panel .selection-category-list{gap:4px;display:grid}.properties-panel .selection-category-list button{color:#1f3338;cursor:pointer;text-align:left;background:#f8faf9;border:1px solid #c7d1ce;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;height:25px;padding:0 7px;font-size:11px;display:grid}.properties-panel .selection-category-list button:disabled{color:#89959a;cursor:not-allowed;background:#e5ebe8}.properties-panel .selection-category-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.properties-panel .selection-category-list strong{color:#0f6268;text-align:right;min-width:18px}.properties-panel .secondary-action,.properties-panel .danger-action,.properties-panel .primary-action{white-space:normal;word-break:break-word;height:auto;min-height:26px;margin-top:4px;padding:4px 6px;font-size:11px;line-height:1.25}.navigation-panel{border-width:0 0 0 1px;flex-direction:column;grid-column:3;min-width:140px;padding:5px;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border-ui);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:7px;display:flex}.panel-heading span{color:var(--text-secondary);font-size:11px}.panel-heading strong{color:var(--text-primary);font-size:13px}.compact-heading{flex:none;margin-bottom:5px;padding-bottom:5px}.side-panel label{color:var(--text-secondary);grid-template-columns:minmax(58px,.72fr) minmax(0,1fr);align-items:center;gap:3px;min-width:0;margin-bottom:2px;font-size:10px;line-height:1.15;display:grid}.side-panel input,.side-panel select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:20px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.side-panel select{padding-right:20px}.side-panel input:hover,.side-panel select:hover{border-color:var(--border-input-hover)}.side-panel input:focus,.side-panel select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f626}.settings-modal input,.settings-modal select{width:100%;min-width:0;height:27px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.settings-modal select{padding-right:22px}.settings-modal input:hover,.settings-modal select:hover{border-color:var(--border-input-hover)}.settings-modal input:focus,.settings-modal select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f626}.modal-tabs{border-bottom:1px solid var(--border-ui,#c7d1ce);background:var(--bg-card-secondary,#00000008);gap:2px;padding:0 16px;display:flex}.modal-tabs .tab{color:var(--text-secondary,#5a6e73);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:12px;font-weight:500;transition:all .15s}.modal-tabs .tab:hover{color:var(--text-primary,#1f3338);background:#00000005}.modal-tabs .tab.active{color:var(--accent-color,#0f6268);border-bottom-color:var(--accent-color,#0f6268);background:var(--bg-card,#fff);font-weight:600}.side-panel input[type=color]{height:26px;padding:2px}.property-section-title{color:var(--text-primary);text-transform:uppercase;opacity:.85;margin:8px 0 5px;font-size:10px;font-weight:700}.property-grid{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;display:grid}.property-grid>div{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;display:flex}.property-grid span{text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px;font-size:9px}.property-grid strong{color:var(--text-primary);font-size:13px;font-weight:700}.coordinate-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.coordinate-grid label{grid-template-columns:1fr;gap:2px;margin-bottom:4px;display:grid}.coordinate-grid input{height:26px}.checkbox-row{align-items:center;min-height:24px;grid-template-columns:unset!important;gap:8px!important;display:flex!important}.checkbox-row input{width:14px;min-width:14px;height:14px}.property-grid{grid-template-columns:1fr;gap:7px;margin-top:10px;display:grid}.property-grid div{background:#f8faf9;border:1px solid #c9d1cd;border-radius:7px;justify-content:space-between;gap:8px;padding:7px;font-size:12px;display:flex}.property-hint{color:#607174;background:#f8faf9;border:1px solid #d5ddda;border-radius:5px;margin-top:5px;padding:6px;font-size:10px;line-height:1.3}.danger-action{color:#7f1d1d;cursor:pointer;text-align:center;word-break:break-word;background:#fff7f7;border:1px solid #e2b8b8;border-radius:6px;justify-content:center;align-items:center;width:100%;height:auto;min-height:29px;margin-top:8px;padding:4px 8px;font-size:12px;font-weight:650;line-height:1.25;display:inline-flex}.danger-action:hover{background:#fdecec;border-color:#d89191}.secondary-action{color:#21464a;cursor:pointer;text-align:center;word-break:break-word;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:6px;justify-content:center;align-items:center;width:100%;height:auto;min-height:29px;margin-top:6px;padding:4px 8px;font-size:12px;font-weight:650;line-height:1.25;display:inline-flex}.secondary-action:hover{background:#e7f3f1;border-color:#79a39e}.secondary-action:disabled{color:#6f7c7d;cursor:default;background:#edf1ef;border-color:#c5cfca}.project-workspace{background:#bcc6c3;grid-template-rows:32px minmax(0,1fr);min-width:0;min-height:0;padding:8px;display:grid;position:relative}.workspace-view-host{min-width:0;min-height:0;position:relative}.workspace-view-pane{pointer-events:none;visibility:hidden;min-width:0;min-height:0;position:absolute;inset:0}.workspace-view-pane-active{pointer-events:auto;visibility:visible}.workspace-view-loading{color:#516366;letter-spacing:.02em;background:radial-gradient(circle at top,#ffffffe6,#0000 48%),linear-gradient(#eef3f1 0%,#dfe9e5 100%);place-items:center;width:100%;height:100%;font-size:13px;display:grid}.view-tabs-shell{min-width:0;position:relative;overflow:visible}.view-tabs{align-items:end;gap:3px;min-width:0;display:flex;overflow:visible hidden}.view-tab{min-width:98px;max-width:210px;height:27px;color:var(--text-primary);background:var(--bg-picker-button);border:1px solid var(--border-picker-button);cursor:pointer;border-bottom:0;border-radius:6px 6px 0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-grid}.view-tab[aria-pressed=true],.view-tabs-menu-item[aria-pressed=true]{background:var(--canvas-shell-bg);border-color:var(--canvas-shell-border);color:var(--text-primary);font-weight:700}.view-tab span,.view-tabs-menu-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-tab i,.view-tabs-menu-item i{width:15px;height:15px;color:var(--text-secondary);border-radius:4px;place-items:center;font-size:11px;font-style:normal;display:grid}.view-tab i:hover,.view-tabs-menu-item i:hover{color:#7f1d1d;background:var(--bg-tree-item-hover)}.view-tab-dragging{opacity:.55}.view-tab-drag-over{box-shadow:inset 3px 0 0 var(--accent-color)}.view-tab-sheet{grid-template-columns:auto minmax(0,1fr) auto}.app-shell[data-theme=light] .view-tab-sheet{color:#1a4d2a;background:#d4edda;border-color:#7dba8a}.app-shell[data-theme=dark] .view-tab-sheet{color:#a2e0b3;background:#14321c;border-color:#1a5628}.app-shell[data-theme=light] .view-tab-sheet:hover{background:#c3e6cb}.app-shell[data-theme=dark] .view-tab-sheet:hover{background:#1c4a2a}.view-tab-sheet[aria-pressed=true]{color:#1a4d2a;background:#fff;border-color:#2e7d32;font-weight:700;box-shadow:inset 0 -2px #2e7d32}.view-tabs-overflow{flex:none;position:relative}.view-tab-overflow-trigger{color:#243238;cursor:pointer;background:#d9dfdc;border:1px solid #9eaaa6;border-bottom:0;border-radius:6px 6px 0 0;place-items:center;width:36px;height:27px;font-size:11px;font-weight:800;display:grid}.view-tab-overflow-trigger[aria-expanded=true]{color:#0f3438;background:#f7f8f7;border-color:#7f918d}.view-tabs-overflow-menu{z-index:18;background:#f7faf9;border:1px solid #9eb2af;gap:3px;width:min(280px,72vw);max-height:min(360px,72vh);padding:5px;display:grid;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 10px 24px #121f2340}.view-tabs-menu-item{color:#243238;cursor:pointer;text-align:left;background:#fbfcfb;border:1px solid #d5ddda;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-width:0;height:27px;padding:0 8px;font-size:11px;display:grid}.view-tabs-menu-item:hover,.view-tab-overflow-trigger:hover{background:#e5f0ee;border-color:#91aaa8}.view-tabs-measurer{visibility:hidden;pointer-events:none;align-items:end;gap:3px;display:flex;position:absolute;top:-10000px;left:-10000px}.canvas-shell{background:var(--canvas-shell-bg);border:1px solid var(--canvas-shell-border);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000029}.editor-canvas{cursor:crosshair;touch-action:none;z-index:1;width:100%;height:100%;display:block;position:relative}.map-underlay-canvas{pointer-events:none;z-index:0;display:block;position:absolute;inset:0}.map-underlay-attribution{z-index:2;color:#4b5563;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;background:#ffffffb8;border-radius:4px;max-width:60%;padding:1px 6px;font-size:10px;line-height:1.5;position:absolute;bottom:4px;right:6px;overflow:hidden}.map-underlay-attribution:empty{display:none}[data-theme=dark] .map-underlay-attribution{color:#d1d5db;background:#111214a8}.layer-tree-item{align-items:center;gap:4px;padding-right:4px;display:flex}.layer-tree-item.is-selected{background:#06b6d41f}.layer-tree-name{min-width:0;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:2px 0;display:flex}.layer-tree-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-tree-actions{flex:none;align-items:center;gap:1px;display:flex}.layer-properties{border:1px solid var(--canvas-shell-border,#9daaa6);background:#7f7f7f0f;border-radius:6px;flex-direction:column;gap:6px;margin:2px 6px 8px 18px;padding:8px;font-size:11px;display:flex}.layer-field{align-items:center;gap:6px;display:flex}.layer-field>span:first-child{opacity:.85;flex:0 0 84px}.layer-field select,.layer-field input[type=range]{flex:1;min-width:0}.layer-field small{text-align:right;opacity:.75;flex:0 0 34px}.layer-checkbox{cursor:pointer;align-items:center;gap:6px;display:flex}.layer-checkbox span{align-items:center;gap:4px;display:inline-flex}.layer-nudge{flex-direction:column;align-items:flex-start;gap:4px}.layer-nudge-inputs{gap:4px;width:100%;display:flex}.layer-nudge-inputs input{flex:1;width:0;min-width:0}.layer-views{border:0;border-top:1px solid #7f7f7f40;flex-direction:column;gap:3px;margin:2px 0 0;padding:6px 0 0;display:flex}.layer-views legend{opacity:.85;padding:0;font-weight:600}.locate-site-modal{flex-direction:column;gap:10px;max-height:92vh;display:flex;overflow-y:auto}.locate-search{align-items:center;gap:6px;display:flex}.locate-search input[type=search]{flex:auto;width:auto;min-width:0}.locate-search select{flex:none;width:auto;max-width:190px}.locate-search>button{color:#21464a;cursor:pointer;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:6px;flex:none;width:auto;height:27px;padding:0 12px;font-size:12px;font-weight:650}.locate-search>button:disabled{opacity:.6;cursor:progress}.locate-search>svg{opacity:.6;flex:none}.locate-error{color:#b45309;margin:0;font-size:12px}.locate-results{border:1px solid #7f7f7f40;border-radius:6px;max-height:108px;margin:0;padding:0;list-style:none;overflow-y:auto}.locate-results button{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:5px 8px;display:flex}.locate-results button:hover{background:#06b6d41f}.locate-actions{justify-content:flex-end;gap:8px;display:flex}.locate-actions button{color:#21464a;cursor:pointer;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:6px;width:auto;height:29px;padding:0 16px;font-size:12px;font-weight:650}.locate-actions button.primary{color:#fff;background:#0e7490;border-color:#0e7490}.locate-actions button:disabled{opacity:.6;cursor:progress}.locate-viewport{border:1px solid var(--canvas-shell-border,#9daaa6);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#dfe3e6;border-radius:8px;height:min(420px,52vh);position:relative;overflow:hidden}.locate-viewport:active{cursor:grabbing}.locate-viewport img{pointer-events:none;position:absolute}.locate-crosshair{pointer-events:none;border:2px solid #06b6d4;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffffd9}.locate-crosshair:before,.locate-crosshair:after{content:"";background:#06b6d4;position:absolute}.locate-crosshair:before{width:2px;height:42px;margin-left:-1px;top:-9px;left:50%}.locate-crosshair:after{width:42px;height:2px;margin-top:-1px;top:50%;left:-9px}.locate-attribution{color:#374151;pointer-events:none;background:#ffffffc7;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:4px;right:5px}.locate-readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.locate-readout strong{opacity:.7;margin-right:3px;font-weight:600}.locate-zoom{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.locate-zoom button{color:#21464a;cursor:pointer;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:4px;width:22px;height:22px;padding:0;line-height:1}.locate-zoom small{text-align:center;opacity:.75;min-width:24px}.locate-hint{opacity:.75;margin:0;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-canvas-select{cursor:default}.editor-canvas-wall{cursor:crosshair}.editor-canvas-erase{cursor:not-allowed}.selection-box{z-index:2;pointer-events:none;background:#0f62681f;border:1px solid #0f6268;position:absolute;box-shadow:inset 0 0 0 1px #ffffff8c}.selection-box[data-has-touched-items=true]{background:#0f62682e;border-color:#0b5d63}.finish-debug-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.finish-debug-armed-badge{z-index:7;color:#fff7ed;pointer-events:none;background:#78350ff0;border:1px solid #fbbf24ad;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 1px 2px #1b262c2e}.viewer3d-shell{background:#edf1ef}.viewer3d-canvas{cursor:default;width:100%;height:100%;display:block}.viewer3d-canvas:active{cursor:default}.canvas-floating-bottom-controls{z-index:20;pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.manual-input-badge{color:#0f3438;pointer-events:auto;white-space:nowrap;background:#f9fcfbf5;border:1px solid #7eb0aa;border-radius:6px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #1b262c2e}.finish-debugger-panel{z-index:45;color:#1b2b31;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fbfafa;border:1px solid #a7b8b3;border-radius:10px;gap:10px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 132px);padding:12px;display:grid;position:fixed;top:98px;right:16px;overflow:auto;box-shadow:0 12px 30px #141f243d}.finish-debugger-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.finish-debugger-header strong{font-size:14px;display:block}.finish-debugger-header span{color:#51646a;margin-top:3px;font-size:11px;display:block}.finish-debugger-actions{flex-wrap:wrap;gap:6px;display:flex}.finish-debugger-panel button{color:#12363a;cursor:pointer;background:#f7fbfa;border:1px solid #9eb8b4;border-radius:6px;min-height:28px;padding:0 10px;font-size:11px;font-weight:700}.finish-debugger-panel button:hover{background:#e7f1ef}.finish-debugger-panel button:disabled{cursor:default;opacity:.45}.finish-debugger-panel button:disabled:hover{background:#f7fbfa}.finish-debugger-toggle{color:#304347;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.finish-debugger-hint{color:#506166;margin:0;font-size:11px;line-height:1.4}.finish-debugger-content{gap:10px;display:grid}.finish-debugger-section{background:#f3f7f6;border:1px solid #d3dfdc;border-radius:8px;gap:8px;padding:10px;display:grid}.finish-debugger-section h3{margin:0;font-size:12px}.finish-debugger-kv{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:4px 10px;font-size:11px;display:grid}.finish-debugger-kv span{color:#526469}.finish-debugger-kv strong{overflow-wrap:anywhere;min-width:0}.finish-debugger-note,.finish-debugger-list,.finish-debugger-empty{font-size:11px;line-height:1.45}.finish-debugger-list{gap:4px;display:grid}.finish-debugger-empty{color:#5f7276}.finish-debugger-json{color:#11343a;white-space:pre-wrap;word-break:break-word;background:#eff5f4;border:1px solid #d3dfdc;border-radius:6px;margin:0;padding:10px;font-size:10px;line-height:1.45;overflow:auto}.snap-floating-controls{z-index:6;pointer-events:none;justify-items:end;gap:6px;display:grid;position:relative;bottom:auto;right:auto}.snap-floating-toggle,.snap-floating-panel button{color:#12363a;cursor:pointer;pointer-events:auto;background:#f9fcfbf0;border:1px solid #88aaa6;border-radius:6px;height:26px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #1b262c24}.snap-floating-toggle{padding:0 10px}.snap-floating-toggle[aria-expanded=true]{color:#f8fbfb;background:#0f6268;border-color:#0b4950}.snap-floating-panel{color:#213036;pointer-events:auto;background:#f9fcfbf7;border:1px solid #9fb6b2;border-radius:8px;width:230px;padding:8px;box-shadow:0 10px 26px #141f242e}.snap-floating-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.snap-floating-heading strong{font-size:12px}.snap-floating-heading button{width:24px;padding:0}.snap-floating-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.snap-floating-grid label{color:#233136;background:#eef3f1;border:1px solid #d2dcd9;border-radius:5px;align-items:center;gap:5px;min-width:0;height:24px;padding:0 6px;font-size:10px;font-weight:650;display:flex}.snap-floating-grid input{width:12px;min-width:12px;height:12px;margin:0}.snap-floating-grid span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.snap-floating-reset{width:100%;margin-top:7px}.dimension-floating-controls{z-index:6;pointer-events:none;position:absolute;top:12px;left:12px}.dimension-floating-panel{color:#203136;pointer-events:auto;background:#f9fcfbf7;border:1px solid #9fb6b2;border-radius:10px;gap:8px;width:272px;padding:10px;display:grid;box-shadow:0 10px 26px #141f242e}.dimension-floating-heading{gap:3px;display:grid}.dimension-floating-heading span{color:#5c6f73;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.dimension-floating-heading strong{color:#14353a;font-size:15px}.dimension-floating-heading small{color:#456167;font-size:11px;line-height:1.35}.dimension-floating-label{color:#5c6f73;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.dimension-floating-field{display:block}.dimension-floating-field select{color:#14353a;background:#f4f8f7;border:1px solid #c9d7d4;border-radius:8px;width:100%;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}.dimension-floating-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.dimension-floating-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.dimension-floating-row button{color:#14353a;cursor:pointer;background:#eef3f1;border:1px solid #c9d7d4;border-radius:7px;min-width:0;min-height:28px;padding:0 8px;font-size:11px;font-weight:700}.dimension-floating-row button.active{color:#f8fbfb;background:#0f6268;border-color:#0b4950}.dimension-floating-meta{color:#3e5960;justify-content:space-between;gap:8px;font-size:11px;font-weight:650;display:flex}.dimension-floating-help{color:#3c575e;font-size:11px;line-height:1.4}.door-canvas-controls,.wall-canvas-controls{z-index:5;pointer-events:auto;gap:4px;width:176px;display:grid;position:absolute;transform:translate(-50%,-118px)}.wall-canvas-controls{pointer-events:none;width:64px;transform:translate(-50%,-50%)}.wall-dimension-input{color:#0f6268!important;text-align:center!important;cursor:pointer!important;pointer-events:auto!important;background:#fffffff2!important;border:1px solid #0000!important;border-radius:3px!important;outline:none!important;width:64px!important;height:20px!important;font-size:11px!important;font-weight:700!important;transition:all .15s!important;box-shadow:0 1px 3px #0f626826!important}.wall-dimension-input:hover{background:#fff!important;border-color:#0f6268!important}.wall-dimension-input:focus{background:#fff!important;border-color:#0f6268!important;box-shadow:0 0 0 2px #0f626840!important}.door-dimension-row,.door-flip-row,.door-reference-row,.wall-dimension-row{grid-template-columns:1fr 1fr;gap:4px;display:grid}.door-reference-row{grid-template-columns:1fr}.door-canvas-controls input,.door-canvas-controls button,.wall-canvas-controls input,.wall-canvas-controls button{color:#213036;text-align:center;background:#ffffffbd;border:1px solid #beccd0;border-radius:5px;min-width:0;height:24px;font-size:10px;box-shadow:0 1px 2px #1b262c1f}.wall-canvas-controls input,.wall-canvas-controls button{color:#0f565c;pointer-events:auto;border-color:#7eb0aa;font-weight:700}.wall-canvas-controls input:focus,.wall-canvas-controls button:hover{background:#ffffffeb}.wall-canvas-controls button{cursor:pointer}.wall-canvas-controls button:disabled{color:#89959a;cursor:not-allowed;background:#f1f5f6e6;border-color:#cfd8db}.door-canvas-controls button{color:#9f1111;cursor:pointer;font-weight:700}.door-canvas-controls button:hover{background:#fff3f3;border-color:#ca7777}.door-canvas-controls button:disabled{color:#89959a;cursor:not-allowed;background:#f1f5f6e6;border-color:#cfd8db}.door-canvas-controls .active-reference-pick,.wall-canvas-controls .active-reference-pick{color:#f8fbfb;background:#9f1111;border-color:#7f0d0d}.door-reference-marker{z-index:4;pointer-events:none;background:#fff7d6;border:2px solid #9f1111;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffbf}.wall-dimension-guide{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wall-dimension-line-main{stroke:#0f6268;stroke-width:1.6px}.wall-dimension-line-witness{stroke:#0f6268;stroke-width:1.2px;stroke-dasharray:4 3;opacity:.75}.wall-dimension-arrow{stroke:#0f6268;stroke-width:1.6px;stroke-linecap:round}.wall-dimension-marker{z-index:4;pointer-events:auto;cursor:pointer;background:#f7fbfa;border:2px solid #0f6268;border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffbf}.wall-dimension-marker:hover{background:#0f6268;transform:translate(-50%,-50%)scale(1.3)}.wall-dimension-marker-reference{background:#e4f4f2}.wall-join-context-menu{z-index:8;color:#213036;background:#fbfcfb;border:1px solid #9ab5b0;border-radius:7px;gap:3px;width:148px;padding:6px;display:grid;position:absolute;transform:translate(10px,10px);box-shadow:0 8px 22px #1b262c38}.wall-join-context-heading{border-bottom:1px solid #d5ddda;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:5px;padding-bottom:4px;display:grid}.wall-join-context-heading strong{color:#223238;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.wall-join-context-heading span{color:#637174;white-space:nowrap;font-size:10px}.wall-join-context-menu button{color:#223238;cursor:pointer;background:#f7faf9;border:1px solid #c9d4d0;border-radius:5px;min-width:0;height:25px;font-size:11px}.wall-join-context-menu>button{text-align:left;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;display:grid}.wall-join-context-menu button:hover{background:#e4f1ef;border-color:#79a39e}.wall-join-context-menu [aria-checked=true]{color:#0f3438;background:#d7ece7;border-color:#69a29d;font-weight:700}.surface-edit-context-menu{z-index:8;color:#213036;background:#fbfcfb;border:1px solid #9ab5b0;border-radius:7px;gap:4px;width:188px;padding:6px;display:grid;position:absolute;transform:translate(10px,10px);box-shadow:0 8px 22px #1b262c38}.surface-edit-context-menu.element-context-menu{width:236px}.surface-edit-context-menu button:disabled{color:#8d9a97;cursor:not-allowed;background:#f0f2f1;border-color:#dde3e1}.surface-edit-context-heading{border-bottom:1px solid #d5ddda;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:5px;padding-bottom:4px;display:grid}.surface-edit-context-heading strong{color:#223238;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.surface-edit-context-menu button{color:#223238;cursor:pointer;background:#f7faf9;border:1px solid #c9d4d0;border-radius:5px;min-width:0;height:26px;font-size:11px}.surface-edit-context-menu button:hover{background:#e4f1ef;border-color:#79a39e}.surface-edit-slope-row{border-top:1px solid #d5ddda;gap:4px;padding-top:4px;display:grid}.surface-edit-slope-row label{color:#415058;gap:3px;font-size:10px;font-weight:700;display:grid}.surface-edit-slope-row input{color:#223238;background:#fff;border:1px solid #c9d4d0;border-radius:5px;width:100%;height:26px;padding:0 7px;font-size:11px}.project-browser-scroll{align-content:start;gap:2px;min-height:0;padding-right:2px;display:grid;overflow:auto}.tree-header{grid-template-columns:minmax(0,1fr) 15px;align-items:center;gap:0;min-width:0;display:grid}.tree-header>button:first-child,.tree-action,.tree-item{min-width:0;height:17px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:2px;font-size:9px;line-height:1}.tree-header>button:first-child{cursor:pointer;text-align:left;grid-template-columns:11px 12px minmax(0,1fr) auto;align-items:center;gap:2px;padding:0 3px;display:grid}.tree-header>button:first-child:hover,.tree-action:hover,.tree-item:hover{background:var(--bg-tree-item-hover);border-color:var(--border-tree-item-hover)}.tree-header span,.tree-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-header small,.tree-item small{color:var(--text-muted);background:#7f7f7f1f;border-radius:2px;padding:0 3px;font-size:9px;line-height:1}.tree-action{cursor:pointer;place-items:center;padding:0;display:grid}.tree-children{gap:0;margin-left:5px;display:grid}.tree-item{cursor:pointer;text-align:left;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:2px;width:100%;padding:0 3px 0 5px;display:grid}.tree-item[aria-pressed=true]{color:var(--text-active-tree-item);background:var(--bg-active-tree-item);border-color:var(--border-active-tree-item);font-weight:700}.tree-item-muted{color:var(--text-muted);cursor:default;grid-template-columns:minmax(0,1fr);padding-left:24px;font-style:italic}.tree-item-muted:hover{background:0 0;border-color:#0000}.level-context-menu{z-index:25;background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:6px;gap:2px;width:156px;padding:5px;display:grid;position:fixed;box-shadow:0 8px 22px #00000038}.level-context-menu button{height:25px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 7px;font-size:11px}.level-context-menu button:hover{background:var(--bg-tree-item-hover);border-color:var(--border-tree-item-hover)}.statusbar{box-sizing:border-box;max-width:100vw;color:var(--topbar-text);background:var(--topbar-bg);border-top:1px solid var(--topbar-border);white-space:nowrap;align-items:center;gap:10px;padding:0 8px;font-size:11px;display:flex;overflow:visible}.status-modes{align-items:center;gap:6px;display:inline-flex}.status-mode-toggle{height:22px;color:var(--text-secondary);background:var(--bg-picker-button);border:1px solid var(--border-picker-button);cursor:pointer;font:inherit;border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.status-mode-toggle:hover{color:var(--text-primary);border-color:var(--border-input-hover);background:var(--bg-tree-item-hover)}.status-mode-toggle.is-active{color:#f4fbf8;background:#1f8a5b;border-color:#34b277;box-shadow:inset 0 0 0 1px #34b27759}.status-mode-toggle svg{display:block}.status-selection{align-items:center;display:inline-flex;position:relative}.status-selection>button{color:#e7eeee;cursor:pointer;height:22px;font:inherit;background:#31454b;border:1px solid #4e666b;border-radius:5px;padding:0 8px}.status-selection>button:hover,.status-selection>button[aria-expanded=true]{background:#3c555c;border-color:#78a09d}.status-selection-popover{z-index:40;color:#203238;background:#f7faf9;border:1px solid #9fb4b0;border-radius:6px;flex-direction:column;min-width:260px;max-width:360px;max-height:min(480px,80vh);padding:6px;display:flex;position:absolute;bottom:calc(100% + 5px);left:0;box-shadow:0 10px 24px #121f233d}.status-selection-heading,.status-selection-header{color:#31454b;border-bottom:1px solid #d5e2df;justify-content:space-between;align-items:center;padding:3px 6px 6px;font-size:11px;font-weight:600;display:flex}.status-selection-clear-all{color:#c93b3b;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:10px}.status-selection-clear-all:hover{background:#fde8e8}.status-selection-body{flex-direction:column;gap:4px;max-height:400px;padding-top:4px;display:flex;overflow-y:auto}.status-selection-group{background:#fff;border:1px solid #e1ebe8;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.status-selection-group-header{background:#edf4f2;justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.status-selection-group-title{cursor:pointer;color:#203238;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:5px;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.status-selection-group-title strong{color:#fff;background:#31454b;border-radius:10px;margin-left:auto;padding:0 5px;font-size:10px}.status-selection-remove-btn{cursor:pointer;color:#71888c;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex}.status-selection-remove-btn:hover{color:#d32f2f;background:#fde8e8}.status-selection-item-list{overscroll-behavior:contain;background:#fff;flex-direction:column;gap:2px;max-height:140px;padding:2px 4px 4px;display:flex;overflow-y:auto}.status-selection-item-list::-webkit-scrollbar{width:5px}.status-selection-item-list::-webkit-scrollbar-track{background:#f1f5f4;border-radius:3px}.status-selection-item-list::-webkit-scrollbar-thumb{background:#b0c4c0;border-radius:3px}.status-selection-item-list::-webkit-scrollbar-thumb:hover{background:#789c96}.status-selection-item-row{color:#334347;cursor:pointer;background:#f9fbfb;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:10.5px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.status-selection-item-row:hover{background:#eaf3f1;border-color:#bcd5cf}.status-selection-item-row.is-highlighted{color:#713f12;background:#fef9c3;border-color:#eab308;font-weight:600;box-shadow:0 0 6px #eab30866}.status-selection-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:6px;overflow:hidden}.modal-backdrop{z-index:20;background:#101b1f52;place-items:center;display:grid;position:fixed;inset:0}.nested-modal-backdrop{z-index:30}.settings-modal{background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:8px;width:min(420px,92vw);min-width:0;min-height:0;padding:12px;box-shadow:0 12px 30px #0000003d}.settings-section-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;display:grid}.settings-section-picker button{text-align:left;min-width:0;color:var(--text-primary);background:var(--bg-picker-button);border:1px solid var(--border-picker-button);cursor:pointer;border-radius:7px;gap:2px;padding:7px;display:grid}.settings-section-picker button[aria-pressed=true]{background:var(--bg-picker-button-active);border-color:var(--border-picker-button-active)}.settings-section-picker strong,.settings-section-picker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-section-picker strong{font-size:12px}.settings-section-picker span{color:#607174;font-size:10px}.settings-section-body{gap:7px;display:grid}.modal-heading div{gap:2px;display:grid}.modal-heading span{color:#5c6768;font-size:11px}.modal-heading strong{color:#223238;font-size:15px}.modal-heading button{color:#21464a;cursor:pointer;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:6px;height:28px;padding:0 10px}.settings-modal.family-manager-modal{width:min(1380px,98vw);min-width:0;height:min(840px,95vh);min-height:0;max-height:min(840px,95vh);overflow:auto}.settings-modal.material-manager-modal{flex-direction:column;width:min(1320px,98vw);min-width:0;height:min(840px,95vh);min-height:0;max-height:min(840px,95vh);display:flex;overflow:hidden}.settings-modal.window-structure-modal{width:min(980px,100vw - 40px);max-height:min(680px,88vh);overflow:auto}.family-tabs,.material-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px;display:grid}.material-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.family-kind-picker{margin-bottom:8px}.family-kind-picker label{color:var(--text-secondary);gap:4px;font-size:12px;font-weight:700;display:grid}.family-kind-picker select{height:32px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;padding:0 9px}.family-tabs button,.material-tabs button{height:27px;color:var(--text-primary);background:var(--bg-picker-button);border:1px solid var(--border-picker-button);cursor:pointer;border-radius:6px}.family-tabs button[aria-pressed=true],.material-tabs button[aria-pressed=true]{background:var(--bg-active-tab);border-color:var(--border-active-tab);color:var(--text-active-tab);font-weight:700}.family-manager-layout{grid-template-columns:minmax(160px,.36fr) minmax(0,1.64fr);gap:7px;min-height:0;display:grid}.material-manager-layout{flex:auto;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:8px;min-height:0;display:grid;overflow:auto}.family-list,.material-list{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:7px;align-content:start;gap:4px;min-width:0;padding:5px;display:grid;overflow:auto}.family-list button,.material-list button{text-align:left;width:100%;min-width:0;color:var(--text-primary);background:var(--bg-picker-button);border:1px solid var(--border-picker-button);cursor:pointer;border-radius:6px;gap:2px;padding:7px;display:grid}.material-list button{grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:8px}.material-list button>span:last-child{flex-direction:column;min-width:0;display:flex;overflow:hidden}.material-add-action{justify-content:center;grid-template-columns:unset!important;display:flex!important}.family-list button.active,.material-list button.active{background:var(--bg-active-tab);border-color:var(--border-active-tab)}.family-list strong,.family-list small,.material-list strong,.material-list small{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.family-list small,.material-list small{color:var(--text-secondary);font-size:11px}.material-swatch{border:1px solid #87918f;border-radius:4px;width:18px;height:18px}.family-editor,.material-editor{background:var(--bg-sidebar);border:1px solid var(--border-ui);border-radius:7px;min-width:0;padding:7px;overflow:auto}.label-family-preview-shell{background-color:#f7faf9;background-image:linear-gradient(#dce4e0 1px,#0000 1px),linear-gradient(90deg,#dce4e0 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c8d1cd;border-radius:7px;min-height:210px;margin-top:10px;position:relative;overflow:hidden}.label-family-preview-wall{transform-origin:50%;background:#cfd8d3;border:2px solid #53676a;height:18px;position:absolute;top:50%;left:30px;right:30px;transform:translateY(-50%)rotate(-18deg)}.label-family-preview-text{text-align:center;text-shadow:-1px -1px #f8faf9f2,1px -1px #f8faf9f2,-1px 1px #f8faf9f2,1px 1px #f8faf9f2;justify-items:center;min-width:max-content;padding:2px 4px;line-height:1;display:grid;position:absolute;top:31%;left:50%}.label-family-preview-text strong,.label-family-preview-text span{white-space:nowrap}.material-editor label{grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);align-items:center;gap:7px;margin-bottom:6px}.material-editor-main{grid-template-columns:minmax(280px,.94fr) minmax(250px,.72fr);align-items:start;gap:9px;display:grid}.material-fields{min-width:0}.material-texture-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.material-texture-settings label{grid-template-columns:minmax(76px,.65fr) minmax(0,1fr)}.material-texture-row{border-top:1px solid #d4dcda;grid-template-columns:minmax(150px,1fr) repeat(6,minmax(70px,92px));align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:grid}.material-texture-row div{color:#516062;gap:2px;font-size:11px;display:grid}.material-texture-row strong{color:#223238;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.texture-import-action{cursor:pointer;margin:0}.texture-import-action input{display:none}.material-preview{background:#eef1ef;border:1px solid #c8d1cd;border-radius:7px;min-height:200px;max-height:min(280px,35vh);padding:0;position:sticky;top:0;overflow:hidden}.material-preview-3d{width:100%;height:100%;min-height:200px}.material-preview-canvas{width:100%;height:100%;display:block}.material-library-container{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.material-library-toolbar{background:#fff;border:1px solid #d5ddda;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.material-library-search{background:#f3f6f5;border:1px solid #c8d2ce;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.material-library-search:focus-within{background:#fff;border-color:#2b7a78;box-shadow:0 0 0 3px #2b7a7826}.material-library-search .search-icon{color:#647477;flex-shrink:0}.material-library-search input{color:#1a282c;background:0 0;border:none;outline:none;flex:1;font-size:13px}.material-library-search input::placeholder{color:#839396}.material-library-search .clear-search-btn{color:#647477;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.material-library-search .clear-search-btn:hover{color:#1a282c;background:#e2e8e5}.material-library-categories{flex-wrap:wrap;gap:6px;display:flex}.category-chip{color:#405255;cursor:pointer;background:#f0f4f2;border:1px solid #d0dad6;border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.category-chip:hover{color:#1a282c;background:#e4ebe8;border-color:#b8c6c1}.category-chip.active{color:#fff;background:#2b7a78;border-color:#2b7a78}.category-chip strong{background:#00000014;border-radius:10px;padding:1px 5px;font-size:11px;font-weight:600}.category-chip.active strong{color:#fff;background:#ffffff40}.material-library{background:#f7f9f8;border:1px solid #c8d1cd;border-radius:7px;flex-direction:column;flex:1;gap:16px;min-width:0;padding:10px;display:flex;overflow-y:auto}.material-category-section{flex-direction:column;gap:8px;display:flex}.material-category-header{background:#e8eeee;border-left:4px solid #2b7a78;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.material-category-header h3{color:#1e3337;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:650;display:flex}.material-category-header .category-badge{color:#486064;background:#d4e0dd;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.material-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.material-library-empty{text-align:center;color:#647477;padding:30px;font-size:14px}.material-library-item{background:#fbfcfb;border:1px solid #d5ddda;border-radius:7px;grid-template-rows:1fr auto;grid-template-columns:88px minmax(0,1fr);gap:7px;min-width:0;padding:7px;display:grid}.material-library-preview{aspect-ratio:1;background:#e3e8e5;border:1px solid #c5cfca;border-radius:6px;grid-row:span 2;overflow:hidden}.material-library-preview img,.material-library-preview span{object-fit:cover;width:100%;height:100%;display:block}.material-library-info{min-width:0}.material-library-info strong,.material-library-info small,.material-library-info p{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.material-library-info strong{color:#223238;white-space:nowrap}.material-library-info small{color:#5f7073;white-space:nowrap;margin-top:2px;font-size:11px}.material-library-info p{color:#405255;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:12px;line-height:1.32;display:-webkit-box}.material-library-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.family-display-fields{border-top:1px solid #d4dcda;gap:0;margin-top:5px;padding-top:6px;display:grid}.family-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.compact-action{white-space:normal;word-break:break-word;height:auto;min-height:26px;margin:0 0 8px;padding:4px 6px;line-height:1.25}.panel-section-label{border-top:1px solid var(--border-ui);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 4px;padding-top:6px;font-size:10px;font-weight:700}.panel-button-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-bottom:8px;display:grid}.panel-button-row .compact-action{margin:0}.panel-button-row .secondary-action:disabled{color:#8a9294;cursor:not-allowed;background:#edf0ef;border-color:#d4dcda}.luminaire-layout-modal{width:min(340px,92vw)}.luminaire-layout-modal .field-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.luminaire-layout-modal .field-pair label{color:#516062;gap:4px;margin-bottom:8px;font-size:11px;display:grid}.layout-preset-row{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.layout-preset-row button{color:#21464a;cursor:pointer;background:#f7fbfa;border:1px solid #a9c2bd;border-radius:6px;height:26px;font-size:11px;font-weight:650}.layout-preset-row button.is-active{color:#f8fbfb;background:#1f5f63;border-color:#1f5f63}.layout-preview-note{color:#516062;background:#f2f6f4;border:1px solid #d4dcda;border-radius:6px;margin-bottom:10px;padding:6px 8px;font-size:11px}.layout-preview-note.is-empty{color:#92400e;background:#fef3c7;border-color:#f4d38a}.layout-modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.layout-modal-actions .secondary-action,.layout-modal-actions .primary-action{height:auto;min-height:28px;margin:0}.layout-modal-actions .primary-action:disabled{cursor:not-allowed;background:#9db4b1}.danger-action:disabled{color:#8a9294;cursor:not-allowed;background:#edf0ef;border-color:#d4dcda}.settings-modal label{color:#516062;gap:5px;margin-bottom:10px;font-size:12px;display:grid}.family-editor label{grid-template-columns:minmax(115px,.55fr) minmax(0,1fr);align-items:center;gap:7px;margin-bottom:5px}.family-editor input,.family-editor select{height:25px}.family-editor .checkbox-row{min-height:23px;margin-bottom:4px}.window-family-editor-layout{grid-template-columns:minmax(280px,1.05fr) minmax(320px,.95fr);align-items:start;gap:10px;display:grid}.window-family-form{min-width:0}.window-family-section{border-top:1px solid #d4dcda;margin-top:8px;padding-top:6px}.window-dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 7px;display:grid}.window-dimension-grid label,.window-sliding-grid label{grid-template-columns:1fr;gap:3px;margin-bottom:0}.window-structure-table{gap:2px;min-width:0;margin-bottom:8px;display:grid;overflow:auto}.window-structure-head,.window-structure-row{grid-template-columns:42px minmax(110px,.9fr) minmax(160px,1.1fr) minmax(120px,.55fr) minmax(120px,.55fr);align-items:center;gap:4px;display:grid}.window-glass-head,.window-glass-row{grid-template-columns:minmax(190px,1fr) minmax(120px,.45fr) minmax(120px,.45fr);align-items:center;gap:4px;display:grid}.window-sill-head,.window-sill-row{grid-template-columns:48px minmax(170px,1fr) repeat(4,minmax(120px,.48fr));align-items:center;gap:4px;display:grid}.door-leaf-head,.door-leaf-row{grid-template-columns:minmax(190px,1fr) minmax(120px,.45fr);align-items:center;gap:4px;display:grid}.door-fill-head,.door-fill-row{grid-template-columns:48px minmax(110px,.8fr) minmax(160px,1fr) minmax(120px,.48fr) minmax(120px,.48fr);align-items:center;gap:4px;display:grid}.wall-layer-table{gap:6px;min-width:0;min-height:220px;max-height:340px;margin-bottom:12px;padding:2px;display:grid;overflow-y:auto}.wall-layer-head{color:#64748b;text-transform:uppercase;letter-spacing:.05em;grid-template-columns:minmax(120px,1.2fr) minmax(90px,.8fr) minmax(140px,1.5fr) minmax(85px,.6fr) minmax(110px,.9fr) minmax(50px,.4fr) 40px 40px;align-items:center;gap:6px;margin-top:4px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.wall-layer-row{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:minmax(120px,1.2fr) minmax(90px,.8fr) minmax(140px,1.5fr) minmax(85px,.6fr) minmax(110px,.9fr) minmax(50px,.4fr) 40px 40px;align-items:center;gap:6px;min-height:42px;padding:6px;transition:all .2s;display:grid;box-shadow:0 1px 2px #00000005}.wall-layer-row:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000a}.surface-layer-table .wall-layer-head,.surface-layer-table .wall-layer-row{grid-template-columns:minmax(120px,1.2fr) minmax(80px,.6fr) minmax(140px,1.5fr) minmax(80px,.5fr) 48px minmax(92px,.8fr) 64px 32px}.wall-compound-layer-table .wall-layer-head,.wall-compound-layer-table .wall-layer-row{grid-template-columns:68px minmax(116px,1.1fr) minmax(104px,.8fr) minmax(140px,1.2fr) minmax(82px,.55fr) 64px minmax(96px,.7fr) 32px}.wall-compound-layer-table .core-layer-row{background:#f3f8f5;border-color:#b8d7c5}.layer-order-actions,.wall-core-boundary-row>div{gap:4px;display:flex}.wall-core-boundary-row{color:#385243;text-transform:uppercase;background:#eef6f1;border:1px dashed #6f8f7b;border-radius:6px;justify-content:space-between;align-items:center;min-height:30px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.wall-layer-row input,.wall-layer-row select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-size:12px;transition:border-color .15s,box-shadow .15s;height:28px!important}.wall-layer-row input:focus,.wall-layer-row select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 2px #0ea5e926}.wall-layer-row .table-check{justify-content:center;align-items:center;margin:0;display:flex}.wall-layer-row .table-check input[type=checkbox]{cursor:pointer;accent-color:#0ea5e9;width:16px;height:16px}.wall-layer-row .icon-action{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;font-weight:500;transition:all .15s;display:flex}.wall-layer-row button.icon-action[title*=Configurar],.wall-layer-row button.icon-action[title*=Mudar]{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.wall-layer-row button.icon-action[title*=Configurar]:hover,.wall-layer-row button.icon-action[title*=Mudar]:hover{color:#14532d;background:#dcfce7;border-color:#86efac}.wall-layer-row button.icon-action:disabled{cursor:not-allowed;opacity:.5;color:#94a3b8!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.wall-layer-row button.icon-action:not([title*=Configurar]):not([title*=Mudar]):not(:disabled){color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.wall-layer-row button.icon-action:not([title*=Configurar]):not([title*=Mudar]):not(:disabled):hover{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.finish-family-editor{gap:12px;min-width:0}.finish-family-form{gap:12px;min-width:0;display:grid}.finish-family-preview .window-family-preview-shell{height:430px}.finish-family-section{gap:8px;min-width:0;display:grid}.finish-layer-summary{background:#fff;border:1px solid #d7e0dc;border-radius:6px;gap:8px;padding:10px;display:grid}.finish-layer-summary-main{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.finish-layer-summary-main strong{color:#22363a;font-size:13px}.finish-layer-summary-main span{color:#63777a;font-size:11px;font-weight:600}.finish-layer-chip-list{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.finish-layer-chip{color:#29463f;background:#edf6f1;border:1px solid #c9ddd3;border-radius:999px;align-items:center;min-height:22px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.family-section-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.family-section-heading strong{color:#22363a;font-size:13px}.family-section-heading span{color:#63777a;font-size:11px;font-weight:600}.finish-layer-table{gap:6px;min-width:0;max-height:330px;padding:2px;display:grid;overflow:auto}.finish-layer-head,.finish-layer-row{grid-template-columns:minmax(104px,.9fr) minmax(136px,1.15fr) minmax(86px,.58fr) minmax(72px,.46fr) minmax(150px,1.25fr) 32px;align-items:center;gap:6px;min-width:600px;display:grid}.finish-layer-head{color:#64748b;text-transform:uppercase;padding:0 6px;font-size:11px;font-weight:700}.finish-layer-row{background:#fff;border:1px solid #dce5e1;border-radius:6px;min-height:44px;padding:6px;box-shadow:0 1px 2px #0f172a08}.finish-layer-row:hover{background:#f8fbfa;border-color:#bfd0ca}.finish-layer-row input,.finish-layer-row select,.finish-baseboard-grid input,.finish-baseboard-grid select,.finish-advanced-grid input,.finish-advanced-grid select{color:#1f3438;background:#fff;border:1px solid #cbd5d1;border-radius:4px;width:100%;min-width:0;padding:2px 6px;font-size:12px;height:28px!important}.finish-layer-row input:focus,.finish-layer-row select:focus,.finish-baseboard-grid input:focus,.finish-baseboard-grid select:focus,.finish-advanced-grid input:focus,.finish-advanced-grid select:focus{border-color:#1f8a94;outline:none;box-shadow:0 0 0 2px #1f8a9424}.finish-height-cell{gap:4px;min-width:0;display:grid}.finish-height-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;display:grid}.finish-height-range label{color:#52666a;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;display:grid}.finish-remove-layer{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.finish-remove-layer:hover{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.finish-layer-modal-backdrop{z-index:80;background:#101c1f57;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.finish-layer-modal{background:#f8fbfa;border:1px solid #c8d6d2;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(980px,100vw - 40px);min-width:0;max-height:min(720px,100vh - 40px);padding:12px;display:grid;box-shadow:0 18px 50px #0f172a3d}.finish-layer-modal-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.finish-layer-modal-heading div{gap:2px;display:grid}.finish-layer-modal-heading span{color:#63777a;text-transform:uppercase;font-size:11px;font-weight:700}.finish-layer-modal-heading strong{color:#172f34;font-size:16px}.finish-layer-modal-heading button{min-width:78px;height:30px}.finish-layer-modal .finish-layer-table{min-height:0;max-height:none;margin:0}.finish-layer-modal .finish-layer-head,.finish-layer-modal .finish-layer-row{grid-template-columns:minmax(100px,.9fr) minmax(140px,1.15fr) minmax(92px,.58fr) minmax(78px,.46fr) minmax(180px,1.25fr) 32px;min-width:0}.finish-layer-modal-actions{justify-content:flex-end;gap:8px;display:flex}.finish-baseboard{border:1px solid #d7e0dc;border-radius:6px;margin:0;padding:10px}.finish-baseboard legend{color:#22363a;padding:0 4px;font-size:12px;font-weight:700}.finish-baseboard-toggle{color:#29463f;justify-content:flex-start;align-items:center;gap:7px;min-height:24px;margin:0;font-size:12px;font-weight:700;display:inline-flex!important}.finish-baseboard-toggle input[type=checkbox]{accent-color:#1f8a94;width:16px;margin:0;height:16px!important}.finish-baseboard-grid,.finish-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.finish-baseboard-grid .family-field,.finish-advanced-grid .family-field{grid-template-columns:1fr;gap:3px;min-width:0;margin:0;display:grid}.finish-baseboard-grid .family-field:first-child{grid-column:1/-1}.finish-baseboard-grid .family-field span,.finish-advanced-grid .family-field span{color:#52666a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.finish-family-advanced{background:#f8faf9;border:1px solid #d7e0dc;border-radius:6px;padding:8px 10px 10px}.finish-family-advanced summary{cursor:pointer;color:#22363a;font-size:12px;font-weight:700}.finish-family-advanced[open] summary{margin-bottom:8px}.door-structure-details{gap:8px;display:grid}.door-position-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;display:grid}.door-boundary-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:5px 8px;display:grid}.table-muted{color:#6d7c7f;font-size:11px;font-weight:600}.window-structure-open{margin:10px 0 4px}.layer-structure-action{min-height:23px;padding:2px 6px}.layer-structure-action.active{color:#284c3f;background:#edf6f1;border-color:#8aa99b}.layer-structure-modal{width:min(760px,100vw - 40px)}.window-structure-head{color:#5f7073;text-transform:uppercase;font-size:10px;font-weight:700}.window-structure-row{background:#fbfcfb;border:1px solid #d5ddda;border-radius:5px;min-height:29px;padding:3px}.window-structure-row strong{color:#26383d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.window-structure-row input,.window-structure-row select{height:23px}.table-check{justify-content:center;grid-template-columns:unset!important;margin:0!important;display:flex!important}.window-sliding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.window-profile-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.window-profile-heading .property-section-title{margin-top:0}.window-profile-heading .checkbox-row{margin:0 0 5px}.window-family-preview{min-width:0;position:sticky;top:0}.window-family-preview-shell{background:#edf1ef;border:1px solid #c4cbc7;border-radius:7px;width:100%;height:min(340px,35vh);overflow:hidden}.window-family-preview-canvas{cursor:grab;width:100%;height:100%;display:block}.window-family-preview-canvas:active{cursor:grabbing}.properties-panel .window-family-preview{position:static}.properties-panel .window-family-preview-shell{height:260px}.primary-action{color:#f8fbfb;cursor:pointer;text-align:center;word-break:break-word;background:#1f5f63;border-radius:6px;justify-content:center;align-items:center;width:100%;height:auto;min-height:32px;padding:4px 8px;line-height:1.25;display:inline-flex}.primary-action:hover{background:#174c50}@media (width<=1100px){.family-manager-layout,.material-editor-main,.material-manager-layout,.window-family-editor-layout,.material-library,.material-texture-row{grid-template-columns:1fr}.window-family-preview{position:static}.finish-family-editor.window-family-editor-layout{grid-template-columns:minmax(240px,1fr) minmax(280px,.78fr)}.finish-family-editor .window-family-preview{position:sticky;top:0}.finish-family-preview .window-family-preview-shell{height:360px}}@media (width<=1260px){.brand-block span{display:none}.brand-block{min-width:110px}.tool-button.large{min-width:36px}}.window-dimension-grid .property-section-title{color:#0f172a;letter-spacing:.02em;text-transform:uppercase;border-bottom:2px solid #f1f5f9;grid-column:1/-1;margin:4px 0 8px;padding-bottom:6px;font-size:12px;font-weight:700}.window-dimension-grid .window-dimension-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin-top:12px;padding:12px;display:grid;box-shadow:inset 0 1px 2px #00000005}.window-dimension-grid.grid-disabled>:not(.checkbox-row){opacity:.4;pointer-events:none;filter:grayscale(50%);transition:all .25s cubic-bezier(.4,0,.2,1)}.window-dimension-grid .checkbox-row{align-items:center;min-height:27px;margin-bottom:0;gap:8px!important;display:flex!important}.window-dimension-grid .checkbox-row input[type=checkbox]{cursor:pointer;accent-color:#1f5f63;width:15px;height:15px;margin:0}.slider-label{flex-direction:column;gap:5px;display:flex}.slider-row{align-items:center;gap:10px;height:27px;display:flex}.slider-row input[type=range]{appearance:none;cursor:pointer;background:#e2e8f0;border:none;border-radius:3px;outline:none;flex:1;height:6px;padding:0}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1f5f63;border-radius:50%;width:14px;height:14px;transition:transform .15s,background-color .15s;box-shadow:0 1px 3px #00000026}.slider-row input[type=range]::-webkit-slider-thumb:hover{background:#174c50;transform:scale(1.2)}.slider-value{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;min-width:38px;height:22px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.window-dimension-grid input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:27px;padding:2px;transition:border-color .15s;box-shadow:0 1px 2px #00000005}.window-dimension-grid input[type=color]:hover{border-color:#94a3b8}.toast-host{z-index:60;flex-direction:column;gap:8px;max-width:min(360px,90vw);display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#16242a;background:#f7fbfa;border:1px solid #aebeba;border-left-width:4px;border-radius:7px;align-items:flex-start;gap:10px;padding:9px 12px;animation:.16s ease-out toast-in;display:flex;box-shadow:0 8px 22px #141f2438}.toast-info{border-left-color:#3c7a86}.toast-success{border-left-color:#2d7a4f}.toast-error{border-left-color:#b02020}.toast-message{flex:1;font-size:12.5px;line-height:1.35}.toast-close{color:#5c6768;cursor:pointer;background:0 0;border:none;flex:none;width:18px;height:18px;padding:0;font-size:15px;line-height:1}.toast-close:hover{color:#16242a}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.about-modal{width:min(420px,92vw)}.about-body p{color:#2b3a3f;margin:0;font-size:12.5px;line-height:1.45}.about-meta{gap:6px;margin:4px 0 0;display:grid}.about-meta div{border-top:1px solid #d4dcd8;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.about-meta dt{color:#607174;font-size:11.5px}.about-meta dd{color:#223238;margin:0;font-size:11.5px;font-weight:600}@media print{@page{size:auto;margin:0}body,html,#root,.app-shell,.workspace-layout,.project-workspace,.workspace-view-host,.workspace-view-pane{background:#fff!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}header,.top-bar,.ribbon,.properties-panel,.navigation-panel,.status-bar,.view-tabs-shell,.toast-container{display:none!important}.workspace-layout{display:block!important}.canvas-shell{width:100vw!important;height:100vh!important;box-shadow:none!important;z-index:99999!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}.editor-canvas{width:100vw!important;height:100vh!important}}.titleblock-editor{grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:10px;display:grid}.titleblock-editor-toolbar{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.titleblock-editor-canvas{background:#eef1f0;border:1px solid #c8d1cd;border-radius:7px;justify-content:center;min-width:0;padding:8px;display:flex;position:sticky;top:0;overflow:auto}.titleblock-inspector{flex-direction:column;gap:7px;min-width:0;display:flex}.titleblock-inspector label,.titleblock-editor .titleblock-toolbar label{color:#516062;flex-direction:column;grid-template-columns:none;align-items:stretch;gap:3px;margin-bottom:0;font-size:.74rem;display:flex}.titleblock-inspector label.checkbox-row{flex-direction:row;align-items:center;gap:6px}.titleblock-inspector input,.titleblock-inspector select{box-sizing:border-box;width:100%;min-width:0;height:26px}.titleblock-inspector input[type=color]{height:28px;padding:2px}.titleblock-grid2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.titleblock-inspector code{background:#eef1f0;border-radius:3px;padding:1px 4px;font-size:.72rem}@media (width<=900px){.titleblock-editor{grid-template-columns:minmax(0,1fr)}.titleblock-editor-canvas{position:static}}.titleblock-align-row{flex-wrap:wrap;gap:4px;display:flex}.titleblock-align-row button{color:#26383d;cursor:pointer;background:#fbfcfb;border:1px solid #c5ceca;border-radius:5px;width:30px;height:26px;padding:0;font-size:14px;line-height:1}.titleblock-align-row button:hover{background:#eef3f1;border-color:#9fb0aa}.pdf-export-overlay{z-index:20000;-webkit-backdrop-filter:blur(2px);background:#141c208c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-export-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:340px;max-width:90vw;padding:22px 24px;display:flex;box-shadow:0 18px 48px #00000047}.pdf-export-title{color:#1f2d33;font-size:1.05rem;font-weight:700}.pdf-export-status{color:#566;min-height:18px;font-size:.85rem}.pdf-export-bar{background:#e6ecea;border-radius:6px;height:10px;overflow:hidden}.pdf-export-bar-fill{background:linear-gradient(90deg,#0070f3,#3a9bff);border-radius:6px;height:100%;transition:width .2s}.pdf-export-percent{color:#33454b;font-size:.82rem;font-weight:600}.pdf-export-card .secondary-action{align-self:center;min-width:120px}.settings-modal.schedule-manager-modal{flex-direction:column;width:min(1380px,98vw);min-width:0;height:min(820px,92vh);min-height:0;display:flex;overflow:hidden}.settings-modal.zoning-manager-modal{flex-direction:column;width:min(1180px,97vw);min-width:0;height:min(760px,92vh);min-height:0;display:flex;overflow:hidden}.zoning-manager-body{flex:auto;grid-template-columns:minmax(180px,220px) minmax(200px,260px) minmax(0,1fr);gap:10px;min-height:0;display:grid}.zoning-column{background:#fbfdfc;border:1px solid #dde5e2;border-radius:6px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.zoning-column-head{background:#eef3f1;border-bottom:1px solid #dde5e2;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.zoning-column-list{flex:auto;align-content:start;gap:2px;min-height:0;padding:8px 9px;display:grid;overflow-y:auto}.settings-modal.perimeter-layer-modal,.settings-modal.map-layer-modal{flex-direction:column;width:min(760px,96vw);min-width:0;min-height:0;max-height:92vh;display:flex;overflow:hidden}.perimeter-layer-modal .perimeter-layer-body,.map-layer-modal .map-layer-body{flex:auto;min-height:0;padding-top:10px;overflow-y:auto}.settings-modal.dxf-export-modal{flex-direction:column;width:min(880px,96vw);min-width:0;min-height:0;max-height:92vh;display:flex;overflow:hidden}.dxf-export-modal .dxf-export-body{flex:auto;min-height:0;padding-top:10px;overflow-y:auto}.schedule-layout{flex:auto;grid-template-columns:minmax(160px,200px) minmax(0,1fr);gap:8px;min-height:0;display:grid}.schedule-list{background:#f6f8f7;border:1px solid #c8d1cd;border-radius:7px;flex-direction:column;gap:5px;min-width:0;padding:6px;display:flex;overflow:auto}.schedule-add-action{color:#21464a;cursor:pointer;background:#dcefeb;border:1px solid #75aaa3;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;font-weight:700;display:inline-flex}.schedule-add-action:hover{background:#cfe8e2}.schedule-list-item{background:#fbfcfb;border:1px solid #d5ddda;border-radius:6px;grid-template-columns:1fr auto;align-items:stretch;gap:2px;display:grid;overflow:hidden}.schedule-list-item.active{background:#dcefeb;border-color:#75aaa3}.schedule-list-open{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.schedule-list-open span{gap:1px;min-width:0;display:grid}.schedule-list-open strong,.schedule-list-open small{text-overflow:ellipsis;white-space:nowrap;color:#223238;min-width:0;font-size:12px;overflow:hidden}.schedule-list-open small{color:#5f7073;font-size:10.5px}.schedule-list-del{color:#9a4b4b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:26px;display:inline-flex}.schedule-list-del:hover{background:#f2dede}.schedule-editor{background:0 0;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.schedule-placeholder{color:#6b7b7d;margin:auto;font-size:13px}.schedule-workarea{flex:auto;grid-template-columns:minmax(320px,1fr) minmax(0,1.2fr);gap:10px;min-height:0;display:grid}.schedule-controls{background:#f7f9f8;border:1px solid #c8d1cd;border-radius:7px;flex-direction:column;min-width:0;min-height:0;padding:4px 10px 4px 4px;display:flex;overflow-y:auto}.schedule-preview-pane{background:#fff;border:1px solid #c8d1cd;border-radius:7px;flex-direction:column;min-width:0;min-height:0;padding:8px;display:flex;overflow:hidden}.schedule-preview{flex:auto;min-width:0;min-height:0;overflow:auto}.schedule-config,.schedule-format-bar{border-bottom:1px solid #d3dcd8;flex-direction:column;align-items:stretch;gap:9px;padding:10px 2px;display:flex}.schedule-field{color:#4c5b5b;white-space:nowrap;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:grid}.schedule-field>input,.schedule-field>select{box-sizing:border-box;color:#223238;background:#fbfcfb;border:1px solid #cbd5d0;border-radius:6px;width:100%;min-width:0;height:30px;padding:0 8px;font-size:12px;font-weight:500}.schedule-field>input:focus,.schedule-field>select:focus{border-color:#69a29d;outline:none;box-shadow:0 0 0 2px #69a29d2e}.schedule-inline-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.schedule-field.schedule-filter{flex-direction:column;align-items:stretch;gap:6px;display:flex}.schedule-filter>span:first-child{align-self:flex-start}.schedule-filter-controls{flex-direction:column;gap:6px;min-width:0;display:flex}.schedule-filter-rule{gap:6px;min-width:0;display:flex}.schedule-filter-controls select,.schedule-filter-value{box-sizing:border-box;color:#223238;background:#fbfcfb;border:1px solid #cbd5d0;border-radius:6px;height:30px;padding:0 7px;font-size:12px}.schedule-filter-rule>select:first-child{flex:auto;min-width:0}.schedule-filter-rule>select:nth-child(2){flex:0 0 56px}.schedule-filter-value{width:100%;min-width:0}.schedule-filter-input-row{gap:6px;width:100%;display:flex}.schedule-filter-input-row>input{flex:auto;min-width:0}.schedule-filter-suggestions-select{cursor:pointer;box-sizing:border-box;color:#223238;background:#fbfcfb;border:1px solid #cbd5d0;border-radius:6px;flex:0 0 94px;min-width:0;height:30px;padding:0 4px;font-size:11px}.schedule-columns{flex-direction:column;min-height:0;padding:10px 2px 2px;display:flex}.schedule-columns-toolbar{align-items:center;gap:6px;margin-bottom:6px;display:flex}.schedule-columns-title{color:#3c4b4b;margin-right:auto;font-size:12px;font-weight:700}.schedule-columns-toolbar button{color:#21464a;cursor:pointer;background:#eef4f2;border:1px solid #bcccc7;border-radius:6px;height:27px;padding:0 9px;font-size:12px}.schedule-columns-toolbar button:hover{background:#e2eeea}.schedule-columns-list{gap:7px;display:grid}.schedule-col-block{background:#fbfcfb;border:1px solid #e2e8e5;border-radius:6px;gap:3px;padding:5px 5px 6px;display:grid}.schedule-col-row{grid-template-columns:minmax(0,1.3fr) 58px minmax(0,1fr) 72px 48px 26px;align-items:center;gap:5px;display:grid}.schedule-col-order-actions{gap:3px;display:flex}.schedule-col-btn{color:#5f7073;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:22px;height:26px;padding:0;display:inline-flex}.schedule-col-btn:hover:not(:disabled){color:#223238;background:#eef2f0}.schedule-col-btn:disabled{color:#cbd5d0;cursor:not-allowed}.schedule-col-factors{gap:10px;padding-left:2px;display:flex}.schedule-col-factors label{color:#5f7073;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex}.schedule-col-factors input{background:#fff;border:1px solid #d5ddda;border-radius:5px;width:54px;height:24px;padding:0 6px;font-size:11.5px}.schedule-col-header,.schedule-col-src,.schedule-col-agg{box-sizing:border-box;color:#223238;background:#f9fbfa;border:1px solid #d5ddda;border-radius:5px;width:100%;min-width:0;height:28px;padding:0 7px;font-size:12px}.schedule-col-key{color:#5f7073;background:#eef2f0;align-items:center;display:inline-flex}.schedule-col-kind{text-align:center;border-radius:4px;padding:3px 0;font-size:10.5px;font-weight:700}.kind-param{color:#3a5a63;background:#e5eef1}.kind-quantity{color:#3f5f3a;background:#e6efe3}.kind-formula{color:#6a5a2a;background:#f1e9d6}.schedule-col-del{color:#9a4b4b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.schedule-col-del:hover{background:#f2dede}.schedule-field-adder{display:inline-flex;position:relative}.schedule-field-menu{z-index:40;background:#fff;border:1px solid #a9b6b2;border-radius:6px;min-width:150px;max-height:240px;margin-top:3px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 8px 20px #141f242e}.schedule-field-menu button{text-align:left;cursor:pointer;color:#223238;background:0 0;border:none;width:100%;padding:5px 9px;font-size:12px;display:block}.schedule-field-menu button:hover{background:#e2eeea}.schedule-preview{flex:auto;min-height:0;padding-top:8px;overflow:auto}.schedule-table{border-collapse:collapse;width:100%;font-size:12.5px}.schedule-table th{z-index:1;text-align:left;color:#2a3b3c;background:#e7eeeb;border-bottom:2px solid #93a6a1;padding:5px 9px;position:sticky;top:0}.schedule-table td{color:#253235;border-bottom:1px solid #e0e6e3;padding:4px 9px}.schedule-group-row td{color:#35544d;background:#eef4f2;border-bottom:1px solid #cdd9d4;font-weight:600}.schedule-subtotal-row td{color:#3c4b4b;background:#f4f7f5;border-top:1px solid #b9c7c2;font-weight:600}.schedule-total-row td{color:#1f3f43;background:#dcefeb;border-top:2px solid #6d9d96;font-weight:800}.schedule-empty{color:#6b7b7d;text-align:center;margin:0;padding:6px;font-size:12px;line-height:1.4}@media (width<=1040px){.schedule-workarea{grid-template-columns:1fr}}@media (width<=900px){.schedule-layout,.schedule-col-row{grid-template-columns:1fr}}.schedule-toggle{color:#3a4a4a;cursor:pointer;background:#fff;border:1px solid #cbd6d1;border-radius:6px;height:30px;padding:0 12px;font-size:11.5px;font-weight:600}.schedule-toggle:hover{border-color:#9fb8b3}.schedule-toggle.on{color:#1f4145;background:#d7ece7;border-color:#69a29d;font-weight:700}.schedule-num{color:#566564;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.schedule-num-input{text-align:center;background:#fbfcfb;border:1px solid #cbd6d1;border-radius:6px;width:58px;height:30px;font-size:12px}.schedule-align-select{background:#fbfcfb;border:1px solid #cbd6d1;border-radius:6px;width:120px;height:30px;padding:0 6px;font-size:12px}.schedule-export{color:#21464a;cursor:pointer;background:#eef4f2;border:1px solid #bcccc7;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;height:30px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex}.schedule-export:hover{background:#e2eeea}.schedule-title-preview{color:#1f2f33;padding:2px 2px 6px}.schedule-table.no-borders td,.schedule-table.no-borders th{border-bottom:none}.category-header-accordion{transition:all .2s ease-in-out}.category-header-accordion:hover{background-color:#e0e0e0!important}.category-header-accordion.expanded:hover{background-color:#d0e7ff!important}.family-manager-layout.inverted-layout{grid-template-columns:minmax(280px,.45fr) minmax(0,1.55fr)}.component-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:6px 2px;display:grid}.component-gallery-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #d5ddda;border-radius:6px;flex-direction:column;align-items:stretch;gap:4px;min-width:0;transition:border-color .2s,box-shadow .2s;padding:6px!important;display:flex!important}.component-gallery-card:hover{border-color:#a3c2be;box-shadow:0 2px 5px #0000000d}.component-gallery-card.active{background-color:#f0f7ff!important;border:2px solid #007bff!important;padding:5px!important}.component-gallery-thumb-wrapper{background:#f7f9f8;border:1px solid #eef1f0;border-radius:4px;justify-content:center;align-items:center;height:80px;display:flex;position:relative;overflow:hidden}.component-gallery-thumb{object-fit:contain;width:100%;height:100%}.component-gallery-placeholder{color:#87918f;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:500;display:flex}.component-gallery-card-name{color:#223238;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;font-weight:600;overflow:hidden}.new-project-modal{flex-direction:column;gap:14px;width:min(380px,90vw);display:flex}.new-project-modal h2{color:var(--text-primary);margin:0;font-size:1.05rem}.settings-field{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:.82rem;display:flex}.settings-input{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);border-radius:6px;outline:none;padding:7px 10px;font-size:.9rem}.settings-input:focus{border-color:var(--border-input-hover);box-shadow:0 0 0 2px #3b82f640}.settings-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.window-structure-profile{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:8px;margin-bottom:16px;padding:14px;box-shadow:0 1px 3px #00000005}.window-structure-profile .checkbox-row{color:var(--text-panel-heading);border-bottom:1px solid var(--border-panel);padding-bottom:8px;font-size:13px;font-weight:700;margin-bottom:12px!important}.window-structure-profile .window-structure-profile{background:var(--bg-input);border-color:var(--border-ui-light);margin-bottom:12px;padding:12px}.window-structure-profile .window-structure-profile .checkbox-row{border-bottom:none;padding-bottom:0;margin-bottom:8px!important}.surface-component-note{color:var(--text-muted);background:#21464a0a;border-left:3px solid #2b6f73;border-radius:0 6px 6px 0;margin:12px 0 16px;padding:8px 12px;font-size:11px}.privacy-toggle-row{background:#1e293b99;border:1px solid #334155cc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.875rem 1rem;display:flex}.privacy-toggle-info h5{color:#f8fafc;margin:0 0 .25rem;font-size:.875rem}.privacy-toggle-info p{color:#94a3b8;margin:0;font-size:.775rem}.privacy-switch{flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.privacy-switch input{opacity:0;width:0;height:0}.privacy-slider{cursor:pointer;background-color:#334155;border-radius:24px;transition:all .2s;position:absolute;inset:0}.privacy-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.privacy-slider{background-color:#0284c7}input:checked+.privacy-slider:before{transform:translate(18px)}input:disabled+.privacy-slider{opacity:.5;cursor:not-allowed}.rights-card{background:#0f172a80;border:1px solid #33415599;border-radius:8px;margin-top:1rem;padding:1rem}.rights-card-title{color:#f8fafc;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex}.danger-zone{background:#ef44440d;border-color:#ef44444d}.user-profile-modal-container{color:#f8fafc;background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);border:1px solid #38bdf840;border-radius:16px;flex-direction:column;width:95%;max-width:680px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) userModalFade;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 30px #38bdf81a}@keyframes userModalFade{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.user-profile-hero{background:#0f172acc;border-bottom:1px solid #334155cc;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem 1rem;display:flex;position:relative}.user-avatar-glow{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#0284c766);border:2px solid #38bdf866;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 0 15px #38bdf840}.user-profile-meta{flex:1;min-width:0}.user-profile-meta h3{color:#f8fafc;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.user-profile-meta p{color:#94a3b8;margin:0;font-size:.85rem}.user-role-badge{color:#38bdf8;text-transform:capitalize;background:#38bdf81f;border:1px solid #38bdf840;border-radius:12px;align-items:center;gap:.35rem;margin-top:.4rem;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.user-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.user-modal-close:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.user-profile-tabs{background:#0f172a;border-bottom:1px solid #334155cc;gap:.5rem;padding:0 1.25rem;display:flex}.user-profile-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.user-profile-tab-btn:hover{color:#f8fafc}.user-profile-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;font-weight:600}.user-profile-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.profile-glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b80;border:1px solid #334155b3;border-radius:12px;padding:1.25rem}.profile-glass-card h4{color:#f8fafc;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.95rem;font-weight:600;display:flex}.profile-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=580px){.profile-form-grid{grid-template-columns:1fr}}.dark-field-label{flex-direction:column;gap:.35rem;display:flex}.dark-field-label span{color:#cbd5e1;font-size:.8rem;font-weight:500}.dark-input-wrapper{align-items:center;display:flex;position:relative}.dark-input-wrapper svg{color:#64748b;pointer-events:none;position:absolute;left:.75rem}.dark-input{color:#f8fafc;background:#0f172acc;border:1px solid #334155cc;border-radius:8px;width:100%;padding:.6rem .75rem .6rem 2.25rem;font-size:.85rem;transition:all .2s}.dark-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf826}.dark-input:disabled{opacity:.6;cursor:not-allowed}.lgpd-feature-row{background:#0f172a99;border:1px solid #33415599;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.875rem 1rem;display:flex}.lgpd-feature-text h5{color:#f8fafc;margin:0 0 .2rem;font-size:.875rem;font-weight:600}.lgpd-feature-text p{color:#94a3b8;margin:0;font-size:.775rem}.btn-sky-action{color:#fff;cursor:pointer;white-space:nowrap;background:#0284c7;border:1px solid #0369a1;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-sky-action:hover{background:#0369a1;box-shadow:0 4px 12px #0284c74d}.btn-outline-action{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293bcc;border:1px solid #94a3b84d;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline-action:hover{color:#fff;background:#334155e6;border-color:#94a3b880}.profile-glass-danger{background:#ef44440d;border:1px solid #ef444440;border-radius:12px;padding:1.25rem}.profile-glass-danger h4{color:#f87171;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;display:flex}.btn-danger-action{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #b91c1c;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger-action:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.user-profile-footer{background:#0f172ae6;border-top:1px solid #334155cc;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.projects-screen{background:var(--bg-app);min-height:100dvh;color:var(--text-primary);flex-direction:column;align-items:center;padding:0 24px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-y:auto}.projects-top-nav{justify-content:flex-start;width:100%;max-width:780px;padding:16px 0 0;display:flex}.projects-back-link{color:#06b6d4;background-color:#06b6d414;border:1px solid #06b6d433;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.projects-back-link:hover{background-color:#06b6d42e;border-color:#06b6d466}.projects-hero{text-align:center;padding:24px 16px 28px}.projects-brand-header{justify-content:center;align-items:center;gap:12px;display:inline-flex}.projects-hero-logo{object-fit:contain;width:auto;height:38px}.projects-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:32px;font-weight:800}.projects-subtitle{color:var(--text-secondary);margin:6px 0 0;font-size:14px}@media (width<=600px){.projects-top-nav{padding:12px 0 0}.projects-hero{padding:16px 12px 20px}.projects-hero-logo{height:30px}.projects-title{font-size:24px}}.projects-api-warning{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto 16px;padding:12px 14px;font-size:13px;display:flex}[data-theme=dark] .projects-api-warning{color:#fde68a;background:#292524;border-color:#a16207}.projects-dir-bar{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:8px;align-items:center;gap:10px;width:100%;max-width:680px;min-height:42px;margin:0 auto 20px;padding:8px 14px;display:flex}.projects-dir-icon{color:var(--text-secondary);flex-shrink:0}.projects-dir-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;overflow:hidden}.projects-dir-change{height:28px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);cursor:pointer;border-radius:6px;flex-shrink:0;padding:0 12px;font-family:inherit;font-size:12px}.projects-dir-change:hover{background:var(--bg-tree-item-hover);border-color:var(--border-input-hover)}.projects-dir-select{width:100%;height:42px;color:var(--text-secondary);border:1px dashed var(--border-panel);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13px;display:inline-flex}.projects-dir-select:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--bg-tree-item-hover)}.projects-refresh{width:28px;height:28px;color:var(--text-secondary);border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.projects-refresh:hover{color:var(--text-primary);background:var(--bg-tree-item-hover)}.projects-error{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:560px;margin:0 auto 12px;padding:10px 12px;font-size:13px;display:flex}[data-theme=dark] .projects-error{color:#fca5a5;background:#2d1f1f;border-color:#dc2626}.projects-error button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;padding:0 6px;font-size:14px;font-weight:600}.projects-error button:hover{opacity:1}.projects-content{flex:1;width:100%;max-width:780px;margin:0 auto}.projects-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:60px 16px;display:flex}.projects-empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:8px}.projects-empty h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.projects-empty p{color:var(--text-secondary);max-width:340px;margin:0 0 12px;font-size:13px}.projects-loading{color:var(--text-muted);justify-content:center;padding:60px 16px;font-size:13px;display:flex}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=680px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.projects-grid{grid-template-columns:minmax(0,1fr)}}.project-card{background:var(--bg-panel);border:1px solid var(--border-panel);cursor:pointer;text-align:left;color:inherit;border-radius:8px;flex-direction:column;padding:0;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.project-card:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.project-card:disabled{cursor:default;opacity:.6}.project-card-thumb{background:var(--bg-workspace);height:100px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:relative}.project-card-opening{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.project-card-info{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.project-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.project-card-meta{color:var(--text-muted);font-size:11px}.project-card-menu{position:absolute;top:6px;right:4px}.project-card-menu-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;opacity:0;background:#0000001f;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.project-card:hover .project-card-menu-btn{opacity:1}.project-card-menu-btn:hover{color:var(--text-primary);background:#0003}.project-card-dropdown{z-index:10;background:var(--bg-modal);border:1px solid var(--border-modal);border-radius:6px;min-width:130px;padding:4px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0003}.project-card-dropdown-item{height:30px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:0 8px;font-family:inherit;font-size:12px;display:flex}.project-card-dropdown-item:hover{background:var(--bg-tree-item-hover)}.project-card-dropdown-item.danger{color:#dc2626}.project-card-dropdown-item.danger:hover{background:#fee2e2}[data-theme=dark] .project-card-dropdown-item.danger:hover{background:#2d1f1f}.projects-actions{gap:10px;display:flex}.projects-btn-primary{color:#fff;background:var(--accent-color);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.projects-btn-primary:hover{background:var(--accent-hover)}.projects-btn-secondary{height:38px;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--border-panel);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.projects-btn-secondary:hover{background:var(--bg-tree-item-hover);border-color:var(--accent-color)}.countdown-banner{color:#fff;background:0 0;flex:1;justify-content:center;align-items:center;gap:10px;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.topbar-shell{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);flex-shrink:0;align-items:center;width:100%;min-height:34px;display:flex}.topbar-actions{flex-shrink:0;align-items:center;padding-right:6px;display:flex}.countdown-banner-text{text-align:center;letter-spacing:.01em}.countdown-banner-close{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s;display:inline-flex}.countdown-banner-close:hover{color:#fff;background:#ffffff40}.countdown-banner--minimized{cursor:pointer;opacity:.7;border-radius:0 0 6px 6px;align-items:center;gap:4px;width:auto;padding:4px 10px;font-size:11px;transition:opacity .15s;display:inline-flex}.countdown-banner--minimized:hover{opacity:1}.countdown-banner--expired{background:0 0}.countdown-banner-login-btn{color:#ffffffd9;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;align-items:center;gap:5px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.countdown-banner-login-btn:hover{color:#fff;background:#fff3;border-color:#ffffff59}.projects-footer{width:100%;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:16px;margin-top:auto;padding:12px 24px 16px;font-size:12px;display:flex}.projects-footer-links{gap:2px;display:flex}.projects-footer-links button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:12px;transition:color .15s,background .15s}.projects-footer-links button:hover{color:var(--text-primary);background:var(--bg-tree-item-hover)}.info-modal{max-width:480px!important}.info-modal-body{padding:0 4px}.info-modal-section{flex-direction:column;gap:14px;display:flex}.info-modal-feature{align-items:flex-start;gap:10px;font-size:13px;display:flex}.info-modal-feature svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.info-modal-feature strong{color:var(--text-primary);margin-bottom:2px;font-size:13px;display:block}.info-modal-feature p{color:var(--text-secondary);margin:0;line-height:1.5}.info-modal-feature--highlight{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:10px 12px}[data-theme=dark] .info-modal-feature--highlight{color:#fde68a;background:#292524;border-color:#a16207}.info-modal-feature--highlight strong,.info-modal-feature--highlight p{color:inherit}.info-modal-divider{background:var(--border-panel);height:1px;margin:4px 0}.info-modal-subtitle{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.info-modal-about{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:13px;line-height:1.6;display:flex}.info-modal-about strong{color:var(--text-primary)}.info-modal-about p{margin:0}.info-modal-version{color:var(--text-muted);font-size:12px}.auth-modal{max-width:520px!important}.auth-tabs{border-bottom:1px solid var(--border-panel);gap:0;margin:0 0 4px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.auth-tab:hover:not(:disabled){color:var(--text-primary)}.auth-tab--active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.auth-tab:disabled{opacity:.4;cursor:not-allowed}.auth-body{flex-direction:column;gap:12px;padding-top:4px;display:flex}.auth-body--register{gap:10px}.auth-submit{justify-content:center;gap:8px;width:100%}.auth-footer-text{text-align:center;color:var(--text-muted);margin:0;font-size:12px}.auth-link{color:var(--accent-color);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.auth-link:hover{color:var(--accent-hover)}.auth-info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;display:flex}[data-theme=dark] .auth-info-box{color:#93c5fd;background:#1e293b;border-color:#334155}.auth-info-box svg{flex-shrink:0;margin-top:1px}.auth-info-box p{margin:0}.auth-info-box--warning{color:#92400e;background:#fef3c7;border-color:#f59e0b}[data-theme=dark] .auth-info-box--warning{color:#fde68a;background:#292524;border-color:#a16207}.auth-info-box--warning strong{margin-bottom:2px;display:block}.auth-info-box--warning p{margin:0}.auth-success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.auth-success svg{color:#16a34a}.auth-success strong{color:var(--text-primary);font-size:15px}.auth-success p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.auth-success-sub{font-weight:600;color:var(--accent-color)!important}.auth-vagas-bar{background:var(--bg-tree-item-hover);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.auth-vagas-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.auth-vagas-label svg{color:var(--accent-color)}.auth-vagas-restam{color:var(--accent-color);margin-left:auto;font-weight:600}.auth-vagas-track{background:var(--border-panel);border-radius:2px;height:4px;overflow:hidden}.auth-vagas-fill{background:linear-gradient(90deg, var(--accent-color), #10b981);border-radius:2px;height:100%;transition:width .3s}.auth-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=440px){.auth-field-row{grid-template-columns:1fr}}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-panel);flex:1;height:1px}.auth-rules-scroll{background:var(--bg-tree-item-hover);border:1px solid var(--border-panel);border-radius:6px;flex-direction:column;gap:8px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.auth-rule{align-items:flex-start;gap:8px;font-size:12px;display:flex}.auth-rule svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.auth-rule strong{color:var(--text-primary);margin-bottom:1px;font-size:12px;display:block}.auth-rule p{color:var(--text-secondary);margin:0;line-height:1.4}.auth-checkbox{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.auth-checkbox input{accent-color:var(--accent-color);flex-shrink:0;margin-top:2px}.auth-checkbox strong{color:var(--text-primary)}.settings-input-icon{align-items:center;display:flex;position:relative}.settings-input-icon svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.settings-input-icon .settings-input{padding-left:32px}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-modal,.auth-modal,.info-modal{background:var(--bg-modal,#1e1f23);border:1px solid var(--border-modal,#2a2b30);width:min(540px,95vw);max-height:min(850px,90dvh);color:var(--text-primary);box-sizing:border-box;border-radius:12px;flex-direction:column;padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-heading{border-bottom:1px solid var(--border-panel);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-title-with-logo{align-items:center;gap:10px;display:flex}.modal-logo-img{object-fit:contain;width:auto;height:28px}.modal-heading strong{color:var(--text-primary);font-size:16px;display:block}.modal-heading span{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.icon-button{width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border-panel);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.icon-button:hover{color:var(--text-primary);background:var(--bg-tree-item-hover)}@media (width<=580px){.modal-backdrop{align-items:flex-end;padding:8px}.settings-modal,.auth-modal,.info-modal{border-radius:16px 16px 12px 12px;width:100%;max-height:88dvh;padding:16px 14px}.auth-field-row{grid-template-columns:1fr;gap:8px}.auth-rules-scroll{max-height:120px;font-size:11px}.auth-submit{height:44px;font-size:14px}.settings-input{height:40px;font-size:14px}}.cloud-promo-card{background:linear-gradient(135deg,#0ea5e914 0%,#38bdf808 100%);border:1px solid #38bdf840;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;padding:20px 24px;transition:all .25s;display:flex;box-shadow:0 4px 20px -4px #38bdf81a}.cloud-promo-card:hover{border-color:#38bdf866;box-shadow:0 6px 24px -4px #38bdf82e}.cloud-promo-content{flex:1;min-width:260px}.cloud-promo-badge{color:#0284c7;text-transform:uppercase;letter-spacing:.5px;background:#38bdf826;border-radius:12px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.cloud-promo-title{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.35}.cloud-promo-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.cloud-promo-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cloud-promo-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0284c740}.cloud-promo-btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 6px 16px #0284c759}.cloud-promo-btn-secondary{color:var(--text-primary);border:1px solid var(--border-panel);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.cloud-promo-btn-secondary:hover{background:var(--bg-tree-item-hover);color:#0284c7;border-color:#0284c7}@media (width<=640px){.cloud-promo-card{flex-direction:column;align-items:flex-start;padding:16px}.cloud-promo-actions{justify-content:flex-start;width:100%}.cloud-promo-btn-primary,.cloud-promo-btn-secondary{flex:1}}.cookie-banner-backdrop{z-index:99999;max-width:640px;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;background:#0f172af2;border:1px solid #38bdf840;border-radius:12px;padding:1.25rem;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d}.cookie-banner-header{align-items:center;gap:.625rem;margin-bottom:.625rem;display:flex}.cookie-banner-header h4{color:#f8fafc;margin:0;font-size:1rem;font-weight:600}.cookie-banner-text{color:#cbd5e1;margin-bottom:1rem;font-size:.825rem;line-height:1.5}.cookie-banner-text button{color:#38bdf8;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.cookie-banner-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.cookie-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s}.cookie-btn--primary{color:#fff;background:#0284c7}.cookie-btn--primary:hover{background:#0369a1}.cookie-btn--secondary{color:#e2e8f0;background:#334155b3;border-color:#94a3b833}.cookie-btn--secondary:hover{background:#334155}.cookie-btn--outline{color:#cbd5e1;background:0 0;border-color:#94a3b84d}.cookie-btn--outline:hover{color:#fff;background:#ffffff0d}.landing-page{color:#0f172a;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background-color:#fafbfc;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;inset:0;overflow:hidden auto}.bg-blueprint-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#94a3b812 1px,#0000 1px),linear-gradient(#94a3b812 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 60%,#0000 100%);mask-image:radial-gradient(circle at 50% 30%,#000 60%,#0000 100%)}.bg-subtle-radial{z-index:0;pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#2563eb0f 0%,#fff0 70%);width:900px;height:600px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.landing-header{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.1rem 5%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.landing-header.scrolled{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc;padding:.8rem 5%;box-shadow:0 4px 20px -5px #0f172a08}.landing-logo{z-index:10;align-items:center;gap:.75rem;display:flex}.logo-img{object-fit:contain;width:auto;height:32px}.landing-nav{z-index:10;align-items:center;gap:1.75rem;display:flex}.landing-nav a,.btn-nav-link{color:#475569;cursor:pointer;background:0 0;border:none;padding:0;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav a:hover,.btn-nav-link:hover{color:#2563eb}.btn-nav-cta{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-nav-cta:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.arch-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.arch-badge .badge-icon{color:#2563eb}.landing-main{z-index:10;padding-bottom:5rem;position:relative}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;max-width:1280px;margin:0 auto;padding:4rem 5% 5rem;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-title{color:#0f172a;letter-spacing:-1.2px;margin:0 0 1.25rem;font-family:Outfit,sans-serif;font-size:3.25rem;font-weight:800;line-height:1.15}.hero-subtitle{color:#475569;max-width:540px;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary-glow.large{padding:1.1rem 2.2rem;font-size:1.1rem}.btn-primary-glow:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 22px #2563eb59}.btn-secondary-arch{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary-arch:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.hero-trust-strip{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.trust-item{color:#64748b;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.trust-item svg{color:#10b981}.hero-visual{width:100%;position:relative}.hero-highlights-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.hero-highlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;transition:all .25s;box-shadow:0 4px 12px #0f172a08}.hero-highlight-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 24px -6px #2563eb1a}.highlight-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.hero-highlight-card h3{color:#0f172a;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:1.08rem;font-weight:700}.hero-highlight-card p{color:#64748b;margin:0;font-size:.88rem;line-height:1.5}.landing-video-section{max-width:1100px;margin:4rem auto;padding:0 5%}.section-title{text-align:center;margin-bottom:2.5rem}.section-title h2{color:#0f172a;letter-spacing:-.5px;margin:.5rem 0 .75rem;font-family:Outfit,sans-serif;font-size:2.35rem;font-weight:800}.section-title p{color:#64748b;max-width:620px;margin:0 auto;font-size:1.05rem}.video-browser-frame{background:#fff;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a14}.browser-header{color:#94a3b8;background:#0f172a;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.browser-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.browser-title{font-family:monospace;font-size:.82rem}.badge-live{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:flex}.video-container-responsive{background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container-responsive iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.how-it-works{max-width:1200px;margin:5rem auto;padding:0 5%}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem 1.75rem;transition:all .25s;position:relative}.step-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 24px -6px #2563eb14}.step-number-badge{color:#cbd5e1;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem}.step-icon-wrapper{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.step-card h3{color:#0f172a;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.step-card p{color:#64748b;margin:0;font-size:.95rem;line-height:1.55}.share-whatsapp-section{max-width:1200px;margin:6rem auto;padding:0 5%}.share-whatsapp-container{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:3.5rem;display:grid;box-shadow:0 25px 50px -12px #0f172a40}.share-whatsapp-text h2{margin:.75rem 0 1rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2}.share-whatsapp-text p{color:#94a3b8;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.share-whatsapp-points{flex-direction:column;gap:1.25rem;display:flex}.share-point{align-items:flex-start;gap:1rem;display:flex}.share-point-icon{color:#60a5fa;background:#2563eb33;border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.share-point h4{color:#f8fafc;margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.share-point p{color:#94a3b8;margin:0;font-size:.9rem}.share-info-card{color:#0f172a;background:#fff;border-radius:14px;padding:2.25rem;box-shadow:0 20px 40px #0000004d}.share-info-header{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.share-header-icon{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:10px;padding:.5rem}.share-info-header h3{color:#0f172a;margin:0 0 .25rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.share-info-header p{color:#64748b;margin:0;font-size:.88rem}.share-benefit-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.benefit-item{color:#334155;align-items:center;gap:.75rem;font-size:.92rem;font-weight:500;display:flex}.benefit-check{color:#10b981;min-width:18px}.btn-share-cta{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.btn-share-cta:hover{background:#1d4ed8}.features-bento-section{max-width:1200px;margin:6rem auto;padding:0 5%}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.bento-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:2rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.bento-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 16px 32px -8px #2563eb1a}.bento-hero-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;grid-column:span 2}.bento-icon-box{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:1.25rem;display:flex}.bento-card h3{color:#0f172a;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.bento-card p{color:#64748b;margin:0;font-size:.95rem;line-height:1.6}.bento-tag-strip{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.bento-tag-strip span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.faq-section{max-width:1000px;margin:6rem auto;padding:0 5%}.faq-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem;display:grid}.faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem}.faq-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.faq-icon{color:#2563eb}.faq-header h3{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.faq-card p{color:#64748b;margin:0;font-size:.92rem;line-height:1.55}.cta-section{max-width:1100px;margin:6rem auto 2rem;padding:0 5%}.cta-glass{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e40af 100%);border-radius:20px;padding:4rem 2rem;box-shadow:0 25px 50px -12px #2563eb40}.cta-glass h2{margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.cta-glass p{color:#93c5fd;margin:0 0 2.25rem;font-size:1.1rem}.landing-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:4rem;padding:3rem 5%}.footer-logo{align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links button{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline;transition:color .2s}.footer-links button:hover{color:#2563eb}.footer-copyright{color:#94a3b8;margin:0;font-size:.85rem}.fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-subtitle{max-width:100%}.hero-actions,.hero-trust-strip{justify-content:center}.bento-grid{grid-template-columns:1fr 1fr}.bento-hero-card{grid-column:span 2}.share-whatsapp-container{grid-template-columns:1fr;padding:2.5rem}}@media (width<=768px){.landing-nav{display:none}.hero-title{font-size:2.35rem}.hero-highlights-grid,.steps-grid,.bento-grid{grid-template-columns:1fr}.bento-hero-card{grid-column:span 1}.faq-grid{grid-template-columns:1fr}}.blog-page{color:#0f172a;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;inset:0;overflow:hidden auto}.bg-glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle,#38bdf812 0%,#fff0 70%);width:600px;height:600px;top:-150px;left:-150px}.glow-2{background:radial-gradient(circle,#6366f10f 0%,#fff0 70%);width:600px;height:600px;top:400px;right:-150px}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0f172a05 1px,#0000 1px),linear-gradient(#0f172a05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.blog-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0f172a14;position:sticky;top:0}.blog-header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.blog-logo{align-items:center;gap:.75rem;display:flex}.logo-img{width:auto;height:32px}.logo-text{color:#0f172a;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.logo-accent{color:#0284c7}.blog-badge{color:#0284c7;vertical-align:middle;background:#0284c71a;border:1px solid #0284c740;border-radius:12px;margin-left:6px;padding:2px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.blog-nav{align-items:center;gap:16px;display:flex}.btn-nav-link{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.95rem;font-weight:500;transition:all .2s}.btn-nav-link:hover,.btn-nav-link.active{color:#0284c7;background:#0284c70f}.btn-primary-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 14px #2563eb40}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-primary-glow.large{border-radius:10px;padding:1rem 2.5rem;font-size:1.1rem}.blog-main{z-index:10;max-width:1200px;margin:0 auto;padding:40px 24px 80px;position:relative}.blog-hero{text-align:center;max-width:760px;margin:0 auto 48px}.badge{color:#0284c7;background:#0284c714;border:1px solid #0284c733;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.blog-hero-title{letter-spacing:-1px;color:#0f172a;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero-subtitle{color:#475569;margin-bottom:32px;font-size:1.1rem;line-height:1.6}.blog-search-box{align-items:center;max-width:600px;margin:0 auto;display:flex;position:relative}.blog-search-box svg{color:#64748b;position:absolute;left:18px}.blog-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:14px 44px 14px 50px;font-size:.95rem;transition:all .2s;box-shadow:0 4px 16px #0f172a0a}.blog-search-box input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c733}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:16px}.featured-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:32px;margin-bottom:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.featured-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1a,0 0 24px #0284c726}.featured-image-wrap{height:100%;min-height:320px;position:relative;overflow:hidden}.featured-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-card:hover .featured-image-wrap img{transform:scale(1.04)}.video-badge{color:#38bdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #38bdf84d;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;top:16px;left:16px}.featured-content{flex-direction:column;justify-content:center;padding:40px 40px 40px 0;display:flex}.meta-tags{align-items:center;gap:12px;margin-bottom:16px;display:flex}.category-pill{color:#0284c7;background:#0284c71a;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.read-time{color:#64748b;font-size:.85rem}.featured-content h2{color:#0f172a;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.3}.featured-content p{color:#475569;margin-bottom:28px;font-size:1rem;line-height:1.6}.author-bar{align-items:center;gap:12px;display:flex}.author-bar img{border:1px solid #cbd5e1;border-radius:50%;width:40px;height:40px}.author-bar strong{color:#0f172a;font-size:.9rem;display:block}.author-bar span{color:#64748b;font-size:.8rem}.read-more-link{color:#0284c7;margin-left:auto;font-size:.9rem;font-weight:600}.blog-categories-section{margin-bottom:40px}.categories-filter{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:#0f172a;background:#f1f5f9}.filter-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c740}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.post-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a08}.post-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 16px 32px #0f172a14,0 0 20px #0284c71a}.post-thumb-wrap{width:100%;height:200px;position:relative;overflow:hidden}.post-thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card:hover .post-thumb-wrap img{transform:scale(1.05)}.thumb-video-badge{color:#38bdf8;background:#0f172ad9;border:1px solid #38bdf84d;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.thumb-category{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172acc;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;bottom:12px;left:12px}.post-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.post-meta{color:#64748b;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.post-card-body h3{color:#0f172a;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.4}.post-card-body p{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tag-chip{color:#0284c7;background:#0284c714;border-radius:6px;padding:2px 8px;font-size:.75rem}.post-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}.btn-link-action{color:#0284c7;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.no-posts-found{text-align:center;padding:60px 20px}.no-posts-icon{margin-bottom:16px;font-size:3rem}.blog-cta-banner{margin-top:80px}.cta-glass{text-align:center;background:linear-gradient(135deg,#0284c70f 0%,#2563eb0a 100%);border:1px solid #0284c733;border-radius:24px;max-width:800px;margin:0 auto;padding:56px 32px;box-shadow:0 10px 30px #0f172a08}.cta-glass h2{color:#0f172a;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.cta-glass p{color:#475569;margin-bottom:28px;font-size:1.05rem}.blog-footer{text-align:center;background:#fff;border-top:1px solid #e2e8f0;padding:32px 24px}.footer-content{flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{color:#0f172a;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:700;display:flex}.footer-logo-img{height:24px}.footer-content p{color:#64748b;font-size:.85rem}@media (width<=850px){.featured-card{grid-template-columns:1fr}.featured-content{padding:24px}.blog-hero-title{font-size:2.1rem}}.post-view-main{z-index:10;max-width:900px;margin:0 auto;padding:40px 24px 80px;position:relative}.post-full-article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:64px;padding:48px;box-shadow:0 10px 30px #0f172a0a}.post-header{margin-bottom:36px}.post-meta-badges{align-items:center;gap:12px;margin-bottom:20px;display:flex}.post-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.25}.post-author-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:24px;display:flex}.post-author-row img{border:2px solid #0284c74d;border-radius:50%;width:48px;height:48px}.post-author-row strong{color:#0f172a;font-size:1rem;display:block}.post-author-row span{color:#64748b;font-size:.85rem}.post-video-wrapper{margin-bottom:40px}.video-player-container{background:#000;border:1px solid #0284c74d;border-radius:16px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a26}.video-player-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{color:#64748b;text-align:center;margin-top:12px;font-size:.85rem}.post-cover-image{border-radius:16px;max-height:440px;margin-bottom:40px;overflow:hidden}.post-cover-image img{object-fit:cover;width:100%;height:100%}.post-body-content{color:#334155;font-size:1.1rem;line-height:1.8}.post-body-content h2{color:#0f172a;letter-spacing:-.3px;margin:40px 0 20px;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700}.post-body-content h3{color:#1e293b;margin:32px 0 16px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:600}.post-body-content p{margin-bottom:24px}.post-body-content ul,.post-body-content ol{margin-bottom:24px;padding-left:28px}.post-body-content li{margin-bottom:8px}.post-body-content code{color:#0284c7;background:#0284c714;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.95rem}.blog-callout{border-radius:14px;margin:32px 0;padding:20px 24px;font-size:1rem}.blog-callout.tip{color:#0369a1;background:#0284c70f;border-left:4px solid #0284c7}.blog-callout.note{color:#b45309;background:#f59e0b14;border-left:4px solid #f59e0b}.blog-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:32px 0;font-size:.95rem;overflow:hidden}.blog-table th{color:#0f172a;text-align:left;background:#0284c714;padding:14px 16px;font-weight:600}.blog-table td{color:#334155;border-top:1px solid #f1f5f9;padding:14px 16px}.blog-table tr:hover td{background:#f8fafc}.article-cta-box{background:linear-gradient(135deg,#0284c714 0%,#2563eb0d 100%);border:1px solid #0284c740;border-radius:16px;align-items:center;gap:24px;margin:48px 0 32px;padding:28px;display:flex}.cta-icon{flex-shrink:0;font-size:2.2rem}.cta-text-wrap{flex:1;min-width:0}.article-cta-box h3{color:#0f172a;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:1.25rem}.article-cta-box p{color:#475569;margin:0;font-size:.95rem}.article-cta-box button{white-space:nowrap;flex-shrink:0;margin-left:auto;padding:.85rem 1.6rem}.post-article-footer{border-top:1px solid #f1f5f9;margin-top:40px;padding-top:24px}.post-tags-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-tags-list strong{color:#64748b;margin-right:8px;font-size:.9rem}.related-posts-section{margin-top:48px}.related-posts-section h2{color:#0f172a;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}@media (width<=768px){.post-full-article{padding:24px}.post-title{font-size:1.85rem}.article-cta-box{text-align:center;flex-direction:column}.article-cta-box button{width:100%;margin-left:0}}