.tool-header[data-astro-cid-rvqqjpxl]{text-align:center;margin-bottom:var(--space-8)}.eyebrow[data-astro-cid-rvqqjpxl]{display:inline-block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-2)}.tool-header[data-astro-cid-rvqqjpxl] h1[data-astro-cid-rvqqjpxl]{margin-bottom:var(--space-3)}.lead[data-astro-cid-rvqqjpxl]{font-size:var(--text-lg);color:var(--color-text-secondary)}.form-label[data-astro-cid-rvqqjpxl]{display:block;font-family:var(--font-heading);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--color-text-primary);text-align:center}.tool-selector[data-astro-cid-rvqqjpxl]{margin-bottom:var(--space-10)}.tool-buttons[data-astro-cid-rvqqjpxl]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.tool-btn[data-astro-cid-rvqqjpxl]{padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;background-color:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tool-btn[data-astro-cid-rvqqjpxl]:hover{border-color:var(--color-accent)}.tool-btn[data-astro-cid-rvqqjpxl].active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.ratio-grid[data-astro-cid-rvqqjpxl]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}@media(max-width:1024px){.ratio-grid[data-astro-cid-rvqqjpxl]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ratio-grid[data-astro-cid-rvqqjpxl]{grid-template-columns:1fr}}.ratio-card[data-astro-cid-rvqqjpxl]{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast);cursor:pointer}.ratio-card[data-astro-cid-rvqqjpxl]:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.ratio-preview[data-astro-cid-rvqqjpxl]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-radius:var(--radius-md);margin-bottom:var(--space-4);position:relative;overflow:hidden}.ratio-preview[data-astro-cid-rvqqjpxl]:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px)}.ratio-label[data-astro-cid-rvqqjpxl]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.square[data-astro-cid-rvqqjpxl]{aspect-ratio:1/1}.ratio-4-3[data-astro-cid-rvqqjpxl]{aspect-ratio:4/3}.ratio-3-2[data-astro-cid-rvqqjpxl]{aspect-ratio:3/2}.ratio-16-9[data-astro-cid-rvqqjpxl]{aspect-ratio:16/9}.ratio-21-9[data-astro-cid-rvqqjpxl]{aspect-ratio:21/9}.ratio-2-3[data-astro-cid-rvqqjpxl]{aspect-ratio:2/3;max-height:200px;width:auto;margin:0 auto}.ratio-3-4[data-astro-cid-rvqqjpxl]{aspect-ratio:3/4;max-height:180px;width:auto;margin:0 auto}.ratio-9-16[data-astro-cid-rvqqjpxl]{aspect-ratio:9/16;max-height:200px;width:auto;margin:0 auto}.ratio-info[data-astro-cid-rvqqjpxl] h3[data-astro-cid-rvqqjpxl]{font-size:var(--text-base);margin-bottom:var(--space-1);text-transform:none}.ratio-info[data-astro-cid-rvqqjpxl] p[data-astro-cid-rvqqjpxl]{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.ratio-syntax[data-astro-cid-rvqqjpxl]{font-family:monospace;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-sm);margin-bottom:var(--space-2);text-align:center}.copy-btn[data-astro-cid-rvqqjpxl]{width:100%;padding:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn[data-astro-cid-rvqqjpxl]:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.copy-btn[data-astro-cid-rvqqjpxl].copied{background-color:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:#fff}.resolution-section[data-astro-cid-rvqqjpxl]{margin-bottom:var(--space-12)}.resolution-section[data-astro-cid-rvqqjpxl] h2[data-astro-cid-rvqqjpxl]{text-align:center;margin-bottom:var(--space-6)}.resolution-grid[data-astro-cid-rvqqjpxl]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1024px){.resolution-grid[data-astro-cid-rvqqjpxl]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.resolution-grid[data-astro-cid-rvqqjpxl]{grid-template-columns:1fr}}.resolution-card[data-astro-cid-rvqqjpxl]{padding:var(--space-5);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.resolution-card[data-astro-cid-rvqqjpxl] h3[data-astro-cid-rvqqjpxl]{font-size:var(--text-lg);margin-bottom:var(--space-3);text-transform:none;color:var(--color-accent)}.resolution-card[data-astro-cid-rvqqjpxl] ul[data-astro-cid-rvqqjpxl]{list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.resolution-card[data-astro-cid-rvqqjpxl] li[data-astro-cid-rvqqjpxl]{padding:var(--space-1) 0;border-bottom:1px solid var(--color-border)}.resolution-card[data-astro-cid-rvqqjpxl] li[data-astro-cid-rvqqjpxl]:last-child{border-bottom:none}.tips-section[data-astro-cid-rvqqjpxl] h2[data-astro-cid-rvqqjpxl]{text-align:center;margin-bottom:var(--space-6)}.tips-grid[data-astro-cid-rvqqjpxl]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:768px){.tips-grid[data-astro-cid-rvqqjpxl]{grid-template-columns:1fr}}.tip[data-astro-cid-rvqqjpxl]{text-align:center;padding:var(--space-4)}.tip[data-astro-cid-rvqqjpxl] h3[data-astro-cid-rvqqjpxl]{font-size:var(--text-base);margin-bottom:var(--space-2);text-transform:none}.tip[data-astro-cid-rvqqjpxl] p[data-astro-cid-rvqqjpxl]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0}