.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mode-card{display:block;border:1px solid var(--border);background:#f9fafc;border-radius:16px;padding:16px;cursor:pointer}.mode-card:has(input:checked){border-color:#b9baff;background:var(--accent-soft);box-shadow:0 0 0 2px rgba(91,92,226,.08)}.mode-card input{margin:0 0 10px}.mode-card strong,.mode-card span{display:block}.mode-card strong{font-size:15px;margin-bottom:5px}.mode-card span{font-size:12px;line-height:1.5;color:var(--muted)}.output-preview{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fafbfe;text-align:center}.output-preview img{display:block;max-width:100%;height:auto;max-height:440px;object-fit:contain;margin:8px auto 0;border-radius:10px}.preset-box{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafaff}.preset-title{font-weight:900;margin-bottom:6px}.category-card h3 a{text-decoration:none}.category-card h3 a:hover{color:var(--accent)}.utility-download{overflow-wrap:anywhere}.utility-card [hidden]{display:none!important}@media(max-width:760px){.mode-grid{grid-template-columns:1fr}.mode-card{padding:14px}.utility-drop{min-height:150px}.actions .secondary,.actions .primary{width:100%;min-width:0}.output-preview img{max-height:360px}}