.print-settings-shell{display:grid;grid-template-columns:minmax(300px,430px) minmax(360px,1fr);gap:20px;min-height:570px}.print-settings-controls,.print-preview-stage{border:1px solid #dbe7f0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(31,64,91,.06)}.print-settings-controls{padding:22px}.print-settings-form{display:grid;gap:15px;margin-top:22px}.print-setting-field{display:grid;gap:7px;color:#334155;font-size:.77rem;font-weight:750}.print-setting-field select,.print-setting-field input{width:100%;height:42px;box-sizing:border-box;border:1px solid #cbdbe7;border-radius:11px;background:#f8fbfd;padding:0 12px;color:#172b3f;font:600 .84rem "Inter","Segoe UI",sans-serif;outline:none;transition:.2s}.print-setting-field select:focus,.print-setting-field input:focus{border-color:#2490c8;box-shadow:0 0 0 3px rgba(36,144,200,.12);background:#fff}.print-settings-row,.print-custom-size{display:grid;grid-template-columns:1fr 1fr;gap:12px}.print-setting-check{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dce8f0;border-radius:12px;background:#f8fbfd;color:#40566a;font-size:.78rem;font-weight:650;cursor:pointer}.print-setting-check input{width:17px;height:17px;accent-color:#1486bd}.print-settings-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:5px}.print-settings-actions button{min-height:44px;border-radius:12px;border:0;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;cursor:pointer}.print-settings-actions .material-symbols-outlined{font-size:18px}.print-settings-test{background:#eaf5fb;color:#176d99}.print-settings-save{background:linear-gradient(135deg,#087fb7,#05648f);color:#fff;box-shadow:0 7px 17px rgba(5,100,143,.23)}.print-preview-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#eef3f7}.print-preview-toolbar{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e3eb;background:#fff;color:#617589;font-size:.73rem}.print-preview-toolbar span{display:flex;align-items:center;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.print-preview-toolbar i{width:8px;height:8px;border-radius:50%;background:#21a675;box-shadow:0 0 0 4px rgba(33,166,117,.12)}.print-preview-toolbar strong{color:#1c4059}.print-preview-canvas{min-height:440px;display:grid;place-items:center;padding:25px;overflow:auto;background-image:radial-gradient(#cbd7df 1px,transparent 1px);background-size:18px 18px}.print-preview-page{--preview-ratio:.773;width:min(330px,80%);aspect-ratio:var(--preview-ratio);box-sizing:border-box;padding:18px;background:#fff;color:#1c3043;box-shadow:0 16px 45px rgba(31,59,80,.2);overflow:hidden;transition:width .25s,aspect-ratio .25s}.print-preview-page.is-roll{width:min(220px,62%);min-height:390px;aspect-ratio:auto}.print-preview-page .pp-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #1688b9}.print-preview-page .pp-logo{width:38px;height:28px;border-radius:7px;background:linear-gradient(135deg,#1688b9,#5fc8d5)}.print-preview-page h3{margin:0;font-size:12px}.print-preview-page small{font-size:7px;color:#718395}.print-preview-page .pp-title{margin:14px 0 9px;font-size:13px;font-weight:850}.print-preview-page .pp-client{padding:8px;border-radius:6px;background:#eef6fa;font-size:7px}.print-preview-page table{width:100%;margin-top:10px;border-collapse:collapse;font-size:7px}.print-preview-page th{padding:5px;background:#173a52;color:#fff;text-align:left}.print-preview-page td{padding:6px 4px;border-bottom:1px solid #dce6ec}.print-preview-page .pp-total{margin:12px 0 0 auto;width:48%;padding-top:7px;border-top:2px solid #173a52;text-align:right;font-size:10px;font-weight:900}.print-preview-page .pp-lines{display:grid;gap:6px;margin-top:15px}.print-preview-page .pp-lines i{height:3px;border-radius:2px;background:#e3ebf0}.print-preview-note{margin:0;padding:12px 18px;border-top:1px solid #d8e3eb;background:#fff;color:#718395;font-size:.68rem;line-height:1.45}@media(max-width:980px){.print-settings-shell{grid-template-columns:1fr}.print-preview-canvas{min-height:390px}}@media(max-width:560px){.print-settings-controls{padding:16px}.print-settings-row,.print-custom-size,.print-settings-actions{grid-template-columns:1fr}.print-preview-canvas{padding:16px}}
