.dc{--dc-bg:#ffffff;--dc-card:#ffffff;--dc-line:#d8dee9;--dc-muted:#566174;--dc-accent:#113BFE;--dc-text:#111111;background:var(--dc-bg);color:var(--dc-text);padding:24px;border-radius:22px;margin-top:32px;font-size:15px;color-scheme:light;overflow:hidden}
.dc *{box-sizing:border-box}.dc [hidden]{display:none!important}.dc button,.dc input,.dc select,.dc textarea{font:inherit;color:inherit}.dc button,.dc select,.dc input,.dc textarea{border:1px solid var(--dc-line);border-radius:10px;background:var(--dc-card)}.dc button{cursor:pointer;min-height:44px;padding:10px 14px;font-weight:500;line-height:1.35}.dc button:hover{border-color:var(--dc-accent);background:#f0f4ff}.dc button:disabled{opacity:.4;cursor:not-allowed}.dc button:focus-visible,.dc input:focus-visible,.dc select:focus-visible,.dc textarea:focus-visible,.dc summary:focus-visible,.dc a:focus-visible{outline:3px solid var(--dc-accent);outline-offset:3px}.dc input,.dc select,.dc textarea{width:100%;padding:11px 12px;min-height:46px;min-width:0}.dc input::placeholder,.dc textarea::placeholder{color:#687385;opacity:1}.dc input[aria-invalid=true]{border:2px solid #a31b1b}.dc label,.dc legend{font-size:.84rem;font-weight:500}.dc label>span{display:block;margin-bottom:7px}.dc fieldset{margin:0;padding:0;border:0;min-width:0}.dc legend{margin-bottom:10px}.dc p,.dc h3,.dc h4{margin:0}.dc h3{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3}.dc h4{font-size:1rem}.dc a{color:var(--dc-accent)}.dc .dc-primary{background:var(--dc-accent);border-color:var(--dc-accent);color:#ffffff;font-weight:650}.dc .dc-primary:hover{background:#092bd2}.dc .dc-small{min-height:36px;font-size:.78rem;padding:7px 10px}.dc-note{font-size:.79rem;color:var(--dc-muted);line-height:1.6}.dc-error{color:#a31b1b;font-size:.85rem;line-height:1.6;padding:9px 0}.dc-top,.dc-bar,.dc-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dc-top{border-bottom:1px solid var(--dc-line);padding-bottom:18px}.dc-tabs,.dc-chips,.dc-tools{display:flex;gap:7px;flex-wrap:wrap}.dc-tabs button{min-width:100px}.dc [aria-pressed=true],.dc .dc-selected{background:#edf2ff;border-color:var(--dc-accent);color:#113BFE}.dc-bar{padding:16px 0}.dc-caption{font-size:.76rem;color:var(--dc-muted);margin-bottom:8px}.dc-type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}.dc-type-grid button{font-size:.74rem;min-width:0;padding:10px 5px;min-height:98px}.dc-type-grid svg{display:block;width:34px;height:44px;margin:0 auto 8px;stroke:currentColor;fill:none;stroke-width:1.4}.dc-type-grid span{display:block}.dc-workbench{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:18px}.dc-stage{border:1px solid var(--dc-line);border-radius:16px;padding:18px;background:#ffffff;min-width:0}.dc-selection{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.dc-selection button{display:flex;gap:10px;text-align:left;align-items:center;min-width:0}.dc-selection strong,.dc-selection small{display:block}.dc-selection small{font-size:.74rem;color:var(--dc-muted);margin-top:3px}.dc-swatch-mini{width:31px;height:31px;border:1px solid #aaa5;border-radius:7px;flex:none}.dc-figure-wrap{height:242px;position:relative;display:grid;place-items:center;max-width:430px;margin:0 auto 14px;padding:26px 72px}.dc-figure{width:100%;height:100%;overflow:visible}.dc-figure text{fill:var(--dc-text);font-family:inherit;font-size:11px}.dc-edge{position:absolute!important;min-height:34px!important;padding:6px 9px!important;font-size:.72rem!important;max-width:104px}.dc-edge[data-side=top]{top:0;left:50%;transform:translateX(-50%)}.dc-edge[data-side=bottom]{bottom:0;left:50%;transform:translateX(-50%)}.dc-edge[data-side=left]{left:0;top:50%;transform:translateY(-50%)}.dc-edge[data-side=right]{right:0;top:50%;transform:translateY(-50%)}.dc-dimensions{display:grid;grid-template-columns:1fr 1fr .75fr;gap:10px}.dc-dimensions input{font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:550;text-align:center;min-height:58px;background:#ffffff}.dc-dimensions label[data-active=true] input{border-color:var(--dc-accent);box-shadow:inset 0 -3px var(--dc-accent)}.dc-input-actions{display:flex;gap:9px;margin-top:16px}.dc-input-actions .dc-primary{flex:1}.dc-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap;font-size:.86rem;color:var(--dc-muted)}.dc-preview strong{color:var(--dc-text);font-size:1.05rem}.dc-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start}.dc-keypad-title{grid-column:1/-1;font-size:.85rem;color:var(--dc-muted);padding:2px 0 6px}.dc-keypad button{font-size:1.7rem;min-height:69px;font-weight:500}.dc-keypad .dc-enter{grid-column:1/-1;font-size:.95rem;min-height:63px}.dc-ldsp-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 17px}.dc-ldsp-controls label{min-width:0}.dc-inline-options{display:flex;gap:8px;align-items:end}.dc-inline-options select{flex:1}.dc-custom-model{margin:12px 0}.dc-orders{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;margin-top:22px;align-items:start}.dc-list-panel,.dc-summary{padding:20px;background:#ffffff;border:1px solid var(--dc-line);border-radius:16px;min-width:0}.dc-list-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.dc-list{padding:0;list-style:none;margin:0}.dc-empty{padding:22px;text-align:center;border:1px dashed var(--dc-line);border-radius:12px;color:var(--dc-muted);line-height:1.6}.dc-list li+li{border-top:1px solid var(--dc-line);margin-top:17px;padding-top:17px}.dc-row-top{align-items:flex-start;flex-wrap:nowrap}.dc-row-top strong{font-size:1rem;line-height:1.5}.dc-row-meta{color:var(--dc-muted);font-size:.8rem;margin-top:6px!important;line-height:1.65;overflow-wrap:anywhere}.dc-row-value{text-align:right;font-size:.84rem;flex-shrink:0;max-width:145px}.dc-row-value b{display:block;margin-top:5px;color:var(--dc-accent)}.dc-row-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.dc-is-editing{background:#edf2ff;outline:1px solid #113BFE;border-radius:8px;padding:12px!important}.dc-summary{border-top:4px solid var(--dc-accent)}.dc-summary dl{margin:16px 0}.dc-summary dl>div{display:flex;justify-content:space-between;gap:15px;margin:9px 0;font-size:.85rem}.dc-summary dt{color:var(--dc-muted)}.dc-summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.dc-total-label{border-top:1px solid var(--dc-line);padding-top:16px;font-size:.8rem;color:var(--dc-muted)}.dc-total{font-size:2rem;line-height:1.2;letter-spacing:-.04em;font-weight:650;color:var(--dc-accent);margin:8px 0 12px!important;overflow-wrap:anywhere}.dc-total-note{font-size:.77rem;line-height:1.6;color:var(--dc-muted);margin-bottom:15px!important}.dc-summary-actions{display:grid;gap:9px}.dc-summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dc-summary-pair button{font-size:.78rem;padding-inline:6px}.dc-comment{display:block;margin-top:19px}.dc-comment textarea{min-height:82px;resize:vertical}.dc-status{color:#113BFE;font-size:.83rem;line-height:1.6;min-height:1.6em;margin-top:16px!important}.dc-footnote{border-top:1px solid var(--dc-line);margin-top:24px;padding-top:16px}.dc-footnote summary{cursor:pointer;font-size:.85rem;min-height:44px}.dc-footnote p{font-size:.8rem;color:var(--dc-muted);line-height:1.7;margin-top:9px}.dc dialog{color:var(--dc-text);color-scheme:light;background:var(--dc-bg);border:1px solid var(--dc-line);border-radius:20px;width:min(950px,calc(100vw - 26px));max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 100px #0008}.dc dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.dc-dialog-head h3{font-size:1.35rem}.dc-dialog-head button{width:42px;padding:6px;font-size:1.3rem}.dc-catalog-filters{display:grid;grid-template-columns:1fr 200px;gap:10px;margin:14px 0}.dc-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.dc-catalog-item{min-width:0;text-align:left;font-size:.8rem!important;padding:9px!important;background:#ffffff!important}.dc-catalog-item .dc-swatch{height:76px;border:1px solid #ffffff18;border-radius:7px;margin-bottom:9px}.dc-catalog-item strong,.dc-catalog-item small{display:block;overflow-wrap:anywhere}.dc-catalog-item strong{font-size:.8rem;font-weight:500}.dc-catalog-item small{color:var(--dc-muted);font-size:.73rem;margin-top:4px}.dc-catalog-count{font-size:.78rem;color:var(--dc-muted);margin-top:10px!important}.dc-custom-fields{display:grid;grid-template-columns:1fr 74px auto;gap:10px;align-items:end;padding-top:14px;border-top:1px solid var(--dc-line)}.dc-custom-fields input[type=color]{padding:4px}.dc-history-form{display:flex;gap:9px;margin-bottom:15px}.dc-history-form input{flex:1}.dc-history-list{list-style:none;padding:0;margin:0}.dc-history-list li{padding:14px 0;border-top:1px solid var(--dc-line)}.dc-history-list p{margin-bottom:9px;overflow-wrap:anywhere}.dc-rate-scroll{overflow:auto;margin:18px 0}.dc-rate-table{min-width:570px;font-size:.8rem;color:var(--dc-text)}.dc .dc-rate-table th,.dc .dc-rate-table td{text-align:left;padding:8px;border-bottom:1px solid var(--dc-line);background:transparent;color:inherit}.dc-rate-table input{min-width:90px;font-size:.8rem;padding:8px}.dc-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.dc-material-rate{display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center;margin:10px 0}.dc-cut-sheet{border:1px solid var(--dc-line);padding:14px;border-radius:12px;margin:16px 0}.dc-cut-sheet h4{margin-bottom:8px;font-size:.9rem;line-height:1.5}.dc-cut-svg{display:block;width:100%;height:auto;max-height:500px;touch-action:none;user-select:none;background:#f4f6fa;margin:12px 0;border-radius:6px}.dc-cut-svg [data-piece]{cursor:grab}.dc-cut-svg text{font-family:Arial,sans-serif;pointer-events:none}.dc-cut-svg .dc-piece-selected{stroke:#113BFE;stroke-width:10}.dc-cut-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:10px 0}.dc-cut-toolbar input{max-width:110px}.dc-schema-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.dc-schema-grid svg{display:block;width:65px;height:85px;margin:auto auto 10px;stroke:currentColor;fill:none}.dc-schema-grid button{font-size:.8rem}.dc button:active{transform:translateY(1px)}.dc-entry-link{color:#1b36ff;text-decoration:underline;text-underline-offset:4px;font-weight:600;display:inline-block;margin-top:14px}
@media(max-width:1100px){.dc{padding:18px}.dc-workbench{grid-template-columns:minmax(0,1fr) 205px}.dc-orders{grid-template-columns:minmax(0,1fr) 280px}.dc-keypad button{min-height:63px}.dc-type-grid button{font-size:.68rem}.dc-selection{grid-template-columns:1fr}.dc-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.dc{padding:14px;border-radius:15px;margin-top:24px;font-size:14px}.dc-top{align-items:flex-start}.dc-top .dc-tools{gap:5px}.dc-top .dc-tools button{padding:7px 9px;font-size:.73rem;min-height:38px}.dc-tabs{width:100%}.dc-tabs button{flex:1}.dc-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dc-type-grid button{font-size:.64rem;min-height:91px;padding:8px 3px}.dc-type-grid svg{width:28px;height:36px}.dc-workbench{grid-template-columns:1fr;gap:12px}.dc-stage{padding:14px}.dc-selection{grid-template-columns:1fr 1fr}.dc-selection button{padding:9px;font-size:.77rem}.dc-selection .dc-swatch-mini{width:24px;height:24px}.dc-figure-wrap{height:228px;padding:27px 64px}.dc-edge{font-size:.64rem!important;padding:5px 6px!important;max-width:87px}.dc-dimensions{gap:7px}.dc-dimensions label{font-size:.7rem}.dc-dimensions input{font-size:1.2rem;padding-inline:5px}.dc-keypad{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-keypad button{min-height:49px;font-size:1.3rem}.dc-keypad-title{padding-bottom:0}.dc-keypad .dc-enter{min-height:49px}.dc-orders{grid-template-columns:1fr}.dc-summary{grid-row:1}.dc-list-panel,.dc-summary{padding:16px}.dc-row-top{flex-direction:column;gap:7px}.dc-row-value{text-align:left;max-width:none}.dc-row-value b{display:inline;margin-left:10px}.dc-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dc-catalog-item .dc-swatch{height:66px}.dc-catalog-filters{grid-template-columns:1fr}.dc dialog{padding:16px}.dc-custom-fields{grid-template-columns:1fr 65px}.dc-custom-fields button{grid-column:1/-1}.dc-settings-grid{grid-template-columns:1fr 1fr}.dc-material-rate{grid-template-columns:1fr}.dc-history-form{flex-wrap:wrap}.dc-schema-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-total{font-size:2.3rem}.dc-note{font-size:.75rem}.dc-ldsp-controls{gap:9px}.dc-ldsp-controls label{font-size:.75rem}}
@media(max-width:390px){.dc{padding:10px}.dc-selection{grid-template-columns:1fr}.dc-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-type-grid button{font-size:.61rem}.dc-stage{padding:11px}.dc-figure-wrap{padding-inline:57px}.dc-edge{max-width:75px}.dc-tools button{font-size:.68rem!important}.dc-ldsp-controls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dc *{scroll-behavior:auto!important;transition:none!important}}

.dc-intro{max-width:780px;margin-top:20px;font-size:1.08rem;line-height:1.65;color:#566174}#facade-calculator{scroll-margin-top:105px}.dc .dc-edge:active{transform:translateY(-50%)}.dc .dc-edge[data-side=top]:active,.dc .dc-edge[data-side=bottom]:active{transform:translateX(-50%)}

/* DETAL: a single white / black / blue calculator theme. */
.dc{border:1px solid var(--dc-line);font-size:16px}.dc-note,.dc-row-meta,.dc-footnote p{font-size:14px}.dc button{font-weight:600}.dc-type-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dc-type-grid button,.dc-schema-grid button{overflow:hidden;padding:8px;font-size:13px;line-height:1.4}.dc-facade-photo{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;margin-bottom:9px}.dc-type-grid button[aria-pressed=true],.dc-schema-grid button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #113BFE}.dc-type-grid span{min-height:36px}.dc-photo-note{grid-column:1/-1;color:var(--dc-muted);font-size:13px;line-height:1.5}.dc-selection small{font-size:13px}.dc-row-tools button{min-height:44px}.dc-paint-entry{display:grid;gap:16px;padding:8px 0 20px}.dc-paint-entry label span{font-size:15px}.dc-paint-entry input{font-size:18px}.dc-cut-svg .dc-piece-selected{stroke:#113BFE}.dc-summary,.dc-list-panel{scroll-margin-top:110px}.dc-catalog-item .dc-swatch{border-color:#d8dee9}
@media(max-width:760px){.dc{padding:14px;font-size:16px}.dc-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dc-type-grid button{font-size:12px;padding:6px}.dc-type-grid span{min-height:36px}.dc-note,.dc-footnote p,.dc-row-meta{font-size:14px}.dc-tabs button{font-size:15px}.dc-dimensions label{font-size:12px}.dc-tools button{font-size:13px!important}.dc-chips button{min-height:44px}.dc-selection{grid-template-columns:1fr}.dc-schema-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-orders{gap:14px}.dc-summary-pair button{font-size:13px}.dc-row-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dc-row-tools button{font-size:12px;padding:8px 4px}.dc dialog{max-height:85dvh}.dc-type-grid button,.dc-schema-grid button{overflow-wrap:anywhere}}
@media(max-width:390px){.dc{padding:10px}.dc-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-type-grid button{font-size:14px}.dc-dimensions input{font-size:20px}.dc-stage{padding:10px}}

.dc .dc-facade-photo{height:150px!important;max-height:150px!important;aspect-ratio:auto;object-fit:contain;background:#f3f3f3}.dc .dc-type-grid button{min-height:200px}@media(max-width:760px){.dc .dc-facade-photo{height:138px!important;max-height:138px!important}.dc .dc-type-grid button{min-height:185px}}

/* Rates stay visible on each facade card and follow the selected thickness. */
.dc .dc-card-price{border-top:1px solid #d8dee9;padding-top:9px;margin-top:8px;line-height:1.5}.dc .dc-card-price strong{display:block;color:#113BFE;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.dc .dc-card-price small{display:block;font-size:12px;color:#566174;margin-top:3px}.dc .dc-card-price .dc-other-rate{color:#111}.dc .dc-type-grid button{display:flex;flex-direction:column;justify-content:flex-start}.dc .dc-type-grid button>span{width:100%}.dc .dc-card-price{width:100%;margin-top:auto}.dc .dc-type-grid{align-items:stretch}.dc .dc-bar #dc-rate{color:#113BFE;font-size:16px;font-weight:700}@media(max-width:760px){.dc .dc-card-price strong{font-size:14px}.dc .dc-card-price small{font-size:12px}.dc .dc-type-grid{gap:8px}}