/* Three independent regions: heading/summary, scrolling options, pinned action. */
#modal>.calc-summary{flex:none;padding:15px 26px 17px;border-bottom:1px solid #dde5d7;background:#f0f5e9}
.calc-summary-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#293f3c;font-size:16px;font-weight:600}
.calc-summary-title strong{font-size:27px;white-space:nowrap;letter-spacing:-.6px}
.calc-specs{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:6px;font-size:12px;line-height:1.55;color:#3d5145}
.calc-specs span:not(:last-child):after{content:'·';padding:0 7px;color:#8b987e}
.calc-paper,.calc-selected-extras{font-size:12px;line-height:1.45;margin-top:4px;color:#5b6c5e}
#modal>.calculator-footer{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.calculator-footer .helper{font-size:11px;line-height:1.4;margin:0;text-align:center;color:#67765d}
.calculator-footer .btn{width:100%;min-height:43px}
.edition-options{margin:0;gap:18px}.edition-options h3{font-size:15px;margin-bottom:9px}
.edition-type-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:7px}
.edition-type-row .material-choice{min-height:43px;padding:10px 4px;border-radius:9px;font-size:13px;justify-content:center}
.edition-type-row .material-choice[aria-pressed=true]{padding:9px 3px}
.edition-type-row strong{font-size:13px;line-height:1.3;white-space:nowrap}
.edition-type-row .material-choice:has(>.material-button-photo){position:relative;isolation:isolate;overflow:hidden;min-height:88px;background:#314737;color:#fff}
.material-choice>img.material-button-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;border-radius:inherit;margin:0;pointer-events:none}
.material-choice:has(>.material-button-photo)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,rgba(15,29,20,.78));pointer-events:none}
.material-button-label{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.material-choice:has(>.material-button-photo) .material-button-label{align-self:center;margin-top:auto;text-shadow:0 1px 3px #152319}
.material-choice:has(>.material-button-photo) :is(strong,small){color:#fff}
.material-choice:has(>.material-button-photo)[aria-pressed=true]{box-shadow:0 0 0 2px #fff inset,0 0 0 2px #567844}
.material-button-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.material-button-admin-grid>div{min-width:0;display:flex;flex-direction:column;gap:9px}
.material-button-admin-preview{aspect-ratio:1.8;display:grid;place-items:center;background:#eaf0e6;border-radius:9px;overflow:hidden;color:#697565;font-size:12px}
.material-button-admin-preview img{width:100%;height:100%;object-fit:cover}
.material-button-admin-grid .field{font-size:12px;min-width:0}.material-button-admin-grid input{width:100%;min-width:0;font-size:11px}
.material-button-admin-grid small{font-size:11px;color:#566350}.material-button-admin-grid [hidden]{display:none}
@media(max-width:560px){.material-button-admin-grid{grid-template-columns:1fr}.material-button-admin-preview{max-width:220px}}
.editor-materials{margin:16px 0 20px;display:grid;gap:10px}
.editor-materials>strong{font-size:14px;line-height:1.45}
.editor-materials .material-choice{flex-direction:column;gap:4px;min-height:62px}
.editor-materials .material-choice small{font-size:11px;line-height:1.35;white-space:normal}
.edition-lamination .material-choice{gap:5px;padding:7px;border-radius:10px}
.edition-lamination .material-choice[aria-pressed=true]{padding:6px}
.edition-lamination :is(img,.option-sample){height:42px;width:100%;object-fit:contain}
.edition-lamination strong{font-size:13px;line-height:1.35}
.edition-orientations .material-choice{padding:8px;gap:5px}.edition-orientations .material-choice[aria-pressed=true]{padding:7px}
.edition-orientations .book-scheme{display:flex;align-items:center;justify-content:center;width:58px;height:71px;margin:2px 7px 5px;background:#e1e9d7}
.edition-orientations .book-scheme.landscape{width:89px;height:55px;margin:10px 7px 13px}
.edition-orientations .book-scheme span{font-size:9px;line-height:1.2;letter-spacing:-.2px;padding-left:5px}
.edition-orientations strong{font-size:13px}
.edition-options .calc-option{padding:5px 0 15px;gap:10px}.edition-options .calc-option strong{font-size:14px}.edition-options .calc-option p{font-size:12px;color:#5f7158}.edition-options [data-unit-limit]{font-size:10px;color:#829079}
.edition-options .photographer-choice{padding:12px;gap:10px}.edition-options .photographer-choice strong{font-size:13px;line-height:1.4;display:block}.edition-options .photographer-choice small{font-size:11px;color:#687663}
.edition-gallery figure{margin:0 0 16px}.edition-gallery img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:8px}.edition-gallery figcaption{font-size:11px;line-height:1.5;color:#71806b;margin-top:7px}
.edition-tariff-editor{border-top:1px solid #dce4d5;padding-top:15px;margin-top:17px}.edition-tariff-editor h4{margin:0 0 10px!important}.edition-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.edition-photo-admin img{display:block;width:100%;height:170px;object-fit:contain;background:#f0f2ec;border-radius:8px}.edition-photo-admin{border:1px solid #dce4d5;border-radius:9px;padding:12px;margin:10px 0}.edition-photo-admin .action-row{flex-wrap:wrap}.edition-photo-admin .field{margin-top:10px}
@media(max-width:760px){#modal>.calc-summary{padding:10px 20px 12px}.calc-summary-title{font-size:14px}.calc-summary-title strong{font-size:24px}.calc-specs,.calc-paper,.calc-selected-extras{font-size:11px}.edition-admin-grid{grid-template-columns:1fr}.edition-type-row{gap:5px}.edition-options{gap:16px}}
@media(max-width:350px){#modal>.calc-summary{padding-left:15px;padding-right:15px}.calc-summary-title{font-size:13px}.calc-summary-title strong{font-size:22px}.edition-type-row strong{font-size:12px}.edition-options .calc-option>div:first-child{min-width:110px}.edition-options .calc-stepper input{width:34px}.edition-options .calc-stepper button{width:29px}}
.material-preview-wrap{margin-top:10px}.material-preview-wrap>small{display:block;font-size:10px;line-height:1.4;color:#687663;margin-top:5px}
.material-preview{display:block;position:relative;overflow:hidden;width:100%;height:80px;min-height:0;padding:0;border:0;border-radius:9px;background:#eff2eb;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:auto;cursor:zoom-in}
.material-preview img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.material-preview:focus-visible{outline:2px solid #315b51;outline-offset:3px}.material-preview.is-magnifying{cursor:grabbing}
.material-preview-empty{display:flex;align-items:center;justify-content:center;cursor:default;border:1px dashed #c6d0bf;font-size:12px;color:#7a8771;background:#f5f7f0}
.material-magnifier{position:fixed;z-index:50;border:4px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #476256,0 8px 24px #142b3545;background:#eff2eb;overflow:hidden;pointer-events:none;contain:layout paint}
.material-magnifier[hidden]{display:none}.material-magnifier-plane{position:absolute;overflow:hidden}.material-magnifier img{position:absolute;left:0;max-width:none;max-height:none;pointer-events:none}
.material-preview-admin{padding:14px;border:1px solid #dce4d5;border-radius:10px;margin:14px 0}.material-preview-admin h4{margin:0 0 8px!important}
.material-crop-source{position:relative;overflow:hidden;max-height:280px;width:fit-content;max-width:100%;margin:12px auto;background:#eee}.material-crop-source>img{display:block;max-width:100%;max-height:280px;object-fit:contain}
.material-crop-selection{position:absolute;left:0;width:100%;border-top:2px solid #64b88f;border-bottom:2px solid #64b88f;box-shadow:0 0 0 1000px #10282480;pointer-events:none}
.material-crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.material-crop-controls label{font-size:12px}.material-crop-controls output{float:right}.material-crop-controls input{display:block;width:100%;accent-color:#476c58;margin-top:10px}
.material-admin-result{cursor:default;margin:6px 0 12px}.material-admin-mobile{max-width:284px}.material-preview-admin .action-row{flex-wrap:wrap}

/* Editor controls follow the selected design, with equal-width visible choices. */
.demo-controls>.editor-materials{width:calc((100% - 24px)/3);margin:12px auto 20px;min-width:0}
.editor-preview>.editor-materials{width:100%;max-width:360px}
.editor-materials>.helper{margin:0;font-size:12px;line-height:1.45}
@media(max-width:760px){.demo-controls>.editor-materials{width:calc((100% - 14px)/3)}}
@media(max-width:680px){.demo-controls>.editor-materials{width:min(100%,260px)}}