:root{--canvas:#f4f6f8;--surface:#fff;--surface-subtle:#eef2f6;--surface-selected:#eaf1ff;--ink-primary:#101828;--ink-secondary:#475467;--ink-muted:#667085;--ink-inverse:#fff;--border-default:#d8e0e8;--border-strong:#b8c4d1;--brand-900:#0b1f33;--brand-800:#12304d;--brand-700:#163a5f;--accent-600:#2563eb;--accent-700:#1d4ed8;--accent-soft:#eaf1ff;--success:#16845b;--success-soft:#eaf7f1;--warning:#b7791f;--warning-soft:#fff7e6;--danger:#c2414b;--danger-soft:#fff0f1;--shadow-float:0 14px 30px #1018281f;--radius-sm:8px;--radius:12px;--radius-lg:16px}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink-primary);margin:0;font:14px/1.5 Geist,Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-600);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h2{margin-bottom:8px;font-size:24px}h3{margin-bottom:4px;font-size:16px}small{color:var(--ink-muted)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 7px;font-size:11px;font-weight:600}.primary,.secondary,.text-button,.link-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .16s,transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.primary{background:var(--accent-600);color:#fff;padding:11px 14px;box-shadow:0 1px 2px #10182829}.primary:hover{background:var(--accent-700);transform:translateY(-1px)}.secondary{background:var(--surface);color:var(--ink-primary);border:1px solid var(--border-default);padding:10px 13px}.secondary:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.text-button,.link-button{color:var(--ink-secondary);background:0 0;padding:7px}.text-button:hover,.link-button:hover{color:var(--accent-700)}.full{width:100%}.top{border-bottom:1px solid var(--border-default);z-index:20;background:#fff;align-items:center;gap:22px;height:70px;padding:0 clamp(18px,3vw,48px);display:flex;position:sticky;top:0}.brand{text-align:left;color:var(--brand-900);background:0 0;flex-direction:column;padding:0;line-height:1.1;display:flex}.brand b{font-size:17px}.brand span{color:var(--ink-muted);margin-top:3px;font-size:11px}.product-label{color:var(--ink-secondary);border-left:1px solid var(--border-default);padding-left:22px;font-size:13px}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.top svg{width:16px}.review-tools{position:relative}.review-tools summary{color:var(--ink-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px;list-style:none;display:flex}.review-tools summary::-webkit-details-marker{display:none}.review-tools div{border:1px solid var(--border-default);width:160px;box-shadow:var(--shadow-float);border-radius:var(--radius-sm);background:#fff;padding:6px;position:absolute;top:36px;right:0}.review-tools div button{text-align:left;width:100%;color:var(--ink-secondary);background:#fff;border-radius:6px;padding:8px}.review-tools div button:hover{background:var(--surface-subtle)}.environment{background:var(--surface-subtle);color:var(--ink-secondary);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:flex}.environment svg{width:13px}.toast{z-index:50;background:var(--brand-900);color:#fff;border-radius:var(--radius-sm);max-width:420px;box-shadow:var(--shadow-float);align-items:center;gap:8px;padding:11px 12px;animation:.2s toast-in;display:flex;position:fixed;top:83px;right:22px}.toast svg{width:16px}.toast button{color:#fff;background:0 0;margin-left:auto;padding:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.configurator{grid-template-columns:330px minmax(500px,1fr) 320px;align-items:start;gap:24px;max-width:1720px;margin:0 auto;padding:28px clamp(18px,3vw,48px) 80px;display:grid}.configuration-panel,.live-preview,.build-summary{min-width:0}.configuration-panel{flex-direction:column;gap:20px;display:flex}.panel-heading h1{margin:0 0 14px;font-size:clamp(32px,3.2vw,50px)}.panel-heading>p:not(.eyebrow){color:var(--ink-secondary);margin:0;font-size:15px}.progress{border:1px solid var(--border-default);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.progress li{min-height:70px;color:var(--ink-muted);border-right:1px solid var(--border-default);align-items:center;gap:7px;padding:11px 8px;font-size:11px;display:flex}.progress li:last-child{border:0}.progress li span{border:1px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.progress li svg{width:13px}.progress li.active{background:var(--accent-soft);color:var(--brand-900)}.progress li.active span{border-color:var(--accent-600);background:var(--accent-600);color:#fff}.progress li.complete span{border-color:var(--success);background:var(--success);color:#fff}.decision-card,.smart-setup,.capability-panel,.scale-panel{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px}.decision-heading{align-items:flex-start;gap:10px;display:flex}.decision-heading>span{color:var(--accent-700);font-variant-numeric:tabular-nums;font-weight:700}.decision-heading h2{font-size:20px}.decision-card label{margin:15px 0 7px;font-size:13px;font-weight:500;display:block}.decision-card textarea{resize:vertical;border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;min-height:90px;color:var(--ink-primary);padding:10px;line-height:1.45}.industry-grid{gap:8px;margin-top:12px;display:grid}.industry-card{text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--ink-primary);background:#fff;align-items:flex-start;gap:10px;padding:12px;transition:background .16s,border-color .16s;display:flex;position:relative}.industry-card:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.industry-card.selected{border-color:var(--accent-600);background:var(--surface-selected);box-shadow:inset 3px 0 var(--accent-600)}.industry-card.selected small{color:var(--brand-700)}.industry-icon,.module-icon{background:var(--surface-subtle);color:var(--brand-700);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.industry-icon svg,.module-icon svg{width:18px}.industry-card b,.industry-card small,.industry-card em{display:block}.industry-card b{font-size:13px}.industry-card small{margin:2px 0;font-size:11px;line-height:1.35}.industry-card em{color:var(--ink-secondary);font-size:10px;font-style:normal}.selection-check{color:var(--accent-600);width:18px;margin-left:auto}.smart-setup{background:var(--brand-900);border-color:var(--brand-900);color:#fff}.smart-setup>div{gap:10px;display:flex}.smart-setup>div>svg{color:#9bc0ff;width:20px}.smart-setup .eyebrow{color:#abc3d9}.smart-setup h2{margin:0;font-size:19px}.smart-setup>p{color:#d4e1ec;margin:12px 0 8px;font-size:13px}.smart-setup ul{color:#d4e1ec;margin:0 0 15px;padding-left:17px;font-size:12px}.smart-setup .link-button{color:#cfe0f1;margin:7px auto 0;display:flex}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:13px;display:flex}.section-heading h2{font-size:21px}.count-badge{color:var(--accent-700);background:var(--accent-soft);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600}.catalog-controls{gap:9px;margin-bottom:12px;display:grid}.catalog-controls label{border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 9px;display:flex}.catalog-controls svg{width:15px;color:var(--ink-muted)}.catalog-controls input{border:0;outline:0;width:100%;min-width:0}.catalog-controls [role=group]{gap:6px;display:flex;overflow:auto}.catalog-controls [role=group] button{background:var(--surface-subtle);color:var(--ink-secondary);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:12px}.catalog-controls [role=group] button.selected{background:var(--brand-900);color:#fff}.module-list{gap:8px;max-height:670px;padding-right:3px;display:grid;overflow:auto}.module-card{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#fff;padding:12px;transition:border-color .16s,background .16s}.module-card:hover{border-color:var(--border-strong)}.module-card.selected{background:var(--surface-selected);border-color:var(--accent-600);box-shadow:inset 3px 0 var(--accent-600)}.module-card-top{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;display:grid}.module-card p{color:var(--ink-secondary);margin:0;font-size:12px;line-height:1.4}.module-toggle{background:var(--brand-900);color:#fff;border-radius:6px;align-items:center;gap:4px;height:max-content;padding:6px 7px;font-size:11px;font-weight:600;display:flex}.module-toggle.remove{color:var(--accent-700);border:1px solid var(--accent-600);background:#fff}.module-toggle svg{width:14px}.module-card footer{border-top:1px solid var(--border-default);color:var(--ink-secondary);gap:6px;margin-top:9px;padding-top:8px;font-size:11px;display:flex}.module-card footer b{color:var(--brand-700);background:#dbeafe;border-radius:999px;padding:2px 5px;font-size:10px}.scale-panel>div:first-child>p:not(.eyebrow){color:var(--ink-secondary);margin:0;font-size:12px}.quantity-grid{gap:9px;margin-top:14px;display:grid}.quantity{justify-content:space-between;align-items:center;gap:8px;display:flex}.quantity>span b,.quantity>span small{display:block}.quantity>span b{font-size:13px}.quantity>span small{font-size:11px}.quantity>div{border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;overflow:hidden}.quantity button{width:27px;color:var(--brand-900);background:#fff;font-size:18px}.quantity input{text-align:center;border:0;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);font-variant-numeric:tabular-nums;width:37px;padding:5px 1px}.step-actions{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.step-actions>span{color:#126443;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.step-actions>span svg{width:15px}.live-preview{padding-top:18px;position:sticky;top:90px}.preview-heading{justify-content:space-between;align-items:flex-start;margin:0 0 16px;display:flex}.preview-heading h2{margin:0;font-size:24px}.device-switcher{background:var(--surface-subtle);border-radius:8px;padding:3px;display:flex}.device-switcher button{width:31px;height:29px;color:var(--ink-muted);background:0 0;border-radius:6px;place-items:center;display:grid}.device-switcher button.active{color:var(--brand-900);background:#fff;box-shadow:0 1px 2px #1018281a}.device-switcher svg{width:15px}.portal-frame{background:var(--brand-900);border-radius:16px;max-width:100%;margin:0 auto;padding:8px;transition:max-width .2s;box-shadow:0 18px 50px #0b1f332e}.portal-frame.tablet{max-width:760px}.portal-frame.mobile{max-width:410px}.browser-bar{color:#d7e2ed;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:10px;display:flex}.browser-bar i{background:#7891a7;border-radius:50%;width:7px;height:7px}.browser-bar span{opacity:.8;margin-left:5px}.portal-shell{background:#f8fafc;border-radius:9px;grid-template-columns:150px 1fr;min-height:530px;display:grid;overflow:hidden}.portal-shell nav{background:#fff;border-right:1px solid #e5eaf0;flex-direction:column;gap:4px;padding:18px 10px;display:flex}.portal-shell nav>b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.portal-shell nav>small{margin-bottom:12px;font-size:10px}.portal-shell nav span{color:var(--ink-secondary);border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.portal-shell nav span.active{background:var(--accent-soft);color:var(--accent-700);font-weight:600}.portal-shell nav svg{width:14px}.portal-shell section{min-width:0;padding:25px}.portal-shell section>header{justify-content:space-between;align-items:center;display:flex}.portal-shell section>header p{color:var(--ink-muted);margin:0 0 2px;font-size:11px}.portal-shell section>header h3{margin:0;font-size:19px}.portal-shell section>header button{background:var(--brand-900);color:#fff;border-radius:6px;align-items:center;gap:4px;padding:7px 9px;font-size:11px;display:flex}.portal-shell section>header svg{width:13px}.preview-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 10px;display:grid}.preview-metrics article,.preview-queue{background:#fff;border:1px solid #e5eaf0;border-radius:8px;padding:14px}.preview-metrics small,.preview-metrics b,.preview-metrics span{display:block}.preview-metrics b{letter-spacing:-.04em;margin:5px 0;font-size:22px}.preview-metrics span{color:var(--success);font-size:10px}.preview-queue>div{justify-content:space-between;display:flex}.preview-queue h4{margin:0;font-size:13px}.preview-queue button{color:var(--accent-700);background:0 0;padding:0;font-size:10px}.preview-queue p,.published-table p{border-top:1px solid #edf0f4;align-items:center;gap:7px;margin:9px 0 0;padding:9px 0 0;font-size:11px;display:flex}.preview-queue p small,.published-table p small{margin-left:auto}.dot{background:#60a5fa;border-radius:50%;width:7px;height:7px}.dot-1{background:#f59e0b}.dot-2{background:#22c55e}.preview-notice{background:var(--accent-soft);color:var(--brand-700);border-radius:var(--radius-sm);border:1px solid #bdd3ff;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 11px;font-size:12px;display:flex}.preview-notice svg{flex:none;width:17px}.build-summary{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#fff;padding:20px;position:sticky;top:90px;box-shadow:0 7px 18px #1018280f}.build-summary h2{margin-bottom:2px;font-size:16px}.build-summary strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--brand-900);font-size:36px;line-height:1.1;display:block}.build-summary>div:first-child>span{color:var(--ink-muted);font-size:11px}.cycle{background:var(--surface-subtle);border-radius:8px;grid-template-columns:1fr 1fr;margin:17px 0;padding:3px;display:grid}.cycle button{color:var(--ink-secondary);background:0 0;border-radius:6px;padding:7px 5px;font-size:12px;font-weight:600}.cycle button.selected{color:var(--brand-900);background:#fff;box-shadow:0 1px 2px #1018281a}.summary-lines{border-top:1px solid var(--border-default)}.summary-lines>div{border-bottom:1px solid var(--border-default);grid-template-columns:1fr auto;gap:8px;padding:10px 0;font-size:12px;display:grid}.summary-lines b{font-variant-numeric:tabular-nums;text-align:right}.summary-lines .implementation{padding-bottom:27px;position:relative}.summary-lines small{font-size:10px;position:absolute;bottom:8px;left:0}.summary-note{color:var(--ink-secondary);font-size:11px;line-height:1.45}.summary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.summary-actions .primary{grid-column:span 2}.summary-actions button{padding:9px;font-size:12px}.share-panel{border:1px solid var(--border-default);border-radius:var(--radius);background:#fff;grid-column:1/-1;gap:7px;padding:14px;display:grid}.share-panel input{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;padding:8px;font-size:12px}.compact-price{display:none}.studio{background:#e9eef3;grid-template-rows:64px 1fr;grid-template-columns:230px minmax(400px,1fr) 260px;min-height:calc(100vh - 70px);display:grid}.studio-top{background:var(--brand-900);color:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.studio-brand{align-items:center;gap:10px;display:flex}.studio-brand span{color:#c9d8e7;border:1px solid #52708b;border-radius:999px;padding:3px 7px;font-size:11px}.studio-brand .published-status{color:#c6f0dc;border-color:#4a9473}.studio-tools{align-items:center;gap:6px;display:flex}.studio-tools>button:not(.primary):not(.secondary){color:#d4e1ec;background:0 0;border-radius:6px;width:31px;height:31px}.studio-tools svg{width:16px}.studio-top .secondary{color:#fff;background:0 0;border-color:#58728a}.studio-left,.studio-right{border-right:1px solid var(--border-default);background:#fff;min-width:0;padding:18px}.studio-right{border-right:0;border-left:1px solid var(--border-default)}.page-tree,.studio-left{gap:4px;display:grid}.page-tree button,.library-item{width:100%;color:var(--ink-secondary);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px;display:flex}.page-tree button:hover,.library-item:hover{background:var(--surface-subtle)}.page-tree button.active{background:var(--accent-soft);color:var(--accent-700);font-weight:600}.page-tree svg,.library-item svg{width:14px}.studio-left>.eyebrow:nth-of-type(2){margin-top:22px}.studio-left>small{margin-top:9px;font-size:10px}.studio-canvas{padding:22px;overflow:auto}.canvas-toolbar{border:1px solid var(--border-default);border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:38px;color:var(--ink-secondary);background:#fff;justify-content:space-between;align-items:center;padding:0 8px 0 11px;font-size:11px;display:flex}.canvas-toolbar span:nth-child(2){display:none}.canvas-toolbar i{color:var(--success);font-style:normal}.canvas-toolbar button{color:var(--ink-secondary);background:#fff;align-items:center;gap:5px;font-size:11px;display:flex}.canvas-toolbar svg{width:13px}.canvas-page{border:1px solid var(--border-default);background:#fff;border-top:0;max-width:980px;min-height:620px;margin:0 auto;padding:28px;box-shadow:0 7px 18px #1018280d}.canvas-breadcrumb{color:var(--ink-muted);margin-bottom:18px;font-size:11px}.editor-layout{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.editor-layout.hide-metrics .editor-metric{display:none}.editor-layout.hide-metrics{grid-template-columns:1fr}.editor-layout.hide-metrics .editor-welcome{grid-column:auto}.editor-layout article,.editor-layout .canvas-component{border:1px solid #e3e9ef;border-radius:8px;padding:16px}.editor-welcome{background:#f7f9fc;grid-column:1/-1}.editor-welcome small{color:var(--accent-700);font-size:10px}.editor-welcome h2{margin:7px 0;font-size:24px}.editor-welcome p{color:var(--ink-secondary);margin:0;font-size:13px}.editor-metric b,.editor-metric small,.editor-metric span{display:block}.editor-metric b{letter-spacing:-.04em;margin:5px 0;font-size:26px}.editor-metric span{color:var(--success);font-size:11px}.editor-queue,.editor-chart{min-height:170px}.editor-queue h3,.editor-chart h3{font-size:14px}.editor-queue p{border-top:1px solid #edf0f4;gap:5px;padding-top:8px;font-size:11px;display:flex}.editor-queue i{background:#60a5fa;border-radius:50%;width:6px;height:6px}.editor-queue small{margin-left:auto}.editor-chart div{align-items:flex-end;gap:8px;height:90px;display:flex}.editor-chart i{background:#bdd3ff;border-radius:3px 3px 0 0;width:18%;display:block}.editor-chart i:nth-child(2){height:65%}.editor-chart i:nth-child(3){height:37%}.editor-chart i:nth-child(4){height:88%}.editor-chart i:nth-child(5){height:54%}.studio-right{align-content:start;gap:14px;display:grid}.inspector-tabs{border-bottom:1px solid var(--border-default);display:flex}.inspector-tabs button{color:var(--ink-muted);background:#fff;padding:7px 6px;font-size:11px}.inspector-tabs button.active{color:var(--accent-700);border-bottom:2px solid var(--accent-600);font-weight:600}.studio-right label{gap:5px;font-size:12px;font-weight:500;display:grid}.studio-right input,.studio-right select{border:1px solid var(--border-default);width:100%;color:var(--ink-primary);background:#fff;border-radius:6px;padding:8px}.studio-right section{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:11px}.studio-right section p{margin:5px 0;font-size:12px}.studio-right section small{font-size:10px;line-height:1.45}.studio-validation{background:var(--success-soft);border-radius:var(--radius-sm);color:#126443;align-items:flex-start;gap:7px;padding:10px;font-size:11px;display:flex}.studio-validation svg{width:16px}.studio-validation b,.studio-validation small{display:block}.studio-validation small{color:#287359;font-size:10px}.published-portal{background:#f6f8fb;min-height:calc(100vh - 70px)}.published-portal>header{border-bottom:1px solid var(--border-default);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,90px);display:flex}.published-portal>header b,.published-portal>header span{display:block}.published-portal>header b{color:var(--brand-900);font-size:16px}.published-portal>header span{color:var(--ink-muted);font-size:10px}.published-portal>header nav{align-items:center;gap:17px;display:flex}.published-portal>header a{color:var(--ink-secondary);font-size:12px;text-decoration:none}.published-portal>header button{background:var(--brand-900);color:#fff;border-radius:6px;padding:8px 10px;font-size:12px}.published-portal>main{grid-template-columns:180px 1fr;gap:32px;max-width:1280px;margin:0 auto;padding:32px clamp(18px,5vw,90px);display:grid}.published-portal main>aside{color:var(--ink-secondary);flex-direction:column;gap:5px;font-size:12px;display:flex}.published-portal main>aside>b{color:var(--ink-primary);margin-bottom:9px}.published-portal main>aside span{border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex}.published-portal main>aside span.active{background:var(--accent-soft);color:var(--accent-700);font-weight:600}.published-portal main>aside svg{width:14px}.published-welcome{border-radius:var(--radius-lg);background:var(--brand-900);color:#fff;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px;display:flex}.published-welcome p{color:#b8d1e7;margin-bottom:7px;font-size:10px}.published-welcome h1{max-width:570px;margin:0 0 9px;font-size:clamp(25px,3vw,40px)}.published-welcome span{color:#cbdbe8;font-size:12px}.published-welcome button{white-space:nowrap;color:var(--brand-900);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:10px;font-weight:600;display:flex}.published-welcome button svg{width:15px}.published-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;display:grid}.published-cards article,.published-table{border:1px solid var(--border-default);border-radius:var(--radius);background:#fff;padding:16px}.published-cards span,.published-cards b,.published-cards small{display:block}.published-cards b{letter-spacing:-.05em;margin:5px 0;font-size:28px}.published-table header{justify-content:space-between;align-items:center;display:flex}.published-table h2{margin:0;font-size:16px}.published-table button{color:var(--accent-700);background:0 0;font-size:11px}.workflow-status{background:var(--surface-subtle);color:var(--ink-secondary);border-radius:6px;margin-top:12px;padding:9px;font-size:11px}.workflow-status.complete{background:var(--success-soft);color:var(--success)}.canvas-component{font:inherit;color:inherit;text-align:left;cursor:pointer}.canvas-component.is-selected{outline:2px solid var(--accent-600);outline-offset:2px}.library-item.remove{color:var(--danger);border-color:var(--danger)}@media (max-width:1280px){.configurator{grid-template-columns:310px minmax(400px,1fr);max-width:1080px}.build-summary{z-index:12;border-radius:16px 16px 0 0;grid-template-columns:1.1fr .8fr 1.2fr auto;align-items:center;gap:12px;padding:13px 24px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -9px 24px #10182821}.build-summary .eyebrow,.build-summary h2{display:none}.build-summary strong{font-size:24px}.build-summary .cycle{margin:0}.summary-lines{border:0;gap:12px;display:flex}.summary-lines>div{border:0;padding:0;font-size:10px;display:block}.summary-lines b{display:block}.summary-lines .implementation{padding:0}.summary-lines small,.summary-note{display:none}.summary-actions{display:flex}.summary-actions .primary{grid-column:auto}.summary-actions button{font-size:11px}.compact-price{display:none}.configurator{padding-bottom:145px}}@media (max-width:1024px){.top .product-label{display:none}.configurator{grid-template-columns:1fr;max-width:760px}.configuration-panel{display:contents}.panel-heading{order:0}.progress{order:1}.decision-card{order:2}.live-preview{order:3;padding-top:0;position:static}.smart-setup{order:4}.capability-panel{order:5}.scale-panel{order:6}.step-actions{order:7}.portal-frame{max-width:100%}.build-summary{grid-template-columns:1fr 1fr;gap:6px}.build-summary>div:first-child{align-items:baseline;gap:8px;display:flex}.summary-lines,.build-summary .cycle{display:none}.summary-actions{justify-content:flex-end}.studio{grid-template-columns:190px 1fr}.studio-right{display:none}.studio-canvas{padding:15px}.published-portal>main{grid-template-columns:1fr}.published-portal main>aside{display:none}}@media (max-width:768px){.top{height:62px;padding:0 14px}.top .text-button,.review-tools span{display:none}.environment{font-size:10px}.configurator{padding:18px 14px 112px}.panel-heading h1{font-size:34px}.progress li{text-align:center;min-height:58px;padding:7px 5px;display:block}.progress li span{margin:0 auto 3px}.progress li b{font-size:9px}.decision-card,.smart-setup,.capability-panel,.scale-panel{padding:15px}.portal-shell{grid-template-columns:104px 1fr;min-height:440px}.portal-shell nav{padding:14px 7px}.portal-shell nav span{padding:7px 4px;font-size:9px}.portal-shell nav svg{width:12px}.portal-shell section{padding:17px}.portal-shell section>header h3{font-size:16px}.preview-metrics{grid-template-columns:1fr}.portal-frame.mobile{max-width:360px}.build-summary{grid-template-columns:1fr auto;padding:10px 13px}.build-summary strong{font-size:22px}.build-summary>div:first-child>span{font-size:9px}.summary-actions{grid-area:1/2}.summary-actions .secondary{padding:8px;font-size:10px;display:inline-flex}.summary-actions .primary{padding:8px;font-size:11px}.step-actions{grid-template-columns:auto 1fr}.step-actions .primary{grid-column:2}.step-actions>span{display:none}.studio{grid-template-rows:58px auto 1fr;grid-template-columns:1fr}.studio-top{padding:0 11px}.studio-brand b{font-size:12px}.studio-tools{gap:2px}.studio-tools>button:not(.primary):not(.secondary),.studio-tools .device-switcher{display:none}.studio-tools .secondary{padding:7px;font-size:0}.studio-tools .secondary svg{margin:0}.studio-tools .primary{padding:8px;font-size:11px}.studio-left{border-bottom:1px solid var(--border-default);grid-row:2;gap:4px;padding:8px;display:flex;overflow:auto}.studio-left>.eyebrow,.studio-left>small{display:none}.page-tree{gap:3px;display:flex}.page-tree button{white-space:nowrap;padding:6px;font-size:11px}.studio-canvas{grid-row:3;padding:9px}.studio-right{border-left:0;border-top:1px solid var(--border-default);grid-row:4;display:grid}.canvas-page{min-height:500px;padding:15px}.editor-layout{gap:8px}.editor-layout article,.editor-layout .canvas-component{padding:12px}.editor-welcome h2{font-size:20px}.studio-canvas.mobile .canvas-page{max-width:360px}.published-portal>header{padding:0 15px}.published-portal>header nav a{display:none}.published-portal>main{padding:20px 14px}.published-welcome{padding:20px;display:block}.published-welcome button{margin-top:14px}.published-cards{grid-template-columns:1fr}.published-portal>header span{display:none}}@media (max-width:430px){.brand b{font-size:15px}.environment{display:none}.top-actions{gap:0}.configurator{padding-left:10px;padding-right:10px}.panel-heading h1{font-size:31px}.step-actions .secondary{padding:9px}.module-card-top{grid-template-columns:auto 1fr}.module-toggle{grid-column:2;justify-self:start;margin-top:2px}.industry-card{padding:10px}.portal-shell{grid-template-columns:80px 1fr}.portal-shell nav>b{font-size:10px}.portal-shell nav small{font-size:8px}.portal-shell nav span{justify-content:center;font-size:0}.portal-shell nav svg{width:15px}.portal-shell section{padding:12px}.portal-shell section>header button{font-size:0}.portal-shell section>header button svg{margin:0}.preview-queue{padding:10px}.build-summary{padding:8px 10px}.build-summary strong{font-size:19px}.build-summary .primary{padding:8px;font-size:10px}.canvas-toolbar span:nth-child(2){display:none}.published-welcome h1{font-size:26px}}@media (max-width:1024px){.build-summary .cycle{grid-column:1/-1;margin:0;display:grid}.build-summary{grid-template-columns:1fr auto}.summary-actions{grid-area:1/2}.build-summary>div:first-child{grid-area:1/1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
