.aspect-ratio-page[data-v-d03d934f]{display:flex;flex-direction:column;gap:1.25rem}.preset-bar[data-v-d03d934f]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.bar-label[data-v-d03d934f]{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.preset-buttons[data-v-d03d934f]{display:flex;flex-wrap:wrap;gap:.4rem}.preset-btn[data-v-d03d934f]{font-family:var(--font-mono, monospace);font-size:.8rem}.card[data-v-d03d934f]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);overflow:hidden}.card-header[data-v-d03d934f]{padding:.4rem .75rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.main-layout[data-v-d03d934f]{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.left-column[data-v-d03d934f]{display:flex;flex-direction:column;gap:1rem}.right-column[data-v-d03d934f]{flex-shrink:0}.dim-input-row[data-v-d03d934f]{display:flex;align-items:flex-end;gap:.75rem;padding:1rem;flex-wrap:wrap}.dim-field[data-v-d03d934f]{display:flex;flex-direction:column;gap:.3rem}.dim-label[data-v-d03d934f]{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dim-input[data-v-d03d934f]{width:120px;padding:.45rem .75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:1rem}.dim-input[data-v-d03d934f]:focus{outline:2px solid var(--accent);outline-offset:1px}.dim-sep[data-v-d03d934f]{color:var(--text-muted);font-size:1.2rem;padding-bottom:.3rem;-webkit-user-select:none;user-select:none}.results-card[data-v-d03d934f]{padding:0}.result-row[data-v-d03d934f]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.result-row[data-v-d03d934f]:last-child{border-bottom:none}.result-label[data-v-d03d934f]{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:130px}.result-value-group[data-v-d03d934f]{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:flex-end}.result-value[data-v-d03d934f]{font-size:.95rem;color:var(--text-primary)}.font-mono[data-v-d03d934f]{font-family:var(--font-mono, monospace)}.preview-card[data-v-d03d934f]{min-width:320px}.preview-area[data-v-d03d934f]{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.preview-rect[data-v-d03d934f]{background:linear-gradient(135deg,#6366f126,#6366f10d);border:2px solid var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:width .2s,height .2s;max-width:300px;max-height:300px}.preview-label[data-v-d03d934f]{font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:700;color:var(--accent)}.preview-dim-text[data-v-d03d934f]{text-align:center;font-size:.75rem;color:var(--text-muted);padding:0 1rem .75rem}.resize-card[data-v-d03d934f]{overflow:visible}.resize-body[data-v-d03d934f]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;flex-wrap:wrap}.resize-section-label[data-v-d03d934f]{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.resize-original[data-v-d03d934f]{flex-shrink:0}.resize-original .dim-input-row[data-v-d03d934f]{padding:0}.resize-arrow[data-v-d03d934f]{color:var(--accent);font-size:1.5rem;padding-top:1.6rem;-webkit-user-select:none;user-select:none}.resize-calcs[data-v-d03d934f]{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.resize-calc-row[data-v-d03d934f]{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.calc-result[data-v-d03d934f]{width:120px;padding:.45rem .75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--accent);font-size:1rem;min-height:2.1rem;display:flex;align-items:center}@media (max-width: 768px){.main-layout[data-v-d03d934f]{grid-template-columns:1fr}.preview-card[data-v-d03d934f]{min-width:0}.resize-body[data-v-d03d934f]{flex-direction:column}.resize-arrow[data-v-d03d934f]{display:none}}