.aspect-ratio-page .info-hero__panel{border-left:3px solid var(--accent, #00e599)}.aspect-explain{padding:2.5rem 1.5rem;max-width:860px;margin:0 auto}.aspect-explain h2{font-family:var(--font-display, "Anybody", sans-serif);font-size:1.5rem;color:var(--text-primary, #03233a);margin-bottom:.75rem}.aspect-explain p{color:var(--text-secondary, #4a5d6e);line-height:1.6}.aspect-grid{max-width:960px;margin:0 auto 3rem;display:grid;grid-template-columns:1fr 340px;gap:2rem;padding:0 1.5rem}@media(max-width:820px){.aspect-grid{grid-template-columns:1fr}}.aspect-form-card{background:var(--surface-light, #f6f9fc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:2rem}.aspect-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.aspect-preset-btn{padding:.5rem .85rem;background:#fff;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #4a5d6e);cursor:pointer;transition:all .2s ease}.aspect-preset-btn:hover{border-color:var(--surface-dark, #03233a);color:var(--text-primary, #03233a)}.aspect-preset-btn.active{background:var(--surface-dark, #03233a);color:#fff;border-color:var(--surface-dark, #03233a)}.aspect-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.aspect-inputs-row label{display:flex;flex-direction:column;gap:.35rem}.aspect-inputs-row span{font-weight:600;font-size:.9rem;color:var(--text-primary, #03233a)}.aspect-inputs-row input{padding:.75rem 1rem;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:1.05rem;background:#fff;color:var(--text-primary, #03233a)}.aspect-inputs-row input:focus{outline:none;border-color:var(--accent, #00e599);box-shadow:0 0 0 3px #00e59926}.aspect-preview-card{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #0000000a}.aspect-preview-stage{width:100%;height:220px;background:#f8fafc;border:1px dashed var(--border-color, #cbd5e1);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.aspect-box{background:var(--surface-dark, #03233a);color:var(--accent, #00e599);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:all .2s ease;max-width:90%;max-height:90%}.aspect-ratios-summary{width:100%;text-align:left;background:#f1f5f9;border-radius:8px;padding:1rem;font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.6;margin-bottom:1rem}.aspect-cheat-table{max-width:960px;margin:0 auto 3rem;padding:0 1.5rem}.aspect-cheat-table h2{font-size:1.35rem;color:var(--text-primary, #03233a);margin-bottom:1rem}.aspect-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;font-size:.9rem}.aspect-table th,.aspect-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left}.aspect-table th{background:#f8fafc;color:var(--text-primary, #03233a);font-weight:600}.aspect-bridge{max-width:960px;margin:0 auto 3rem;padding:2rem;background:var(--surface-dark, #03233a);color:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.aspect-bridge h2{font-size:1.35rem;margin-bottom:.5rem}.aspect-bridge p{color:#94a3b8;max-width:540px;font-size:.95rem;line-height:1.5}.aspect-bridge a{padding:.75rem 1.5rem;background:var(--accent, #00e599);color:#03233a;border-radius:8px;font-weight:700;text-decoration:none}