.aspect-ratio{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.aspect-ratio .ar-card{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.aspect-ratio .ar-card h2{font-size:var(--text-lg)}.aspect-ratio .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);flex-shrink:0}.aspect-ratio .ar-row-group{gap:var(--space-2);flex-direction:column;display:flex}.aspect-ratio .ar-row-heading{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);font-weight:550;display:flex}.aspect-ratio .ar-pair{align-items:end;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.aspect-ratio .ar-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.aspect-ratio .ar-field-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);display:flex}.aspect-ratio .ar-computed-tag{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.aspect-ratio .ar-input{width:100%;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-base);text-align:right}.aspect-ratio .ar-sep{padding-bottom:var(--space-2);color:var(--text-3);font-size:var(--text-lg)}.aspect-ratio .ar-copy-row{justify-content:flex-end;display:flex}.aspect-ratio .ar-chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.aspect-ratio .ar-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:550}.aspect-ratio .ar-chip:hover{border-color:var(--text-3);color:var(--text)}.aspect-ratio .ar-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.aspect-ratio .ar-identifier{gap:var(--space-3);flex-wrap:wrap;display:flex}.aspect-ratio .ar-identifier-item{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex:200px}.aspect-ratio .ar-identifier-label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--space-1);display:block}.aspect-ratio .ar-identifier-value{font-size:var(--text-lg);font-weight:600}.aspect-ratio .ar-identifier-value.muted{font-size:var(--text-sm);color:var(--text-2);font-weight:500}.aspect-ratio .ar-identifier-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2)}.aspect-ratio .ar-resolutions-empty{color:var(--text-2);font-size:var(--text-sm)}.aspect-ratio .ar-res-rows{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aspect-ratio .ar-res-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:1fr auto auto;display:grid}.aspect-ratio .ar-res-label{font-size:var(--text-sm);color:var(--text-2)}.aspect-ratio .ar-res-value{font-size:var(--text-base);font-weight:600}@media (width<=480px){.aspect-ratio .ar-pair{grid-template-columns:1fr}.aspect-ratio .ar-sep{display:none}.aspect-ratio .ar-res-row{row-gap:var(--space-2);grid-template-columns:1fr auto}.aspect-ratio .ar-res-row .btn{grid-column:1/-1;justify-self:start}}.container[data-astro-cid-l3wdluab]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-l3wdluab]{margin-top:var(--space-6)}.tool-header[data-astro-cid-l3wdluab] h1[data-astro-cid-l3wdluab]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-l3wdluab] p[data-astro-cid-l3wdluab]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-l3wdluab]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-l3wdluab]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-l3wdluab]{margin-bottom:var(--space-12)}.guide[data-astro-cid-l3wdluab] h2[data-astro-cid-l3wdluab]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-l3wdluab] ol[data-astro-cid-l3wdluab]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-l3wdluab] li[data-astro-cid-l3wdluab]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-l3wdluab]{border-radius:var(--radius-full);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.guide[data-astro-cid-l3wdluab] h3[data-astro-cid-l3wdluab]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-l3wdluab] p[data-astro-cid-l3wdluab]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}