.calc-form[data-astro-cid-gsi7nus2]{display:flex;flex-direction:column;gap:20px}.ar-input-row[data-astro-cid-gsi7nus2]{display:flex;align-items:center;gap:12px}.ar-field[data-astro-cid-gsi7nus2]{flex:1;min-width:0}.ar-times[data-astro-cid-gsi7nus2]{font-size:22px;font-weight:300;color:var(--color-muted);flex-shrink:0;padding-top:4px}.results-divider[data-astro-cid-gsi7nus2]{height:1px;background:var(--color-hairline)}.result-row[data-astro-cid-gsi7nus2]{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-hairline)}.result-row-label[data-astro-cid-gsi7nus2]{font-size:14px;color:var(--color-body)}.result-row-value[data-astro-cid-gsi7nus2]{font-size:14px;font-weight:600;color:var(--color-ink)}.calc-error[data-astro-cid-gsi7nus2]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-error-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);margin-top:16px;font-size:14px;color:var(--color-error)}.ratio-preview-wrap[data-astro-cid-gsi7nus2]{display:flex;align-items:center;justify-content:center;padding:24px 0 8px}.ratio-preview-box[data-astro-cid-gsi7nus2]{background:linear-gradient(135deg,var(--color-canvas-soft-2) 0%,var(--color-canvas) 100%);border:2px solid var(--color-link);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:60px;min-height:40px;max-width:240px;max-height:180px}.ratio-preview-label[data-astro-cid-gsi7nus2]{font-size:15px;font-weight:700;color:var(--color-link);font-family:var(--font-mono)}.resize-result-hero[data-astro-cid-gsi7nus2]{display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 16px;background:var(--color-canvas-soft-2);border-radius:var(--radius-lg);border:1px solid var(--color-hairline)}.resize-val-box[data-astro-cid-gsi7nus2]{text-align:center}.resize-val[data-astro-cid-gsi7nus2]{font-size:clamp(28px,5vw,48px);font-weight:700;color:var(--color-ink);letter-spacing:-1px;font-family:var(--font-mono)}.resize-val-label[data-astro-cid-gsi7nus2]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-family:var(--font-mono);margin-top:4px}.resize-x[data-astro-cid-gsi7nus2]{font-size:32px;font-weight:300;color:var(--color-muted)}.ratio-presets[data-astro-cid-gsi7nus2]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ratio-preset-btn[data-astro-cid-gsi7nus2]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas-soft-2);cursor:pointer;transition:all .15s ease;text-align:center;white-space:normal}.ratio-preset-btn[data-astro-cid-gsi7nus2]:hover{border-color:var(--color-link);background:var(--color-canvas)}.ratio-preset-btn[data-astro-cid-gsi7nus2].active{border-color:var(--color-link);background:var(--color-canvas);box-shadow:0 0 0 2px var(--color-link-soft,rgba(99,102,241,.1))}.preset-ratio-visual[data-astro-cid-gsi7nus2]{background:var(--color-link);border-radius:3px;min-width:20px;min-height:14px;opacity:.15;width:100%}.preset-ratio-label[data-astro-cid-gsi7nus2]{font-size:14px;font-weight:700;color:var(--color-ink);font-family:var(--font-mono)}.preset-ratio-desc[data-astro-cid-gsi7nus2]{font-size:11px;color:var(--color-muted);line-height:1.4}.ratio-badge[data-astro-cid-gsi7nus2]{display:inline-block;padding:2px 8px;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:99px;font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--color-ink)}.prose-section[data-astro-cid-gsi7nus2]{padding:32px;background:var(--color-canvas);border-radius:var(--radius-lg);border:1px solid var(--color-hairline)}@media(max-width:640px){.ratio-presets[data-astro-cid-gsi7nus2]{grid-template-columns:repeat(2,1fr)}.ar-input-row[data-astro-cid-gsi7nus2]{gap:8px}.ar-times[data-astro-cid-gsi7nus2]{font-size:18px}.resize-result-hero[data-astro-cid-gsi7nus2]{gap:10px;padding:20px 12px}.resize-x[data-astro-cid-gsi7nus2]{font-size:24px}.prose-section[data-astro-cid-gsi7nus2]{padding:20px 16px}}@media(max-width:400px){.ratio-presets[data-astro-cid-gsi7nus2]{grid-template-columns:repeat(2,1fr)}}