:root{color-scheme:dark;--ink:#f5f7fb;--muted:#9ca6b8;--line:#293244;--accent:#75e5b4}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 0,#16423a 0,transparent 35%),#0b0f17}.shell{width:min(900px,calc(100% - 32px));margin:auto;padding:64px 0}header{margin-bottom:32px}h1{margin:8px 0 12px;font-size:clamp(34px,7vw,64px);line-height:1.02;letter-spacing:-.04em}h2{margin:4px 0 0}header p,.hint,.dropzone p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.card{padding:28px;margin-top:22px;background:rgba(17,23,34,.9);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px #0005}label{display:block;margin:20px 0 9px;font-weight:700}.dropzone{padding:20px;text-align:center;border:1px dashed #506078;border-radius:14px;background:#0d131e}.dropzone input{width:100%}#preview{display:none;width:100%;max-height:380px;object-fit:contain;margin-top:18px;border-radius:10px}textarea,select{width:100%;padding:13px 14px;color:var(--ink);background:#0d131e;border:1px solid #354157;border-radius:10px;font:inherit}textarea:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}button,.download{padding:13px 22px;border:0;border-radius:10px;color:#07120e;background:var(--accent);font-weight:800;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.alert{padding:13px 16px;color:#ffd9d9;background:#411f28;border-radius:10px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.result img{display:block;width:100%;border-radius:12px}@media(max-width:620px){.shell{padding:32px 0}.card{padding:20px}.row{grid-template-columns:1fr}.row button{width:100%}.result-head{align-items:flex-start;flex-direction:column}}