:root{--studio-canvas:var(--color-canvas);--studio-surface:var(--color-surface);--studio-ink:var(--color-text);--studio-muted:var(--color-muted);--studio-line:var(--color-border);--studio-selected:var(--color-selected);--studio-primary:var(--color-primary)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .workspace{background:var(--studio-canvas)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .workflow-continue{background:var(--color-continue);color:var(--color-on-continue);border-color:#0000}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .workflow-continue:hover:not(:disabled){background:#29bd67}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-next.client-step-actions>.workflow-continue{margin-inline:auto 0}html body{background:var(--studio-canvas);color:var(--studio-ink)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a{background:var(--studio-canvas)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a :is(button,input,select,textarea){font-family:var(--font-ui)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a :is(button,.button):not(.kerui-button):not(.kerui-selection-card){border-radius:var(--radius-control);gap:var(--space-8);transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease}.app-shell.compact-shell.horizontal-shell.design-system.studio-a :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell.compact-shell.horizontal-shell.design-system.studio-a :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.kerui-input),select:not(.kerui-select),textarea){border-radius:var(--radius-control);border-color:var(--color-control-border);color:var(--studio-ink);background-color:#fff;min-height:2.75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a input[type=range]{accent-color:var(--studio-primary)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a :is(.panel,.offer-card){border-color:var(--studio-line);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar{border-bottom:1px solid var(--studio-line);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar nav{border-radius:var(--radius-12);background:#f0f1f4}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar nav a{border-radius:var(--radius-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .offer-status-filters{gap:var(--space-6)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .offer-status-filters button{min-height:2.75rem;padding:var(--space-8) var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded){--quote-bg:var(--studio-canvas)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .panel{padding:var(--space-24)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-tools>details.panel{padding:var(--space-12) var(--space-16);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .panel.client-form{max-width:60rem;margin-inline:auto;padding:1.75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-mode{border-radius:var(--radius-8);padding:var(--space-4);background:#f0f1f4}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-mode button{border-radius:var(--radius-control);min-height:2.75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .field-grid{gap:var(--space-20)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form label{font-size:var(--text-14)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .ghl-client-result{border-radius:var(--radius-12);padding:var(--space-16);background:#faf8fc;border-color:#d7c8e2}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-result-title{align-items:center;gap:var(--space-10)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.material-summary,.roof-quantity-summary){border:1px solid var(--studio-line);border-radius:var(--radius-16);padding:var(--space-20);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-product-card{border-radius:var(--radius-card);box-shadow:none;border-color:var(--studio-line);padding:var(--space-12);gap:var(--space-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-product-card:focus-within{border-color:var(--color-focus)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-product-card button{border-radius:var(--radius-card)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-product-card,.auxiliary-catalogue-group) h3{line-height:var(--leading-control)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-accordion{border-radius:var(--radius-12);margin-bottom:var(--space-8);overflow:visible}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-accordion>summary{border-radius:var(--radius-12);gap:var(--space-16);padding:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .offer-negotiation{border-radius:var(--radius-16);border-color:var(--studio-line)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .offer-context>.offer-save-status{font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-panels,.material-summary) h3{font-size:var(--text-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels table{font-variant-numeric:tabular-nums}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form{border-color:var(--studio-line);box-shadow:none;padding:var(--space-24);background:#fff}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:0;margin:0;padding:0;display:flex}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button{min-height:2.75rem;padding:var(--space-6) var(--space-10);box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;position:relative}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button[aria-current=step]{color:var(--color-primary);box-shadow:none;background:0 0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button[data-complete=true]{background:0 0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav small{clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-number{display:none}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button:not(:last-child):after{content:"";border-right:1px solid var(--color-control-border);border-top:1px solid var(--color-control-border);width:.1875rem;height:.1875rem;position:absolute;right:-2px;transform:rotate(45deg)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button[aria-current=step] strong:before{content:"";width:.25rem;height:.25rem;margin:0 var(--space-6) var(--space-2) 0;background:currentColor;border-radius:50%;display:inline-block}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav strong{font-size:var(--text-12);font-weight:var(--weight-500)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-nav button[aria-current=step] strong{font-weight:var(--weight-600)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-toolbar{align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);grid-template-columns:minmax(0,1fr) auto;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-toolbar .roof-focus-actions{gap:var(--space-8);margin:0;padding:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configuration-header{margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--studio-line)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configuration-nav>div{gap:var(--space-12);background:0 0;padding:0}@media (width<=1100px){.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-toolbar{gap:var(--space-10);grid-template-columns:minmax(0,1fr)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-toolbar .roof-focus-actions{justify-content:flex-end}}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-models .roof-model-picker .roof-profile-cards{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(min(100%,11.875rem),1fr))}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-models .roof-profile-cards button:not(.kerui-selection-card){min-height:0;padding:var(--space-12);border-radius:var(--radius-card)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-models .roof-profile-photo{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-models .roof-profile-swatch{aspect-ratio:1;width:100%;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurations .thin-sheet-configurator .roof-profile-cards img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-models .roof-model-name{font-size:var(--text-14)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-configurator-main{grid-template-columns:minmax(0,1fr) minmax(13.75rem,16.25rem);align-items:start;gap:1.75rem;min-height:20rem;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-configurator-main.roof-configurator-awaiting-colour{grid-template-columns:minmax(0,1fr)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-configurator-preview{background:var(--color-canvas);border:1px solid var(--studio-line);border-radius:var(--radius-16);padding:var(--space-16);min-width:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-material-preview{aspect-ratio:1;border-radius:var(--radius-12);background:#fff;border:0;width:100%;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-material-preview img{object-fit:contain;width:100%;height:100%}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout{gap:var(--space-20);grid-template-columns:minmax(0,1fr) minmax(13.75rem,16.25rem);align-items:start;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout>.roof-model-picker{min-width:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout .roof-profile-cards{margin-bottom:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-panels-layout.roof-panels-with-preview{gap:var(--space-24);grid-template-columns:minmax(0,1fr) minmax(15rem,17.5rem)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-main>.roof-selection-preview,.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout>.roof-selection-preview,.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-panels-with-preview>.roof-selection-preview{grid-area:1/2}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-main>.roof-configurator-options,.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout>.roof-model-picker,.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-panels-with-preview>.roof-panels{grid-area:1/1}@media (width>=901px){.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout{row-gap:var(--space-12)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout>.roof-model-picker{grid-area:1/1/3/-1;grid-template:subgrid / subgrid;pointer-events:none;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout .roof-model-filters{pointer-events:auto;grid-area:1/1/auto/-1}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout .roof-profile-cards{pointer-events:auto;grid-area:2/1}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-model-selection-layout>.roof-selection-preview{grid-row:2}}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-panels-with-preview .roof-selection-preview{background:#fff}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-selection-preview{align-content:start;align-self:start;align-items:center;gap:var(--space-12);padding:var(--space-14);scrollbar-width:thin;grid-template-columns:5.5rem minmax(0,1fr);display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview:focus-visible{outline:3px solid var(--studio-secondary,var(--color-focus));outline-offset:3px}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-material-preview{aspect-ratio:1;border-radius:var(--radius-control);grid-row:1;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-material-caption{overflow-wrap:anywhere;min-width:0;padding:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .studio-material-context{gap:var(--space-6);grid-column:1/-1;margin:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .studio-material-context>div{padding-top:.4375rem}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .studio-material-context:has(.roof-preview-choice){gap:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .studio-material-context>.roof-preview-choice{padding-top:0;display:block}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .studio-material-context:has(.roof-preview-choice)>div:not(.roof-preview-choice){padding:var(--space-8) 1.75rem var(--space-8) var(--space-8);align-items:center}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-preview-choice>dt{clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-preview-choice>dd{text-align:left;width:100%}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview button.roof-preview-link.kerui-button{width:100%;padding-inline:var(--space-8);font-size:var(--text-13);color:var(--studio-ink);line-height:var(--leading-body)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview button.roof-preview-link.kerui-button .kerui-button-content{gap:var(--space-8);text-align:left;grid-template-columns:minmax(0,1fr) auto .75rem;width:100%;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-preview-label{color:var(--studio-muted);font-weight:var(--weight-400)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-preview-link strong{font-weight:var(--weight-600);text-align:right;overflow-wrap:anywhere;min-width:0;max-width:8rem}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview .roof-preview-link .ui-icon{width:.75rem;height:.75rem;color:var(--studio-muted)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-selection-preview button.roof-preview-link.kerui-button[aria-current=step]{--ui-base:var(--studio-selected);--ui-on:var(--studio-primary)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-panels-with-preview .roof-selection-preview{grid-template-columns:6.5rem minmax(0,1fr)}@media (width>=901px){.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-selection-preview{max-height:calc(100dvh - 11rem);position:sticky;top:80px;overflow:auto}}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals{padding-top:var(--space-12);border-top:1px solid var(--studio-line);grid-column:1/-1;margin-top:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals h3{margin:0 0 var(--space-8);font-size:var(--text-14)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals>dl{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals>dl>div{padding:var(--space-8);border-radius:var(--radius-12);background:var(--studio-selected);min-width:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals dt{font-size:var(--text-12);color:var(--studio-muted)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals dd{margin:var(--space-6) 0 0;font-size:var(--text-16);font-weight:var(--weight-700);color:var(--studio-primary);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-preview-totals>p{margin:0 0 var(--space-12);font-size:var(--text-12)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-finish-options{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-finish-options button:not(.kerui-selection-card){min-height:6rem;padding:var(--space-16);border-radius:var(--radius-card);font-size:var(--text-14)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-thickness-options{gap:var(--space-12);flex-wrap:wrap;display:flex}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-thickness-options button.kerui-selection-card{--ui-card-padding:10px 40px 10px 14px;align-items:center;gap:var(--space-8);border-radius:var(--radius-card);flex-direction:row;flex:none;min-height:3.5rem}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-thickness-options .roof-thickness-value{align-items:baseline;gap:var(--space-4);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-thickness-options .roof-thickness-value strong{font-size:var(--text-20);font-weight:var(--weight-700)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-thickness-options .roof-thickness-value .ui-icon{width:1rem;height:1rem;color:var(--studio-secondary,var(--color-focus));flex:none;align-self:center;margin-inline-end:var(--space-4)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-thickness-options .roof-thickness-value small{font-size:var(--text-12);color:var(--studio-muted)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-thickness-options .kerui-selection-mark{top:50%;translate:0 -50%}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-thickness-options button:not(.kerui-selection-card){min-width:6.25rem;min-height:3rem;padding:var(--space-12) var(--space-16);border-radius:var(--radius-card)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-colour-options{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form section.roof-configurator-focused .roof-colour-options button:not(.kerui-selection-card){border-radius:var(--radius-card)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-configurator-focused .roof-colour-tile-label{font-size:var(--text-12)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-colour-tile-photo{aspect-ratio:1;width:100%;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-configurator-extras{align-items:stretch;gap:var(--space-16)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-configurator-extras>:is(.roof-dripstop-setting,.roof-module-picker){align-content:center;align-items:center;gap:var(--space-12);min-width:0;min-height:5.5rem;padding:var(--space-16);border:1px solid var(--studio-line);border-radius:var(--radius-12);background:var(--studio-surface);flex-wrap:wrap;margin:0;display:flex}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-module-picker>h3{font-size:var(--text-13);font-weight:var(--weight-500);color:var(--studio-ink);margin:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-form .roof-configurator-focused .roof-configurator-extras .roof-module-picker button{min-height:3rem;font-size:var(--text-13);font-weight:var(--weight-500)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-actions{margin:0 0 var(--space-16);border:0;padding:0;scroll-margin-top:120px}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-actions button.roof-focus-continue.kerui-button{margin-left:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-choice-options button[aria-pressed=true]:not(.kerui-selection-card){border-color:var(--color-primary);background:var(--color-selected);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-actions button:not(.kerui-button){border-radius:var(--radius-control);min-height:3rem;padding:var(--space-10) 1.125rem}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-actions .roof-focus-continue:not(.kerui-button){background:var(--color-continue);color:var(--color-on-continue)}.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch,.catalog-material-picker[data-section=fence]) .roof-focus-stage{animation:studio-stage-in var(--motion-normal) ease-out}.studio-material-context{gap:var(--space-12);font-size:var(--text-13);margin:1.125rem 0 0;display:grid}.studio-material-context>div{justify-content:space-between;gap:var(--space-12);border-top:1px solid var(--color-border);padding-top:var(--space-10);display:flex}.studio-material-context dt{color:var(--color-muted)}.studio-material-context dd{font-weight:var(--weight-600);text-align:right;overflow-wrap:anywhere;margin:0}@keyframes studio-stage-in{0%{opacity:.5}to{opacity:1}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout{gap:var(--space-20);grid-template-columns:minmax(0,1fr) minmax(15rem,17.5rem);align-items:start;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.material-form,.price-form){padding:var(--space-20);min-width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-form>.icon-heading,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .studio-step-heading{align-items:center;gap:var(--space-10);margin:0 0 var(--space-20);padding:0 0 var(--space-16);border-bottom:1px solid var(--studio-line);font-size:var(--text-18);display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .studio-step-heading h2{font-size:var(--text-18);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-catalog-tools{margin-bottom:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalog-tools,.catalog-material-toolbar)>.icon-heading{align-items:center;gap:var(--space-8);font-size:var(--text-16);border:0;margin:0;padding:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalogue-section,.auxiliary-catalogue-group){margin:0 0 var(--space-24);background:0 0;border:0;min-width:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-catalogue-section>h3,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-group-heading{margin:0 0 var(--space-12);padding:0 0 var(--space-10);border-bottom:1px solid var(--studio-line);font-size:var(--text-14);font-weight:var(--weight-600);color:var(--studio-ink)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-section-products,.auxiliary-section-body){gap:var(--space-12);align-items:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater])>.material-form{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater])>.material-form>.icon-heading{margin-bottom:var(--space-16);border-bottom:0;padding-bottom:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-catalog-tools{padding:var(--space-12);margin:0 0 var(--space-20);border:1px solid var(--studio-line);border-radius:var(--radius-16);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-cards-editor>.accessory-group{gap:var(--space-20);border:0;grid-template-columns:minmax(0,1fr);margin:0;padding:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) :is(.sheet-catalogue-section,.auxiliary-catalogue-group){padding:var(--space-20);border:1px solid var(--studio-line);border-radius:var(--radius-16);box-shadow:var(--shadow-subtle);background:#fff;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) :is(.sheet-catalogue-section,.auxiliary-catalogue-group)>h3{margin:0 0 var(--space-16);padding:0 0 var(--space-12);border-bottom:1px solid var(--studio-line);line-height:var(--leading-body)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .auxiliary-group-heading{border:0;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .auxiliary-section-body{padding-top:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .accessory-group>p[role=status]{padding:var(--space-20);border:1px solid var(--studio-line);border-radius:var(--radius-16);background:#fff;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card{container:offer-product/inline-size}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card:not([data-selected=true]) .sheet-card-quantity{grid-row:1;align-self:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card:not([data-selected=true]) :is(.sheet-card-options:not(.sheet-cut-options),.ridge-finish-picker,.auxiliary-variant-picker){grid-column:1/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] .sheet-card-title{grid-area:1/1/auto/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] .sheet-card-quantity{grid-area:3/2/auto/-1;place-self:end}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] .sheet-inherited-spec{grid-area:2/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] :is(.sheet-card-options:not(.sheet-cut-options),.ridge-finish-picker,.auxiliary-variant-picker){grid-area:3/1;align-self:end;min-width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] .sheet-size-label{font-size:var(--text-12);line-height:var(--leading-body);color:var(--studio-muted);display:block}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true]:not(:has(.sheet-card-options,.ridge-finish-picker,.auxiliary-variant-picker)) .sheet-card-quantity{grid-column:1/-1;justify-self:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-card-quantity>label{color:var(--studio-muted);font-size:var(--text-12);line-height:var(--leading-body);gap:var(--space-4)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-card-quantity>span{min-height:3rem;font-size:var(--text-12);color:var(--studio-muted);align-self:end;align-items:center;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-card-actions{justify-content:space-between;align-items:center;gap:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--studio-line);flex-wrap:wrap;grid-area:4/1/auto/-1;margin:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-personalization{grid-row:5}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-cut-options{grid-row:6}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater])[data-material-step=auxiliary] .sheet-product-card[data-selected=true]>:is(.sheet-inherited-spec,.auxiliary-variant-picker,.ridge-finish-picker,.ridge-reset-finish,.sheet-card-quantity,.sheet-card-actions,.sheet-personalization,.sheet-cut-options){grid-area:auto/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater])[data-material-step=auxiliary] .sheet-product-card[data-selected=true]>.sheet-card-quantity{order:1;justify-self:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater])[data-material-step=auxiliary] .sheet-product-card[data-selected=true]>.sheet-cut-options{order:12}@container offer-product (width<=380px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] :is(.sheet-card-options:not(.sheet-cut-options),.ridge-finish-picker,.auxiliary-variant-picker){grid-column:1/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-product-card[data-selected=true] .sheet-card-quantity{grid-area:4/1/auto/-1;justify-self:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-card-actions{grid-row:5}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-personalization{grid-row:6}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-cut-options{grid-row:7;grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-cards-editor>.accessory-group{gap:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) :is(.sheet-catalogue-section,.auxiliary-catalogue-group){padding:var(--space-12);border-radius:var(--radius-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=sheet],[data-material-step=auxiliary],[data-material-step=rainwater]) .sheet-catalog-tools{margin-bottom:var(--space-16)}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card{align-content:start;align-items:center;gap:var(--space-8) var(--space-10);padding:var(--space-14);border:1px solid var(--studio-line);border-radius:var(--radius-card);min-width:0;height:auto;min-height:0;box-shadow:none;transition:border-color var(--motion-fast), background-color var(--motion-fast);background:#fff;grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto 3rem;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card:hover{border-color:#c9bfd2}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card[data-selected=true]{border-color:var(--color-focus);box-shadow:inset 3px 0 var(--color-primary);background:#fcfaff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-title{gap:var(--space-10);grid-area:1/1;align-items:center;min-width:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card:not([data-selected=true]) .sheet-card-title{grid-column:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-title>div{min-width:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-title strong{font-size:var(--text-13);line-height:var(--leading-control)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-title .accessory-photo{object-fit:contain;border-radius:var(--radius-card);background:#fff;flex:0 0 44px;width:2.75rem;height:2.75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-title small{font-size:var(--text-12);line-height:var(--leading-body);color:var(--studio-muted)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-quantity{gap:var(--space-6);grid-area:1/2;align-self:center;align-items:center;margin:0;padding:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-quantity label{font-size:var(--text-12);gap:var(--space-4)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card:not([data-selected=true]) .sheet-card-quantity{grid-area:1/3/3;justify-self:end}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card:not([data-selected=true]){grid-template-columns:minmax(0,1fr) 0 auto}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-quantity>button:not(.kerui-button){min-height:2.75rem;padding:var(--space-8) var(--space-12);white-space:nowrap}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-remove{width:2.25rem;min-width:2.25rem;height:2.75rem;min-height:2.75rem;padding:var(--space-8);color:var(--studio-muted);background:0 0;border-color:#0000;grid-area:1/3;position:static}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-remove:not(.kerui-button):hover{color:#9b1c1c;background:#fff1f1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-options:not(.sheet-cut-options),.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor :is(.ridge-finish-picker,.auxiliary-variant-picker){gap:var(--space-8);grid-area:auto/1/auto/-1;grid-template-columns:minmax(0,1fr);margin:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card:not([data-selected=true]) :is(.sheet-card-options:not(.sheet-cut-options),.ridge-finish-picker,.auxiliary-variant-picker){grid-column:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor :is(.sheet-card-options,.ridge-finish-picker,.auxiliary-variant-picker) select:not(.kerui-select){width:100%;min-height:2.75rem;font-size:var(--text-13);padding:var(--space-8) 1.875rem var(--space-8) var(--space-10);background-color:#fff;border-color:#c6bfcd;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-size-label{display:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-inherited-spec{color:var(--studio-muted);font-size:var(--text-12);line-height:var(--leading-body);background:0 0;grid-area:auto/1/auto/-1;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor :is(.sheet-another,.sheet-personalize-toggle,.sheet-inherit-action){padding:var(--space-8);min-height:2.5rem;font-size:var(--text-12);color:#60367a;background:0 0;border:0;grid-area:auto/1/auto/-1;justify-self:start;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-personalization{gap:var(--space-12);padding:var(--space-12) 0 0;border:0;border-top:1px solid var(--studio-line);background:0 0;grid-area:auto/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-personalization label{font-size:var(--text-12);gap:var(--space-6)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-personalization select{width:100%;font-size:var(--text-13)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-cut-options{gap:var(--space-12);grid-area:auto/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card>p{font-size:var(--text-12);line-height:var(--leading-body);grid-column:1/-1;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .quantity-input{border:1px solid var(--color-border);border-radius:var(--radius-control);overflow:visible}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .quantity-input input:not(.kerui-input){width:3rem;min-height:2.75rem;padding:var(--space-4);text-align:center;background:0 0;border:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .quantity-input-button:not(.kerui-button){width:2.25rem;min-width:2.25rem;min-height:2.75rem;padding:var(--space-4);background:0 0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-catalogue-group[data-fixing=true] .auxiliary-subgroup[data-prominent=true]{margin-bottom:var(--space-16);background:0 0;border:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-subgroup-heading{padding:var(--space-8) var(--space-12);margin:0 0 var(--space-10);border-radius:var(--radius-8);background:var(--color-selected);color:#4d2e60;font-size:var(--text-13);border:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-subgroup[data-finish=Zincate] .auxiliary-subgroup-heading{color:#35475a;background:#eef2f5}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-section-title strong{font-size:var(--text-14)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-section-icon{background:0 0;width:1.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary{padding:var(--space-20);border-radius:var(--radius-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary h2{margin:0 0 var(--space-12);padding:0 0 var(--space-12);font-size:var(--text-14)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary ul{margin:0;padding:0;list-style:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary li{align-items:baseline;gap:var(--space-12);padding:var(--space-12) 0;border-bottom:1px solid var(--studio-line);font-size:var(--text-13);grid-template-columns:minmax(0,1fr) auto;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary li:last-child{border-bottom:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary li>span{gap:var(--space-4);overflow-wrap:anywhere;min-width:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary li small{font-size:var(--text-12);line-height:var(--leading-body);color:var(--studio-muted)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary li strong{white-space:nowrap;font-variant-numeric:tabular-nums}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-model-grid{gap:var(--space-12);padding:var(--space-4)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows])>.material-form{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows])>.material-form>.icon-heading{margin-bottom:var(--space-16);border-bottom:0;padding-bottom:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-picker{gap:var(--space-20)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-toolbar{align-items:center;gap:var(--space-8) var(--space-16);padding:var(--space-12);border:1px solid var(--studio-line);border-radius:var(--radius-16);background:#fff;flex-wrap:wrap;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-toolbar>p{flex-basis:100%;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-search{min-width:0;max-width:none;font-size:var(--text-12);color:var(--studio-muted);gap:var(--space-8);flex:240px;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) :is(.catalog-model-grid:not(.fence-model-grid),.catalog-material-configuration,.catalog-selected-materials){padding:var(--space-20);border:1px solid var(--studio-line);border-radius:var(--radius-control);box-shadow:var(--shadow-subtle);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-model-grid{margin:0;scroll-padding:20px}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-model-card{gap:var(--space-12);align-items:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-model-card strong{font-size:var(--text-13);line-height:var(--leading-body);overflow-wrap:anywhere}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) :is(.catalog-model-card,.catalog-selected-row,.catalog-material-add) small{font-size:var(--text-12);line-height:var(--leading-body);color:var(--studio-muted)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-configuration{gap:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-configuration>h3{font-size:var(--text-14);line-height:var(--leading-body);padding-bottom:var(--space-12);border-bottom:1px solid var(--studio-line)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-configuration label{gap:var(--space-8);min-width:0;font-size:var(--text-12);color:var(--studio-muted)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-order{gap:var(--space-16);padding:var(--space-16);border:1px solid var(--studio-line);border-radius:var(--radius-12);background:#fafbfc;grid-template-columns:minmax(0,1fr);display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-order>.field-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr));margin:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-add{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-12) 0 0;border-top:1px solid var(--studio-line);background:0 0;border-radius:0;flex-wrap:wrap;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-add>span{gap:var(--space-4);display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-add strong{font-size:var(--text-16);font-variant-numeric:tabular-nums}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row.kerui-material-card{grid-template-columns:minmax(0,1fr) auto 3rem;align-items:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row>div:first-child{grid-area:1/1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row>strong{font-size:var(--text-13);grid-area:1/2;align-self:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row>button{grid-area:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row>:is(.accessory-cut-fields,label){padding-top:var(--space-12);border-top:1px solid var(--studio-line);grid-area:2/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row>label{width:100%;max-width:17.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row label{line-height:var(--leading-body);align-content:start;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row .quantity-input{width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-row .accessory-cut-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-selected-materials>h3{font-size:var(--text-14);line-height:var(--leading-body);padding-bottom:var(--space-12);border-bottom:1px solid var(--studio-line)}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-picker{gap:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) :is(.catalog-model-grid:not(.fence-model-grid),.catalog-material-configuration,.catalog-selected-materials){padding:var(--space-12);border-radius:var(--radius-control)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout:is([data-material-step=fence],[data-material-step=windows]) .catalog-material-order{padding:var(--space-12)}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=fence]:has(.catalog-material-picker){grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-model-card>span:not(.kerui-selection-mark){min-width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-material-configuration{gap:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-material-order{container:material-order/inline-size}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-materials{container:selected-materials/inline-size}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row.kerui-material-card{gap:var(--space-12);padding:var(--space-14);grid-template-columns:minmax(7.5rem,1fr) minmax(0,2fr) auto 3rem;align-items:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>div:first-child{gap:var(--space-4);min-width:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row .accessory-cut-fields{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));margin:0;padding:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row label{gap:var(--space-8);min-width:0;font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>strong{white-space:nowrap;font-variant-numeric:tabular-nums}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>button.kerui-button{width:3rem;padding-inline:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-cards-editor{container:rainwater-catalogue/inline-size}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .sheet-card-quantity button.kerui-button.quantity-input-button:before{width:1.5rem;height:1.5rem;margin:auto;inset:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .sheet-catalog-tools{gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-16);display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .rainwater-configuration{border:0;border-radius:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .rainwater-product-search{width:auto}@media (width>=900px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .sheet-catalog-tools:has(>.icon-heading){grid-template-columns:max-content minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .rainwater-configuration{grid-column:1/-1}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .rainwater-cards-editor>.accessory-group{gap:var(--space-12);padding:var(--space-20);border:1px solid var(--studio-line);border-radius:var(--radius-card);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr))}@container rainwater-catalogue (width<=720px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] .rainwater-cards-editor>.accessory-group{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout[data-material-step=rainwater] :is(.sheet-catalog-tools,.rainwater-cards-editor>.accessory-group){padding:var(--space-12);border-radius:var(--radius-card)}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-cards-editor .rainwater-configuration{padding:var(--space-12);gap:var(--space-16);box-shadow:none;border-color:var(--studio-line);grid-template-columns:minmax(12.5rem,.8fr) minmax(19.6875rem,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-system-picker{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-finish-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-colours{border:0;grid-column:1/-1;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-colour-options{gap:var(--space-8);flex-wrap:wrap;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-setting-label{margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion[open]{border:1px solid var(--studio-line);border-radius:var(--radius-12);margin:0 0 var(--space-10);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{align-items:center;gap:var(--space-12);min-height:5.25rem;padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);background:#fff;border:0;grid-template-columns:2rem minmax(8.125rem,1fr) minmax(16.25rem,21.25rem) 7.5rem .75rem;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion[data-has-products=false]>summary{background:#fafbfc;grid-template-columns:2rem minmax(0,1fr) 7.5rem .75rem;min-height:3.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-title{gap:var(--space-4);font-size:var(--text-13);min-width:0;line-height:var(--leading-body);overflow-wrap:anywhere;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-icon{border-radius:var(--radius-8);background:var(--group-tint);color:#60367a;width:2rem;height:2rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-total{min-width:0;font-size:var(--text-14);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-discounts{width:100%;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .agent-discount-editor{padding:var(--space-2) var(--space-6) var(--space-2) var(--space-10);gap:var(--space-8);border-radius:var(--radius-8);box-shadow:none;grid-template-columns:minmax(3.375rem,max-content) minmax(2.25rem,1fr) 8.125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .agent-discount-editor input{box-shadow:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .agent-discount-caption small{font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion[open]>summary{border-radius:var(--radius-12) var(--radius-12) 0 0;background:#faf8fc}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion[open] .price-accordion-content{border-top:1px solid var(--studio-line);padding:var(--space-8) var(--space-16) var(--space-12);background:#fff}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion-content :is(th,td){font-size:var(--text-13);padding-block:var(--space-12);vertical-align:middle}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion-content [data-label]{text-align:right;font-variant-numeric:tabular-nums}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion-content thead th:not(:first-child){text-align:right}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-product-name{align-items:center;gap:var(--space-10);line-height:var(--leading-body)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-product-name>span:last-child{overflow-wrap:anywhere;min-width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .offer-negotiation{margin-top:var(--space-20);padding:var(--space-16);background:#fafbfc}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .offer-negotiation h3{font-size:var(--text-14)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .offer-negotiation :is(p,small){font-size:var(--text-12);line-height:var(--leading-body)}@container selected-materials (width<=700px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row.kerui-material-card{grid-template-columns:minmax(0,1fr) auto 3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>div:first-child{grid-area:1/1/auto/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>button.kerui-button{grid-area:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>:is(.accessory-cut-fields,label){grid-area:2/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>strong{grid-area:3/1/auto/-1}}@container rainwater-catalogue (width<=720px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-cards-editor .rainwater-configuration{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-system-picker{max-width:22.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration .rainwater-finish-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5625rem),1fr));max-width:26.25rem}}@media (width<=1200px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout{gap:var(--space-16);grid-template-columns:minmax(0,1fr) 15rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-section-products{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{grid-template-columns:2rem minmax(0,1fr) 7.5rem .75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-discounts{grid-area:2/2/auto/4;max-width:23.75rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-total{grid-area:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-accordion>summary:after{grid-area:1/4}}@media (width<=900px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary{position:static}}@media (width>=601px) and (width<=999px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-form,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form{padding:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-section-body,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .auxiliary-product-grid{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card{padding:var(--space-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card[data-selected=true] .sheet-card-title{grid-column:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card[data-selected=true] .sheet-card-quantity{grid-area:2/1/auto/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-personalization{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{gap:var(--space-8);padding:var(--space-10);grid-template-columns:1.75rem minmax(0,1fr) 5.625rem .625rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-total{font-size:var(--text-13)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-category-discounts{grid-column:1/-1}}@media (width<=900px){.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-model-selection-layout,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-panels-layout.roof-panels-with-preview{gap:var(--space-20);grid-template-columns:minmax(0,1fr)}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-form .roof-configurator-focused .roof-configurator-main{grid-template-columns:1fr;min-height:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-form .roof-configurator-main>.roof-selection-preview,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-model-selection-layout>.roof-selection-preview,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-panels-with-preview>.roof-selection-preview,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-form .roof-configurator-main>.roof-configurator-options,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-model-selection-layout>.roof-model-picker,.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-panels-with-preview>.roof-panels{grid-area:auto/1}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-configurator-focused .roof-configurator-preview{gap:var(--space-12);grid-template-columns:6rem minmax(0,1fr);display:grid}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-configurator-focused .roof-selection-preview{max-height:none;position:static;overflow:visible}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-configurator-focused .roof-material-preview{aspect-ratio:1;grid-row:span 2;height:auto}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-selection-preview .roof-material-preview{grid-row:1}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-configurator-focused .roof-material-caption{padding:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .studio-material-context{gap:var(--space-6);margin:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .studio-material-context>div{border:0;padding:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-focus-models .roof-model-picker .roof-profile-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-focus-models .roof-profile-photo{aspect-ratio:1;height:auto}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .panel,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .panel.client-form{padding:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .field-grid{grid-template-columns:1fr}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-accordion>summary{flex-wrap:wrap}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-form{padding:var(--space-16)}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-focus-nav{flex-wrap:wrap;display:flex}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-focus-nav button{min-width:0}.quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-configurations .roof-stitch-applied.roof-focus-flow.roof-step-stitch .roof-form section.roof-configurator-focused .roof-finish-options button:not(.kerui-selection-card){min-height:5rem;padding:var(--space-12)}}@media (prefers-reduced-motion:reduce){.app-shell.compact-shell.horizontal-shell.design-system.studio-a *,.quote-workspace .roof-focus-stage{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-actions{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;grid-column:1/-1;min-width:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-actions:empty{display:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-actions button{min-height:2.5rem;padding:var(--space-6);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .quantity-input{width:10rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-product-card{align-self:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{grid-template-columns:minmax(3.375rem,max-content) minmax(2.25rem,1fr) 10.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-caption{grid-area:1/1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form input.agent-discount-slider{grid-area:1/2}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{grid-area:1/3}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{gap:0 var(--space-10);padding:var(--space-8);grid-template-columns:minmax(0,1fr) 10.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-caption{grid-area:1/1/auto/-1;justify-content:space-between;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form input.agent-discount-slider{grid-area:2/1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{grid-area:2/2}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .quote-summary{padding:var(--space-20);border-color:var(--studio-line);box-shadow:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .price-section-heading{margin-bottom:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .price-section-heading h3{font-size:var(--text-16);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .summary-total{border-radius:var(--radius-12);padding:1.125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .summary-total strong{font-size:clamp(var(--text-24), 2.5vw, var(--text-32));font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .price-summary-line{font-size:var(--text-13);line-height:var(--leading-body);flex-wrap:wrap}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .workflow-aside .summary-versions{margin-top:var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-card-actions{order:10}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor .sheet-personalization{order:11}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple[data-focus-step=model] .roof-form{padding-block-start:var(--space-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-form .roof-focus-models .roof-decision-header{column-gap:var(--space-8);margin-block-end:var(--space-4)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-models .roof-model-families{margin-block-end:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-models .roof-model-filters{min-width:0;border-bottom:1px solid var(--studio-line);padding-block-end:var(--space-4)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-models .roof-selected-model{margin:var(--space-6) 0 0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-models .roof-model-picker .roof-profile-cards{margin-block-start:0}@media (width<=900px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-models .roof-model-picker .roof-profile-cards{margin-block-start:var(--space-12)}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-configuration-header{margin:0 0 var(--space-4);border:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-configuration-nav{display:block}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-configuration-nav>[role=group]{inline-size:fit-content;max-inline-size:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-configuration-nav>[role=group]>.kerui-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-primary)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options{background:0 0;border:0;min-width:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options>summary.kerui-button{inline-size:var(--roof-options-width);white-space:nowrap;list-style:none;position:absolute;inset-block-start:0;inset-inline-end:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options>summary::-webkit-details-marker{display:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-options-chevron{color:var(--studio-muted);display:inline-flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options[open] .roof-options-chevron{transform:rotate(90deg)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options[open]>summary.kerui-button{--ui-base:#e9e1f1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options-body{align-items:flex-start;gap:var(--space-8);padding:var(--space-12);margin-block:var(--space-8) var(--space-12);border:1px solid var(--studio-line);border-radius:var(--radius-12);background:#faf9fc;flex-wrap:wrap;display:flex}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options-body{flex-direction:column}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options-body>fieldset{border:0;min-width:0;max-width:100%;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options-body>fieldset:has(.bilka-import.panel){width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-editor-options-body :is(.bilka-import-trigger,.roof-secondary-action){max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-form .roof-decision-header,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-form .roof-configurator-focused .roof-decision-header,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-panels .roof-decision-header{--roof-options-width:10rem;grid-template-columns:minmax(0, 1fr) var(--roof-options-width);align-items:center;column-gap:var(--space-12);margin:0 0 var(--space-12);border:0;grid-template-rows:minmax(3rem,auto) auto;row-gap:0;padding:0;display:grid;position:relative}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-decision-header :is(h2,h3){margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-panels .roof-decision-header h2{font-size:clamp(var(--text-18), 2vw, var(--text-24));line-height:var(--leading-tight)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-decision-header .roof-configuration-header{grid-area:2/1/auto/-1;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-focus-stage{scroll-margin-top:90px}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-selection-preview>.roof-preview-actions{gap:var(--space-8);grid-column:1/-1;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-preview-actions>button.kerui-button{padding-inline:var(--space-8);line-height:var(--leading-tight)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-preview-actions>.roof-focus-back{white-space:nowrap;flex:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-preview-actions>.roof-focus-continue{flex:auto}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-material-caption .roof-preview-model-link,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-material-caption .roof-preview-panel-link{width:100%;padding-inline:var(--space-4);text-align:start;justify-content:flex-start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-material-caption .kerui-button-content{justify-content:flex-start;gap:var(--space-6)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-step-simple .roof-material-caption .roof-preview-panel-link{font-size:var(--text-12);font-weight:var(--weight-500)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list{container:compact-materials/inline-size}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .auxiliary-group-heading{box-sizing:border-box;min-height:calc(1.75rem + var(--space-10) + 1px)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .auxiliary-selected-count{padding-block:var(--space-4);line-height:1.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-section-products,.auxiliary-section-body,.auxiliary-product-grid){gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list>.accessory-group{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{align-content:start;align-items:center;gap:var(--space-2) var(--space-12);min-height:4.5rem;padding:var(--space-6) var(--space-10);border-radius:var(--radius-card);grid-template-rows:minmax(2.25rem,auto) minmax(1.25rem,auto);grid-template-columns:minmax(10.625rem,1fr) minmax(9.375rem,.85fr) 10.875rem 2.25rem;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-title{align-items:center;gap:var(--space-10);grid-area:1/1;min-width:0;padding:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-title>div{min-width:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-title .accessory-photo{flex:none;width:2rem;height:2rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-title strong{font-size:var(--text-13);overflow-wrap:anywhere;padding-inline-start:1.5rem;position:relative}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-title .sheet-selected-indicator{inset-inline-start:0;margin:0;position:absolute;top:.125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card :is(.sheet-card-options:not(.sheet-cut-options),.auxiliary-variant-picker,.ridge-finish-picker){grid-area:1/2;grid-template-columns:minmax(0,1fr);align-self:center;gap:0;min-width:0;margin:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-options>label{grid-column:auto;min-width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-options .sheet-size-label,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .ridge-finish-picker>span{display:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card select{width:100%;min-width:0;height:2.25rem;min-height:2.25rem;padding:var(--space-6) 1.75rem var(--space-6) var(--space-10);border-color:var(--studio-line);border-radius:var(--radius-control);font-size:var(--text-12);line-height:var(--leading-control);background-color:#fff;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-quantity{justify-content:flex-start;place-self:center stretch;align-items:center;gap:var(--space-6);grid-area:1/3;width:100%;min-width:0;margin:0;padding:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-quantity>label{align-items:center;gap:0;min-width:0;margin:0;padding:0;font-size:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input{box-sizing:border-box;width:7.375rem;height:2.25rem;padding:var(--space-2);border-color:var(--studio-line);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--text-13);gap:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input:has(.kerui-number-unit){width:10.75rem;max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input:has(input[aria-invalid=true]){border-color:var(--color-danger)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input .quantity-input-button{--ui-base:var(--color-selected);--ui-on:var(--color-primary);border-radius:var(--radius-control);width:2rem;min-width:2rem;height:1.875rem;min-height:1.875rem;font-size:var(--text-16);background:0 0;flex:0 0 32px;margin:0;padding:0;line-height:1;position:relative;transform:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input .quantity-input-button:before{width:auto;height:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 3%, transparent);margin:0;inset:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input .quantity-input-button:disabled{--ui-base:var(--color-selected);--ui-on:var(--color-muted);opacity:.6}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input input.kerui-input{min-width:2.5rem;height:1.875rem;min-height:1.875rem;padding:var(--space-2);font-size:var(--text-13)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-quantity>button.kerui-button{height:2.25rem;min-height:2.25rem;padding:var(--space-6) var(--space-12);border-radius:var(--radius-control);font-size:var(--text-12);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-quantity>span{height:auto;min-height:0;line-height:1.25rem;font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card>.sheet-remove{border-radius:var(--radius-card);width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;padding:var(--space-6);grid-area:1/4;align-self:center;margin:0;position:relative;inset:auto}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-actions{justify-content:flex-end;gap:var(--space-8);border:0;grid-area:2/2/auto/-1;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-card-actions button{height:1.25rem;min-height:1.25rem;padding:0 var(--space-6);font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-inherited-spec{font-size:var(--text-12);grid-area:2/1;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card :is(.sheet-personalization,.sheet-cut-options,.ridge-reset-finish){grid-area:auto/1/auto/-1}@container compact-materials (width<=45rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{grid-template-rows:minmax(3rem,auto) minmax(3rem,auto);grid-template-columns:minmax(0,1fr) 10.875rem 2.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-title{grid-column:1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card>.sheet-remove{grid-column:3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card :is(.sheet-card-options:not(.sheet-cut-options),.auxiliary-variant-picker,.ridge-finish-picker){grid-area:2/1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-quantity{grid-area:1/2}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-inherited-spec{grid-area:3/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-actions{grid-area:2/2/auto/-1}}@container compact-materials (width<=26.25rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{grid-template-rows:minmax(2.5rem,auto) minmax(2.25rem,auto) minmax(2.25rem,auto) minmax(1.875rem,auto);grid-template-columns:minmax(0,1fr) 2.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-title{grid-column:1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card>.sheet-remove{grid-column:2}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card :is(.sheet-card-options:not(.sheet-cut-options),.auxiliary-variant-picker,.ridge-finish-picker){grid-area:2/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-quantity{grid-area:3/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-card-actions{grid-area:4/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card .sheet-inherited-spec{grid-row:5}}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{column-gap:var(--space-16);grid-template-columns:minmax(10.625rem,1fr) minmax(9.375rem,.85fr) 11.875rem 3rem}@container compact-materials (width<=45rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{grid-template-columns:minmax(0,1fr) 11.875rem 3rem}}@container compact-materials (width<=26.25rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card{grid-template-columns:minmax(0,1fr) 3rem}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list .sheet-product-card :is(button,select){min-height:3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input{width:9.375rem;height:3.125rem;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input:has(.kerui-number-unit){width:11.875rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input .quantity-input-button{flex-basis:3rem;width:3rem;min-width:3rem;height:3rem;min-height:3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .sheet-cards-editor.compact-material-list.compact-material-list.compact-material-list.compact-material-list :is(.sheet-card-quantity,.sheet-cut-options) .quantity-input input.kerui-input{height:3rem;min-height:3rem}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-accordion-headings{gap:var(--space-6);padding:0 0 var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--studio-line);align-items:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--studio-line);border-radius:var(--radius-8);background:#fff;overflow:visible}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab[data-active=true]{border-color:var(--color-focus);background:#f3edf8;box-shadow:inset 0 0 0 1px #8b5fbf20}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab button.kerui-button{--ui-base:transparent;--ui-on:var(--color-primary);border-radius:var(--radius-control);min-width:1.875rem;height:1.875rem;min-height:1.875rem;color:var(--color-primary);font-size:var(--text-12);background:0 0;padding:0 .5625rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab :is(.slope-tab-copy,.slope-tab-remove).kerui-button{color:#81758b;width:1.75rem;min-width:1.75rem;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab .slope-tab-remove:hover{--ui-on:var(--color-danger);color:var(--color-danger)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab button:before{inset:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .add-slope.kerui-button{height:2.375rem;min-height:2.375rem;padding:0 var(--space-10);font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input.panel-measure-field{height:2.25rem;padding:var(--space-2);border-radius:var(--radius-control);border-color:var(--studio-line);box-sizing:border-box;gap:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input.panel-measure-field:has(input[aria-invalid=true]){border-color:var(--color-danger)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input .panotaj-stepper.kerui-button{--ui-base:var(--color-selected);--ui-on:var(--color-primary);border-radius:var(--radius-control);width:2rem;min-width:2rem;height:1.875rem;min-height:1.875rem;font-size:var(--text-16);flex:0 0 32px;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input .panotaj-stepper:before{width:auto;height:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 3%, transparent);inset:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input .panotaj-stepper:disabled{--ui-on:var(--color-muted);opacity:.6}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input input.kerui-input{height:1.875rem;min-height:1.875rem;font-size:var(--text-13)}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .slope-tab button.kerui-button,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .add-slope.kerui-button,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input .panotaj-stepper.kerui-button{min-width:3rem;height:3rem;min-height:3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .roof-panels.roof-panels.roof-panels .quantity-input.panel-measure-field{height:3.375rem}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration{justify-content:flex-start;align-items:flex-start;gap:var(--space-10) var(--space-20);flex-wrap:wrap;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-system-picker{flex-wrap:wrap;gap:.3125rem;width:auto;max-width:100%;margin:0;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-setting-label{flex-basis:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-setting-label,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colours-heading h3{min-height:1.125rem;font-size:var(--text-12);line-height:1.125rem;font-weight:var(--weight-600);color:var(--studio-muted);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colours{border:0;flex:1 0 100%;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colours-heading{margin:0 0 .3125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colour-options{min-width:0;height:3rem;padding:var(--space-4);scrollbar-width:thin;scrollbar-color:#b9a5c9 transparent;flex-wrap:nowrap;gap:.3125rem;display:flex;overflow:auto hidden}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-palette-strip{align-items:start;gap:var(--space-4);grid-template-columns:1.875rem minmax(0,1fr) 1.875rem;min-width:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-palette-arrow.kerui-button{width:1.875rem;min-width:1.875rem;height:2.125rem;min-height:2.125rem;margin-top:var(--space-4);font-size:var(--text-20);border-radius:var(--radius-control);padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colour-options>button{white-space:nowrap;flex:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration button.kerui-selection-card{width:auto;min-width:5.5rem;height:2.125rem;min-height:2.125rem;padding:.3125rem 1.6875rem .3125rem var(--space-10);border:1px solid var(--studio-line);border-radius:var(--radius-card);box-shadow:none;color:var(--color-primary);font-size:var(--text-12);background:#fff;justify-content:center;align-items:center;gap:.3125rem;line-height:1.25rem;transform:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration button.kerui-selection-card[aria-pressed=true]{border-color:var(--color-focus);background:#f3edf8;box-shadow:inset 0 0 0 1px #8b5fbf18}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-system-value{font-size:var(--text-12);letter-spacing:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-system-unit{font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .kerui-selection-mark{right:7px;width:.875rem;height:.875rem;margin-block:auto;inset-block:0;transform:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .kerui-selection-mark svg{width:.625rem;height:.625rem;display:block}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colour-options img{width:1.125rem;height:1.125rem}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration button.kerui-selection-card{height:3rem;min-height:3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-colour-options{height:3.875rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-palette-strip{grid-template-columns:3rem minmax(0,1fr) 3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-palette-arrow.kerui-button{width:3rem;min-width:3rem;height:3rem;min-height:3rem}}@container (width<=420px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration{gap:var(--space-10)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration .rainwater-system-picker{max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .rainwater-configuration.rainwater-configuration.rainwater-configuration button.kerui-selection-card{min-width:0;padding-inline-start:var(--space-8)}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalog-tools,.catalog-material-toolbar){padding:var(--space-10) var(--space-12);margin-bottom:var(--space-12);gap:var(--space-10);border-radius:var(--radius-8);box-shadow:none;align-items:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalog-tools,.catalog-material-toolbar)>.icon-heading{font-size:var(--text-13);gap:.4375rem;margin:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalog-tools,.catalog-material-toolbar) input.kerui-input{height:2.25rem;min-height:2.25rem;padding-block:var(--space-6);border-color:var(--studio-line);border-radius:var(--radius-control);font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalogue-section,.auxiliary-catalogue-group){border-radius:var(--radius-12);padding:var(--space-12);box-shadow:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalogue-section,.auxiliary-catalogue-group)>h3{margin-bottom:var(--space-10);padding-bottom:var(--space-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.material-summary,.roof-quantity-summary){padding:var(--space-14);border-radius:var(--radius-12);box-shadow:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary h2{font-size:var(--text-13)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .panel.client-form{border-radius:var(--radius-panel);width:100%;max-width:52.5rem;box-shadow:none;padding:1.125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-form-heading{gap:var(--space-10);margin:0 0 var(--space-12);padding:0 0 var(--space-10);align-items:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form-heading h2{font-size:var(--text-16);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form-emblem{border-radius:var(--radius-8);flex-basis:1.875rem;width:1.875rem;min-width:1.875rem;height:1.875rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-required-note{font-size:var(--text-12)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-mode{width:fit-content;max-width:100%;margin:0 0 var(--space-14);padding:var(--space-3);border-radius:var(--radius-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-mode button{max-width:100%;min-height:3rem;padding:var(--space-4) var(--space-12);font-size:var(--text-12);border-radius:var(--radius-control);flex:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .field-grid{gap:var(--space-12) var(--space-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-field-phone{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form label{font-size:var(--text-12);gap:.3125rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form :is(input.kerui-input,select.kerui-select){border-radius:var(--radius-control);border-color:var(--studio-line);height:2.375rem;min-height:2.375rem;font-size:var(--text-14);margin-top:0;padding-block:.4375rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form :is(.client-search-panel,.client-selected-summary){padding:var(--space-10);border-radius:var(--radius-control);box-shadow:none;margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-result{padding:var(--space-10);border-radius:var(--radius-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.roof-panels,.price-form){border-radius:var(--radius-panel)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .studio-step-heading{font-size:var(--text-16);margin-bottom:var(--space-12);padding-bottom:var(--space-10)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .studio-step-heading h2{font-size:var(--text-16)}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form :is(input.kerui-input,select.kerui-select),.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form .client-mode button,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.sheet-catalog-tools,.catalog-material-toolbar) input.kerui-input{height:3rem;min-height:3rem}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .panel.client-form{padding:var(--space-12)}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(input.kerui-input,select.kerui-select){font-size:var(--text-16)!important}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .fence-appearance .fence-decision-header{gap:var(--space-12);margin-bottom:var(--space-12);align-items:center}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .fence-decision-header h3{font-size:var(--text-16)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .fence-decision-header input.kerui-input{border-radius:var(--radius-control);height:2.375rem;min-height:2.375rem;font-size:var(--text-13)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) :is(.catalog-selected-materials,.catalog-model-gallery,.catalog-material-configuration){padding:var(--space-12);border-radius:var(--radius-control)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row.kerui-material-card{padding:var(--space-10) var(--space-12);gap:var(--space-8) var(--space-12);border-radius:var(--radius-card)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>:is(.accessory-cut-fields,label){padding-top:var(--space-8);margin:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-row>label{max-width:12.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-selected-materials>h3{margin-bottom:var(--space-10);padding-bottom:var(--space-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{min-height:4.25rem;padding:var(--space-8) var(--space-12);gap:var(--space-10)}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .fence-decision-header input.kerui-input{height:3rem;min-height:3rem}}@media (width>=901px){html:has(.app-shell.studio-a .quote-workspace){scrollbar-gutter:stable}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-material-picker[data-section=fence] .catalog-model-grid{gap:var(--space-10);grid-template-columns:repeat(auto-fill,minmax(min(100%,11.25rem),1fr));align-items:start}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-material-picker[data-section=fence] .catalog-model-card{padding:var(--space-10);gap:var(--space-8);border-radius:var(--radius-card)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .catalog-material-picker[data-section=fence] .catalog-model-card .fence-model-photo{aspect-ratio:auto;height:7.5rem;max-height:7.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{padding:var(--space-4) var(--space-6) var(--space-4) var(--space-10);gap:var(--space-8);border-color:var(--studio-line);border-radius:var(--radius-8);grid-template-columns:minmax(3.375rem,max-content) minmax(2.25rem,1fr) 9rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{height:2.25rem;padding:var(--space-2);border:1px solid var(--studio-line);border-radius:var(--radius-control);background:#fff;gap:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper .agent-discount-step.kerui-button{--ui-base:var(--color-selected);--ui-on:var(--color-primary);border-radius:var(--radius-control);width:2rem;min-width:2rem;height:1.875rem;min-height:1.875rem;font-size:var(--text-16);background:0 0;flex:0 0 32px;padding:0;transform:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-step.kerui-button:before{inset:0;box-shadow:inset 0 0 0 1px #36004508}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form input.agent-discount-slider{height:2.25rem;min-height:2.25rem}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{grid-template-columns:minmax(0,1fr) 9rem}}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{grid-template-columns:minmax(0,1fr) 10.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-caption{grid-area:1/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form input.agent-discount-slider{grid-area:2/1;height:3rem;min-height:3rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{grid-area:2/2;height:3.25rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper .agent-discount-step.kerui-button{flex-basis:3rem;width:3rem;min-width:3rem;height:3rem;min-height:3rem}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{grid-template-columns:minmax(3.375rem,max-content) minmax(1.5rem,1fr) 9.875rem}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{flex-wrap:wrap;display:flex}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-caption{flex-wrap:wrap;flex:1 0 100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form input.agent-discount-slider{flex:1.5rem;width:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{flex:0 9.875rem;max-width:100%}}@media (pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-editor{grid-template-columns:minmax(0,1fr) 11.875rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .agent-discount-stepper{flex-basis:11.875rem}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .kerui-wordmark,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .kerui-wordmark img,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar-account .kerui-menu-root{max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar-account .account-trigger.kerui-button{max-width:min(12.5rem,100%)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar{flex-wrap:wrap}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .sidebar-account,.app-shell.compact-shell.horizontal-shell.design-system.studio-a main{min-width:0;max-width:100%}@media (width>=1000px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper{max-height:min(calc(100dvh - 100px - 7rem), var(--workflow-nav-available-height,100dvh));overscroll-behavior:contain;overflow-y:auto}}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form :is(input.kerui-input,select.kerui-select,textarea){font-size:var(--text-14)}@media (width<=700px),(pointer:coarse){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .client-form :is(input.kerui-input,select.kerui-select,textarea){font-size:var(--text-16)}}.app-shell.studio-a .workflow-layout{container:offer-layout/inline-size}.app-shell.studio-a .price-form{container:price-layout/inline-size}@container offer-layout (width<=65rem){.app-shell.studio-a .workflow-layout>:is(.workflow-body,.workflow-aside){grid-column:1/-1;min-width:0;position:static}}@container offer-layout (width<=48rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-step-layout{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) .material-summary{position:static}}@container price-layout (width<=60rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{grid-template-columns:1.75rem minmax(0,1fr) minmax(5.625rem,max-content) .625rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-category-discounts{grid-area:2/1/auto/-1;width:100%;max-width:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-category-total{grid-area:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion>summary:after{grid-area:1/4}}@container price-layout (width<=20rem){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-group.price-accordion>summary{grid-template-columns:2rem minmax(0,1fr) .625rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-category-total{white-space:normal;overflow-wrap:anywhere;grid-area:2/1/auto/-1}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-category-discounts,.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-category-auto-discount{grid-area:3/1/auto/-1;min-width:0;max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .price-accordion>summary:after{grid-area:1/3}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .offer-negotiation-minimum{overflow-wrap:anywhere;min-width:0;max-width:100%}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .offer-negotiation-input{grid-template-columns:minmax(0,1fr);gap:0;height:auto;padding:0;display:grid}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .offer-negotiation-input input{font-size:var(--text-16);padding-inline:var(--space-8)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace.quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) .price-form .offer-negotiation-input>span{padding:0 var(--space-8) var(--space-8);text-align:right}}@media (width>=1000px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper{overflow-x:hidden}}.app-shell.studio-a .pricing-six-step .pricing-sidebar>nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.app-shell.studio-a .pricing-six-step .pricing-sidebar>nav button[aria-current],.app-shell.studio-a .pricing-six-step .pricing-sidebar>nav button[aria-current]:hover:not(:disabled){background:var(--color-selected);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary);font-weight:var(--weight-600)}.app-shell.studio-a .quote-workspace .client-form .client-selected-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-16);gap:var(--space-12)}.app-shell.studio-a .quote-workspace .client-selected-summary .client-result-avatar{background:var(--color-selected);color:var(--color-primary);border-radius:var(--radius-control)}.app-shell.studio-a .quote-workspace .client-selected-summary .client-selected-label{color:var(--color-muted);font-size:var(--text-12)}.app-shell.studio-a .quote-workspace .client-selected-summary strong{font-size:var(--text-16);line-height:var(--leading-body)}.app-shell.studio-a .quote-workspace .fence-appearance .roof-preview-actions{gap:var(--space-8);flex-wrap:wrap;grid-column:1/-1;display:flex}.app-shell.studio-a .quote-workspace .fence-appearance .roof-preview-actions>button{min-inline-size:max-content;padding-inline:var(--space-8);white-space:nowrap;flex:none}.offer-exit-row{margin-bottom:var(--space-6)}.app-shell.studio-a :is(.offer-exit-row,.kerui-workflow-nav)>.offer-exit{min-height:2rem;padding:var(--space-6) var(--space-10);border-radius:var(--radius-control)}.kerui-workflow-nav>.offer-exit{align-items:center;gap:var(--space-8);width:100%;color:var(--color-primary);font-size:var(--text-13);font-weight:var(--weight-600);grid-column:1/-1;text-decoration:none;display:flex}.kerui-workflow-nav>.offer-exit:hover{background:var(--color-selected)}.kerui-workflow-nav>.offer-exit:focus-visible{outline:2px solid var(--color-focus)}.kerui-workflow-nav>.offer-exit[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media (width>=1100px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.workflow-guided .offer-editor-layout{padding-left:8.5rem}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.workflow-guided nav.workflow-steps.kerui-stepper{width:11.5rem;padding:var(--space-8);background:var(--color-surface);box-shadow:var(--shadow-subtle);border-radius:0 var(--radius-panel) var(--radius-panel) 0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.workflow-guided nav.workflow-steps.kerui-stepper button{justify-content:flex-start;gap:var(--space-8);width:100%;padding:var(--space-8);border-radius:var(--radius-control);border:0}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace.workflow-guided nav.workflow-steps.kerui-stepper .step-label{opacity:1;white-space:normal;width:auto;max-width:none;color:inherit;box-shadow:none;text-align:left;background:0 0;padding:0;position:static;transform:none}}@media (width<=600px){.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper>.kerui-step-button{display:none}.app-shell.compact-shell.horizontal-shell.design-system.studio-a .quote-workspace:is(.workflow-guided,.workflow-expanded) nav.workflow-steps.kerui-stepper>.workflow-mobile-step{width:100%;min-width:0;min-height:3rem;padding-inline:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:var(--text-16);font-weight:var(--weight-600);margin:0;display:block}}