.resize-page{max-width:1180px}.resize-hero{padding:64px 0 28px;max-width:940px}.resize-hero h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.03;margin:.28em 0}.resize-hero p{font-size:1.08rem;max-width:820px;color:var(--muted)}.resize-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.resize-trust span{border:1px solid var(--line);background:var(--surface);padding:8px 11px;border-radius:999px;font-size:.88rem}.resize-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;margin:24px 0;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(430px,1.28fr);gap:38px;align-items:start}.resize-copy>p{color:var(--muted)}.upload-zone{border:1.5px dashed #b9b2a6;border-radius:16px;background:var(--surface-soft);padding:30px 20px;text-align:center;margin-top:18px;transition:.15s ease}.upload-zone.is-dragging{border-color:var(--brand);background:var(--brand-soft)}.upload-zone p{margin:11px 0 2px;color:var(--muted)}.upload-zone small{color:var(--muted);font-weight:700}.original-card{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center;margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.original-card img{width:108px;height:108px;object-fit:contain;background:#f3f1ec;border-radius:10px}.original-card span,.output-preview span,.verified-output span{display:block;font-size:.72rem;letter-spacing:.06em;font-weight:900;color:var(--muted)}.original-card strong{display:block;font-size:1.05rem;margin:3px 0}.original-card small{color:var(--muted)}.resize-controls{display:grid;gap:15px}.control-section{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}.control-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.control-title>div{display:flex;align-items:center;gap:9px}.control-title h3{margin:0;font-size:1.03rem}.step-num{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--brand);color:#fff;font-size:.75rem;font-weight:900}.ratio-lock{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.76rem;color:var(--muted);cursor:pointer}.ratio-lock.is-locked{background:#edf7f1;color:#216b45;border-color:#cce4d6}.dimension-grid{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:8px}.dimension-grid label,.ppi-row label,.format-grid label{font-size:.78rem;font-weight:850;color:var(--muted);position:relative}.dimension-grid input,.ppi-row input,.format-grid select{display:block;width:100%;margin-top:6px;border:1px solid #cbc5b9;border-radius:11px;background:#fff;padding:12px 40px 12px 12px;font-size:1rem;color:var(--ink)}.dimension-grid label>span{position:absolute;right:12px;bottom:13px;color:var(--muted);font-weight:800}.dimension-x{text-align:center;padding-bottom:13px;color:var(--muted);font-weight:900}.field-help{font-size:.78rem;color:var(--muted);margin:10px 0 0}.ppi-row{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;align-items:end}.muted-inline{font-weight:600;color:var(--muted)}.ppi-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ppi-presets button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 5px;cursor:pointer;font-weight:800;color:var(--muted)}.ppi-presets button.is-active{background:var(--brand-soft);border-color:#c6d7e4;color:var(--brand)}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.format-grid select{padding-right:12px}.output-preview{border:1px solid #cbd9e4;background:var(--brand-soft);border-radius:14px;padding:15px 17px}.output-preview strong{display:block;font-size:1.45rem;margin:4px 0}.output-preview small{color:var(--muted)}.resize-warning{border:1px solid #efd99c;background:#fff8e7;border-radius:12px;padding:12px 14px;color:#72571c;font-size:.85rem}.resize-status{margin:18px 0;padding:18px 20px;border-radius:14px;background:var(--brand-soft);border:1px solid #cbd9e4}.resize-status.is-error{background:#fff0f0;border-color:#efcaca;color:#7e3030}.resize-button{width:100%;cursor:pointer}.resize-button:disabled{opacity:.55;cursor:wait}.resize-result{margin:28px 0;background:#eef8f2;border:1px solid #cce6d6;border-radius:20px;padding:24px;display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center}.result-check{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#d5eddf;color:#1d7047;font-size:1.45rem;font-weight:900}.result-copy h2{margin:4px 0 5px;font-size:1.45rem}.result-copy p{margin:0;color:var(--muted);max-width:780px}.verified-output{margin-top:13px}.verified-output strong{display:block;font-size:1.02rem}.verified-output span{margin-top:3px;letter-spacing:0;text-transform:none}.download-button{white-space:nowrap;text-decoration:none}.resize-methodology{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;margin:24px 0 60px}.resize-methodology p{max-width:900px;color:var(--muted)}@media(max-width:900px){.resize-card{grid-template-columns:1fr}.resize-result{grid-template-columns:48px 1fr}.download-button{grid-column:1/-1;text-align:center}}@media(max-width:580px){.resize-hero{padding-top:38px}.resize-card,.resize-methodology{padding:19px}.control-title{align-items:flex-start;flex-direction:column}.dimension-grid{grid-template-columns:1fr 16px 1fr}.ppi-row,.format-grid{grid-template-columns:1fr}.ppi-presets{grid-template-columns:repeat(4,1fr)}.resize-result{grid-template-columns:1fr}.result-check{width:40px;height:40px}}

/* V120.24 quick print guide + ratio choice */
.ratio-choice{border:1px solid #cbd9e4;background:#f7fbfe;border-radius:14px;padding:15px 17px}.ratio-choice strong{display:block}.ratio-choice p{margin:5px 0 12px;color:var(--muted);font-size:.86rem}.ratio-choice-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:850;text-decoration:none;cursor:pointer}.compact-cta{padding:10px 14px}.print-guide{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;margin:24px 0}.print-guide-head{display:flex;justify-content:space-between;gap:28px;align-items:end}.print-guide-head h2{margin:.25em 0}.print-guide-head p{margin:0;max-width:720px;color:var(--muted)}.guide-key{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.guide-key span{font-size:.76rem;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:var(--surface-soft);white-space:nowrap}.print-guide-scroll{overflow-x:auto;margin-top:20px}.print-guide-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.print-guide-table th,.print-guide-table td{padding:11px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center}.print-guide-table tr:last-child th,.print-guide-table tr:last-child td{border-bottom:0}.print-guide-table th:last-child,.print-guide-table td:last-child{border-right:0}.print-guide-table thead th{background:var(--surface-soft);font-size:.8rem}.print-guide-table tbody th{text-align:left;white-space:nowrap;background:#fff;font-size:.86rem}.print-guide-table td{background:#fff}.print-guide-table button{border:0;background:transparent;color:var(--brand);font-weight:900;cursor:pointer;padding:5px 7px;border-radius:8px;font-size:.84rem}.print-guide-table button:hover,.print-guide-table button:focus-visible{background:var(--brand-soft);outline:none}.featured-size th,.featured-size td{background:#f8fbfd!important}.ratio-tool-note{margin-top:17px;border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ratio-tool-note p{margin:4px 0 0;color:var(--muted);font-size:.88rem;max-width:760px}@media(max-width:760px){.print-guide-head,.ratio-tool-note{align-items:flex-start;flex-direction:column}.guide-key{justify-content:flex-start}.ratio-tool-note .secondary-cta{width:100%}}@media(max-width:580px){.print-guide{padding:19px}.ratio-choice-actions>*{width:100%}}