.AspectRatioCalculator_container__y2yV2{width:100%;max-width:1400px;margin:0 auto}.AspectRatioCalculator_container-wide__D_YBZ{width:100%;max-width:1600px;margin:0 auto}.AspectRatioCalculator_container-narrow___a65c{width:100%;max-width:90rem;margin:0 auto}.AspectRatioCalculator_glass-card-frosted__vS_2Q,.AspectRatioCalculator_glass-card__GMI_c,.AspectRatioCalculator_glassCard__4sSBk{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.AspectRatioCalculator_glass-card-frosted__vS_2Q{backdrop-filter:blur(10px)}.AspectRatioCalculator_section-title__kKiMB,.AspectRatioCalculator_sectionTitle__QNbRE{font-size:1.125rem;margin:0 0 1.25rem}.AspectRatioCalculator_section-title-sm__Ah7C0,.AspectRatioCalculator_section-title__kKiMB,.AspectRatioCalculator_sectionTitle__QNbRE{font-weight:600;color:var(--text-primary);font-family:Michroma,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}.AspectRatioCalculator_section-title-sm__Ah7C0{font-size:1rem;margin:0 0 1rem}.AspectRatioCalculator_input-field__aXXdw{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-size:1rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;transition:all .2s ease}.AspectRatioCalculator_input-field__aXXdw:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.AspectRatioCalculator_input-field__aXXdw::placeholder{color:var(--text-muted)}.AspectRatioCalculator_input-field__aXXdw::-webkit-inner-spin-button,.AspectRatioCalculator_input-field__aXXdw::-webkit-outer-spin-button{opacity:1}.AspectRatioCalculator_input-label__mVZDL{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.AspectRatioCalculator_slider__Sjkuj{width:100%;height:6px;border-radius:3px;background:var(--input-bg);appearance:none;cursor:pointer;outline:none}.AspectRatioCalculator_slider__Sjkuj::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-white);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease}.AspectRatioCalculator_slider__Sjkuj::-webkit-slider-thumb:hover{transform:scale(1.1)}.AspectRatioCalculator_slider__Sjkuj::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md)}.AspectRatioCalculator_slider-header__hvUBX{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.AspectRatioCalculator_slider-label__SnhA8{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.AspectRatioCalculator_slider-value__ldMgV{font-size:.875rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:var(--text-primary)}.AspectRatioCalculator_color-input__Oe7UZ{width:48px;height:48px;padding:0;border:2px solid var(--border-medium);border-radius:.5rem;cursor:pointer;background:rgba(0,0,0,0);transition:all .2s ease}.AspectRatioCalculator_color-input__Oe7UZ::-webkit-color-swatch-wrapper{padding:0}.AspectRatioCalculator_color-input__Oe7UZ::-webkit-color-swatch{border:none;border-radius:calc(.5rem - 2px)}.AspectRatioCalculator_color-input__Oe7UZ:hover{border-color:var(--border-strong);transform:scale(1.05)}.AspectRatioCalculator_color-input__Oe7UZ:focus{outline:none;border-color:var(--input-border-focus)}.AspectRatioCalculator_color-input-sm__Xw_QI{width:32px;height:32px;border-width:1px}.AspectRatioCalculator_info-grid__ZEQuD{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.AspectRatioCalculator_info-grid__ZEQuD{grid-template-columns:1fr}}.AspectRatioCalculator_info-item__qVRQo{padding:1rem;background:var(--input-bg);border-radius:.5rem;border:1px solid var(--border-subtle)}.AspectRatioCalculator_info-subtitle__nuw3K{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.AspectRatioCalculator_info-text__dkb2l{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.AspectRatioCalculator_info-text__dkb2l code{padding:.125rem .375rem;background:var(--bg-glass);border-radius:.375rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8rem;color:var(--text-code)}.AspectRatioCalculator_grid-2col__4QPvU{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.AspectRatioCalculator_grid-2col__4QPvU{grid-template-columns:1fr}}.AspectRatioCalculator_grid-2col-768__B3_fp{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.AspectRatioCalculator_grid-2col-768__B3_fp{grid-template-columns:1fr}}.AspectRatioCalculator_copy-btn__hU3nW{padding:.5rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.AspectRatioCalculator_copy-btn__hU3nW:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.AspectRatioCalculator_copy-btn__hU3nW.AspectRatioCalculator_copied__Hfknh{color:oklch(.7 .18 145)}.AspectRatioCalculator_copy-icon__WlY5R{width:1rem;height:1rem}.AspectRatioCalculator_glassCard__4sSBk{margin-bottom:1.5rem}.AspectRatioCalculator_chartTitle__w7N6l{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;font-family:Michroma,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}.AspectRatioCalculator_chartSubtitle__UFpBe{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.AspectRatioCalculator_calculatorLayout__jUo7y{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media(max-width:900px){.AspectRatioCalculator_calculatorLayout__jUo7y{grid-template-columns:1fr;gap:1.5rem}}.AspectRatioCalculator_previewSection__lSbD1{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media(max-width:900px){.AspectRatioCalculator_previewSection__lSbD1{order:2}}.AspectRatioCalculator_previewContainer__mT7Dz{width:100%;max-width:280px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:.5rem;padding:1rem}.AspectRatioCalculator_previewBox__WgDQE{max-width:100%;max-height:100%;width:100%;height:auto;background:linear-gradient(135deg,oklch(55% .196 311.1deg/.2) 0,var(--bg-glass) 100%);border:2px solid oklch(.55 .196 311.1);border-radius:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;min-height:60px}.AspectRatioCalculator_previewRatio__PTddy{font-size:1.25rem;font-weight:700;color:oklch(.55 .196 311.1)}.AspectRatioCalculator_previewDimensions__0deSP,.AspectRatioCalculator_previewRatio__PTddy{font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.AspectRatioCalculator_previewDimensions__0deSP{font-size:.8rem;color:var(--text-secondary)}.AspectRatioCalculator_previewPlaceholder__KBKaM{width:100%;aspect-ratio:16/9;background:var(--bg-glass);border:2px dashed var(--border-subtle);border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.AspectRatioCalculator_previewLabel__nxQ5l{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0}.AspectRatioCalculator_inputsSection___lTIT{flex:1}.AspectRatioCalculator_calculatorGrid__LhBXR{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}@media(max-width:768px){.AspectRatioCalculator_calculatorGrid__LhBXR{grid-template-columns:1fr;gap:.75rem}}.AspectRatioCalculator_dimensionInput__fHFUB{display:flex;flex-direction:column;gap:.5rem}.AspectRatioCalculator_inputHeader___G0Hj{display:flex;align-items:center;justify-content:space-between}.AspectRatioCalculator_inputLabel__W2bs2{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.AspectRatioCalculator_lockButton__cI7l3{padding:.375rem;background:rgba(0,0,0,0);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.AspectRatioCalculator_lockButton__cI7l3:hover{border-color:oklch(.55 .196 311.1);color:var(--text-primary)}.AspectRatioCalculator_lockButton__cI7l3.AspectRatioCalculator_locked__QSuaS{background:oklch(.55 .196 311.1/.2);border-color:oklch(.55 .196 311.1);color:oklch(.55 .196 311.1)}.AspectRatioCalculator_inputRow__coXAU{display:flex;gap:.5rem;align-items:center}.AspectRatioCalculator_numberInput___0vIC{flex:1;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.AspectRatioCalculator_numberInput___0vIC:focus{outline:none;border-color:oklch(.55 .196 311.1)}.AspectRatioCalculator_numberInput___0vIC::placeholder{color:var(--text-muted);font-weight:400}.AspectRatioCalculator_unitLabel__Kf2jZ{font-size:.9rem;color:var(--text-muted);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.AspectRatioCalculator_swapButton__mXJ_O{padding:.75rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:end;margin-bottom:.25rem}.AspectRatioCalculator_swapButton__mXJ_O:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:oklch(.55 .196 311.1)}@media(max-width:768px){.AspectRatioCalculator_swapButton__mXJ_O{align-self:center}.AspectRatioCalculator_swapButton__mXJ_O svg{transform:rotate(90deg)}}.AspectRatioCalculator_resultsGrid__7GZmo{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}@media(max-width:900px){.AspectRatioCalculator_resultsGrid__7GZmo{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.AspectRatioCalculator_resultsGrid__7GZmo{grid-template-columns:1fr}}.AspectRatioCalculator_resultCard__VWkjn{padding:1rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;text-align:center}.AspectRatioCalculator_resultLabel__1alpZ{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.AspectRatioCalculator_resultValue__cRnOb{font-size:1.25rem;font-weight:600;color:oklch(.55 .196 311.1);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.AspectRatioCalculator_ratiosGrid__JmXci{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.AspectRatioCalculator_ratioCard__V1UO_{padding:.875rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;gap:.75rem;align-items:center}.AspectRatioCalculator_ratioCard__V1UO_.AspectRatioCalculator_active__MJu4Z,.AspectRatioCalculator_ratioCard__V1UO_:hover{border-color:oklch(.55 .196 311.1);background:oklch(.55 .196 311.1/.2)}.AspectRatioCalculator_ratioCard__V1UO_.AspectRatioCalculator_active__MJu4Z .AspectRatioCalculator_ratioValue__Uyy9V{color:oklch(.55 .196 311.1)}.AspectRatioCalculator_ratioPreview__hXT_O{width:40px;min-width:40px;max-height:40px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.375rem}.AspectRatioCalculator_ratioInfo__yPU8m{display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.AspectRatioCalculator_ratioName__SUobv{font-size:.85rem;font-weight:600;color:var(--text-primary)}.AspectRatioCalculator_ratioValue__Uyy9V{font-size:.9rem;font-weight:600;color:var(--text-secondary);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.AspectRatioCalculator_ratioUse__Dwo_K{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AspectRatioCalculator_tableWrapper__hLrIX{overflow-x:auto}.AspectRatioCalculator_referenceTable__EhZPa{width:100%;border-collapse:collapse;font-size:.9rem}.AspectRatioCalculator_referenceTable__EhZPa th{text-align:left;padding:.625rem .75rem;background:var(--input-bg);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle)}.AspectRatioCalculator_referenceTable__EhZPa th:first-child{border-radius:.375rem 0 0 0}.AspectRatioCalculator_referenceTable__EhZPa th:last-child{border-radius:0 .375rem 0 0;width:80px}.AspectRatioCalculator_referenceTable__EhZPa td{padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.AspectRatioCalculator_referenceTable__EhZPa tr:last-child td{border-bottom:none}.AspectRatioCalculator_referenceTable__EhZPa tr:hover td{background:hsla(0,0%,100%,.02)}.AspectRatioCalculator_monoCell__pBNPT{font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:oklch(.55 .196 311.1)}.AspectRatioCalculator_applyBtn__6SBqb{padding:.375rem .75rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.AspectRatioCalculator_applyBtn__6SBqb:hover{background:oklch(.55 .196 311.1/.2);border-color:oklch(.55 .196 311.1);color:var(--text-primary)}.AspectRatioCalculator_tipsGrid__DJFPD{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.AspectRatioCalculator_tipCard__jZ2Nw{padding:1rem;background:var(--input-bg);border-radius:.5rem;border:1px solid var(--border-subtle)}.AspectRatioCalculator_tipCard__jZ2Nw h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.AspectRatioCalculator_tipCard__jZ2Nw p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}