:root{--bg:#0f1117;--panel:#181c26;--border:#2a3040;--text:#e6e9f0;--muted:#8b93a7;--accent:#4f7cff;--accent-hover:#6b91ff;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{width:100%;max-width:900px;margin:0 auto;padding:1.25rem 1rem}.app-header h1{margin:0;font-size:1.5rem}.app-header p{color:var(--muted);margin:.15rem 0 1rem}.tabs{gap:.5rem;margin-bottom:.75rem;display:flex}.tab{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.45rem 1rem;font-size:.95rem}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.generator{grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:1.25rem;display:grid}.form{min-width:0}@media (width<=720px){.generator{grid-template-columns:1fr}}@media (width<=480px){.app{padding:1rem .75rem}.row{flex-direction:column;align-items:stretch}.row.actions{flex-flow:wrap;justify-content:center}.checkbox{margin-top:0}}.type-picker{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}label{color:var(--muted);margin-bottom:.6rem;font-size:.85rem;display:block}input[type=text],input[type=email],input[type=tel],input:not([type]),textarea,select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-top:.3rem;padding:.55rem .7rem;font-size:.95rem;display:block}input[type=color]{border:1px solid var(--border);background:0 0;border-radius:6px;width:3rem;height:2rem;margin-top:.3rem;padding:0}input[type=range]{width:100%;margin-top:.5rem}.checkbox{align-items:center;gap:.5rem;margin-top:1.4rem;display:flex}.row{align-items:flex-end;gap:1rem;display:flex}.row>label{flex:1}fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:.75rem}legend{color:var(--muted);padding:0 .4rem;font-size:.85rem}.logo-row{align-items:center;gap:.6rem;margin-top:.75rem}.logo-label{color:var(--muted);font-size:.85rem}.logo-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;width:2.5rem;height:2.5rem}.hint{color:var(--muted);font-size:.75rem}.preview{flex-direction:column;align-items:center;gap:.75rem;display:flex}.preview img{background:#fff;border-radius:8px;width:100%;max-width:220px;height:auto;padding:8px;display:block}.placeholder{color:var(--muted);text-align:center;padding:1.25rem 1rem}.actions{justify-content:center;align-items:center}button,.file-btn,.btn-link{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:.6rem 1.1rem;font-size:.9rem;text-decoration:none;display:inline-block}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}.payload{width:100%;color:var(--muted);font-size:.85rem}.payload code{word-break:break-all;color:var(--text);margin-top:.4rem;display:block}.file-btn{text-align:center;cursor:pointer}.history{margin:0;padding:0;list-style:none}.history li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;margin-bottom:.6rem;padding:.8rem;display:flex}.history img{background:#fff;border-radius:4px}.history .meta{flex:1;min-width:0}.history .type{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;display:inline-block}.history code{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.history time{color:var(--muted);font-size:.75rem}.remove{color:#ff7b7b}.app-footer{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.85rem;display:flex}.heart{fill:#ff5b7f;width:1rem;height:1rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}