main{max-width:780px}.eyebrow{color:var(--acc);font-size:.76rem;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.mode-tabs{display:flex;gap:10px;margin:0 0 18px}.mode-tabs button{flex:1;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg);font:700 .95rem Inter,system-ui;cursor:pointer}.mode-tabs button small{display:block;font-weight:400;color:var(--mute);font-size:.76rem}.mode-tabs button.active{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 18%,transparent)}.settings{align-items:end}.settings label{min-width:0}.settings input[type=color]{height:48px;padding:5px}.hint{color:var(--mute);font-size:.82rem;line-height:1.5;margin:5px 0 18px}#content{min-height:135px}#status{min-height:1.5em;margin:12px 0 0;font-size:.9rem;font-weight:600}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-head h2{margin:0 0 12px}.pill{font-size:.7rem;letter-spacing:.1em;font-weight:800;background:color-mix(in srgb,var(--acc) 10%,var(--card));color:var(--acc);border-radius:999px;padding:5px 10px}#preview{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:auto;min-height:230px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px}#preview img,#preview canvas,#preview svg{max-width:100%;height:auto}#preview img{image-rendering:pixelated}.download-actions{display:flex;gap:10px;margin:16px 0 0}.download-actions .btn{width:auto;flex:1}.download-actions .btn2{flex:1}.result .hint{margin:12px 0 0}.info{border-left:3px solid var(--acc2);padding:0 0 0 17px;margin-top:25px}.info h2{margin:0 0 6px}.info p{margin:0;color:var(--mute)}@media(max-width:560px){.settings{grid-template-columns:1fr 1fr}.settings #format-wrap{grid-column:1/-1}.download-actions{flex-direction:column}.mode-tabs button{font-size:.84rem;padding:10px}.mode-tabs button small{font-size:.7rem}}@media(max-width:350px){.settings{grid-template-columns:1fr}}