:root{--bg:#f7f8fa;--card:#fff;--tx:#1b1f27;--mu:#667085;--ac:#2563eb;--bd:#e2e5eb;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg:#12141a;--card:#1b1f27;--tx:#eceef2;--mu:#98a2b3;--ac:#6ea0ff;--bd:#2d3340}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,sans-serif}main{max-width:980px;margin:0 auto;padding:20px 16px 40px}a{color:var(--ac)}.muted{color:var(--mu)}.err{color:#d92d20}.bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--bd)}footer.bar{border:0;border-top:1px solid var(--bd);color:var(--mu);font-size:.85rem}.bar nav{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem}.logo{font-weight:700;text-decoration:none}.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.tool{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.drop{border:2px dashed var(--bd);border-radius:12px;padding:28px;text-align:center;color:var(--mu);cursor:pointer}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:14px 0}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--mu)}label.ck{flex-direction:row;align-items:center}input,select{font:inherit;padding:7px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}.btn{background:var(--ac);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;margin-right:8px}.btn[disabled]{opacity:.5}:focus-visible{outline:3px solid var(--ac);outline-offset:2px}.out{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.out img{max-width:100%;max-height:340px;display:block;margin:auto;border-radius:8px;background:repeating-conic-gradient(#8883 0 25%,transparent 0 50%) 0 0/16px 16px}figure{margin:0}figcaption{font-size:.85rem;color:var(--mu);text-align:center}.chip{display:inline-block;border:1px solid var(--bd);border-radius:999px;padding:4px 12px;margin:0 6px 6px 0;text-decoration:none}