.ar-inputs[data-astro-cid-fzg5tzjc]{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ar-input-group[data-astro-cid-fzg5tzjc]{flex:1;min-width:120px}.ar-input-group[data-astro-cid-fzg5tzjc] label[data-astro-cid-fzg5tzjc]{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}.ar-input-wrap[data-astro-cid-fzg5tzjc]{display:flex;align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;transition:border-color .2s}.ar-input-wrap[data-astro-cid-fzg5tzjc]:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ar-input-wrap[data-astro-cid-fzg5tzjc] input[data-astro-cid-fzg5tzjc]{flex:1;border:none;background:transparent;padding:10px 12px;font-size:1rem;outline:none;min-width:0}.ar-unit[data-astro-cid-fzg5tzjc]{padding:0 12px;font-size:.85rem;color:#6b7280;font-weight:500}.ar-times[data-astro-cid-fzg5tzjc]{font-size:1.4rem;color:#9ca3af;padding-bottom:4px;flex-shrink:0}.ar-result[data-astro-cid-fzg5tzjc]{margin-bottom:24px}.ar-result-main[data-astro-cid-fzg5tzjc]{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:14px;padding:24px;text-align:center;margin-bottom:20px}.ar-ratio-display[data-astro-cid-fzg5tzjc]{margin-bottom:10px}.ar-ratio-label[data-astro-cid-fzg5tzjc]{display:block;font-size:.85rem;color:#6366f1;font-weight:600;margin-bottom:4px}.ar-ratio-value[data-astro-cid-fzg5tzjc]{font-size:2.4rem;font-weight:800;color:#4338ca;letter-spacing:2px}.ar-ratio-detail[data-astro-cid-fzg5tzjc]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.ar-detail-item[data-astro-cid-fzg5tzjc]{font-size:.85rem;color:#6b7280}.ar-preview-wrap[data-astro-cid-fzg5tzjc]{margin-bottom:20px}.ar-preview-label[data-astro-cid-fzg5tzjc]{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:8px}.ar-preview-container[data-astro-cid-fzg5tzjc]{background:#f3f4f6;border-radius:10px;padding:20px;display:flex;justify-content:center;align-items:center;min-height:120px}.ar-preview-box[data-astro-cid-fzg5tzjc]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;position:relative;transition:width .3s,height .3s}.ar-preview-dim{position:absolute;font-size:.7rem;color:#fff;background:#0006;padding:2px 6px;border-radius:4px;white-space:nowrap}.ar-resize[data-astro-cid-fzg5tzjc]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.ar-resize-title[data-astro-cid-fzg5tzjc]{font-size:1rem;font-weight:700;color:#374151;margin:0 0 6px}.ar-resize-desc[data-astro-cid-fzg5tzjc]{font-size:.82rem;color:#6b7280;margin:0 0 14px}.ar-resize-inputs[data-astro-cid-fzg5tzjc]{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.ar-resize-inputs[data-astro-cid-fzg5tzjc] .ar-input-group[data-astro-cid-fzg5tzjc]{flex:1;min-width:120px}.ar-presets[data-astro-cid-fzg5tzjc]{margin-bottom:24px}.ar-presets-title[data-astro-cid-fzg5tzjc]{font-size:1rem;font-weight:700;color:#374151;margin:0 0 12px}.ar-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ar-preset-btn{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:all .2s;text-align:center}.ar-preset-btn:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11f}.ar-preset-btn .preset-ratio{font-size:1.1rem;font-weight:700;color:#4338ca;margin-bottom:4px}.ar-preset-btn .preset-label{font-size:.75rem;color:#6b7280}.ar-preset-btn .preset-size{font-size:.7rem;color:#9ca3af;margin-top:2px}.ar-usecases[data-astro-cid-fzg5tzjc]{margin-bottom:8px}.ar-usecases-title[data-astro-cid-fzg5tzjc]{font-size:1rem;font-weight:700;color:#374151;margin:0 0 12px}.ar-table-wrap[data-astro-cid-fzg5tzjc]{overflow-x:auto;-webkit-overflow-scrolling:touch}.ar-table[data-astro-cid-fzg5tzjc]{width:100%;border-collapse:collapse;font-size:.88rem}.ar-table[data-astro-cid-fzg5tzjc] th[data-astro-cid-fzg5tzjc]{background:#f3f4f6;padding:10px 14px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.ar-table td{padding:10px 14px;border-bottom:1px solid #f3f4f6;color:#4b5563}.ar-table tr:hover td{background:#f9fafb}@media(max-width:480px){.ar-inputs[data-astro-cid-fzg5tzjc],.ar-resize-inputs[data-astro-cid-fzg5tzjc]{flex-direction:column;gap:8px}.ar-times[data-astro-cid-fzg5tzjc]{text-align:center;padding:0}.ar-ratio-value[data-astro-cid-fzg5tzjc]{font-size:2rem}.ar-preset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}