:root{color-scheme:dark;--bg:#0b1020;--card:#121a2f;--muted:#91a0bd;--text:#eef3ff;--line:#26314e;--accent:#7c5cff;--accent2:#2dd4bf;--danger:#fb7185}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1b2750,#0b1020 42%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}.app{max-width:1180px;margin:0 auto;padding:28px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{color:var(--accent2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.hero h1{font-size:42px;margin:0}.sub{color:var(--muted);margin:10px 0 0}.grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px}.card{background:rgba(18,26,47,.86);border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.25);border-radius:22px;padding:20px;backdrop-filter:blur(12px)}label{display:block;font-weight:650;margin-bottom:14px}textarea,input,select{width:100%;margin-top:8px;border:1px solid var(--line);background:#0b1224;color:var(--text);border-radius:14px;padding:12px;font:inherit}textarea{resize:vertical;min-height:180px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;gap:10px}.end{justify-content:flex-end}button{border:0;border-radius:14px;padding:11px 16px;font-weight:750;cursor:pointer;color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.primary{width:100%;background:linear-gradient(135deg,var(--accent),#3b82f6);margin-top:6px}.secondary{background:#253151}.ghost{background:transparent;border:1px solid var(--line)}.status{min-height:24px;color:var(--muted)}.status.err{color:var(--danger)}.resultTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.resultTop h2{margin:0 0 12px}.preview{display:flex;align-items:center;justify-content:center;min-height:520px;border:1px dashed var(--line);border-radius:18px;background:#0b1224;overflow:hidden;color:var(--muted)}.preview img{width:100%;height:100%;object-fit:contain;display:block}.preview.empty{font-size:18px}.meta{color:var(--muted);line-height:1.5}.historyCard{margin-top:18px}.history{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.thumb{border:1px solid var(--line);background:#0b1224;border-radius:16px;overflow:hidden;cursor:pointer}.thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.thumb div{padding:9px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hidden{display:none!important}@media(max-width:850px){.app{padding:16px}.grid{grid-template-columns:1fr}.hero h1{font-size:34px}.preview{min-height:340px}.two{grid-template-columns:1fr}}