.explorer[data-astro-cid-k66pnbtb]{max-width:720px;padding:var(--space-xl) 0;margin:0 auto}.explorer-title[data-astro-cid-k66pnbtb]{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:500}.explorer-desc[data-astro-cid-k66pnbtb]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.presets[data-astro-cid-k66pnbtb]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.presets-label[data-astro-cid-k66pnbtb]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-right:var(--space-xs);font-weight:600}.preset-btn[data-astro-cid-k66pnbtb]{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.preset-btn[data-astro-cid-k66pnbtb]:hover{border-color:var(--color-accent);color:var(--color-accent)}.preset-btn[data-astro-cid-k66pnbtb]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.custom-ratio[data-astro-cid-k66pnbtb]{margin-bottom:var(--space-xl)}.label[data-astro-cid-k66pnbtb]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.ratio-input-group[data-astro-cid-k66pnbtb]{display:flex}.ratio-input[data-astro-cid-k66pnbtb]{width:100%;max-width:200px;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}.ratio-input[data-astro-cid-k66pnbtb]:focus{border-color:var(--color-accent)}.ratio-input[data-astro-cid-k66pnbtb]::placeholder{color:var(--color-text-muted)}.ratio-input[data-astro-cid-k66pnbtb][aria-invalid=true]{border-color:var(--color-text)}.input-error[data-astro-cid-k66pnbtb]{min-height:1.25rem;margin-top:var(--space-xs);color:var(--color-text);font-size:var(--text-sm)}.dimensions[data-astro-cid-k66pnbtb]{align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.dim-group[data-astro-cid-k66pnbtb]{flex:1}.dim-input[data-astro-cid-k66pnbtb]{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-lg);font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}.dim-input[data-astro-cid-k66pnbtb]:focus{border-color:var(--color-accent)}.dim-input[data-astro-cid-k66pnbtb]::placeholder{color:var(--color-text-muted)}.dim-separator[data-astro-cid-k66pnbtb]{font-size:var(--text-xl);color:var(--color-text-muted);padding-bottom:var(--space-sm);font-weight:700}.preview-section[data-astro-cid-k66pnbtb]{margin-bottom:var(--space-xl)}.preview-title[data-astro-cid-k66pnbtb]{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-md);font-weight:600}.preview-container[data-astro-cid-k66pnbtb]{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:center;display:flex}.preview-box[data-astro-cid-k66pnbtb]{background-color:color-mix(in srgb, var(--color-accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:aspect-ratio .2s;display:flex}.preview-label[data-astro-cid-k66pnbtb]{font-size:var(--text-sm);color:var(--color-accent);user-select:none;font-weight:600}.outputs[data-astro-cid-k66pnbtb]{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.output-card[data-astro-cid-k66pnbtb]{gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.output-label[data-astro-cid-k66pnbtb]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.output-value[data-astro-cid-k66pnbtb]{font-size:var(--text-base);font-weight:600;font-family:var(--font-mono);color:var(--color-text);word-break:break-all}.copy-btn[data-astro-cid-k66pnbtb]{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-text);border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;font-weight:500;transition:background-color .15s,color .15s}.copy-btn[data-astro-cid-k66pnbtb]:hover{background:var(--color-text);color:var(--color-bg)}.copy-btn[data-astro-cid-k66pnbtb]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.copy-status[data-astro-cid-k66pnbtb]{min-height:1.5rem;margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.ai-guidance[data-astro-cid-k66pnbtb]{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.ai-guidance[data-astro-cid-k66pnbtb] h2[data-astro-cid-k66pnbtb]{margin-bottom:var(--space-xs);color:var(--color-text);font-size:var(--text-base)}.ai-guidance[data-astro-cid-k66pnbtb] p[data-astro-cid-k66pnbtb]{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-guidance[data-astro-cid-k66pnbtb] strong[data-astro-cid-k66pnbtb]{color:var(--color-text);font-family:var(--font-mono);flex:none}@media (width<=600px){.outputs[data-astro-cid-k66pnbtb]{grid-template-columns:1fr}.dimensions[data-astro-cid-k66pnbtb]{flex-direction:column;align-items:stretch}.dim-separator[data-astro-cid-k66pnbtb]{text-align:center;padding:var(--space-xs) 0}.ai-guidance[data-astro-cid-k66pnbtb]{flex-direction:column;align-items:flex-start}}