:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,input{font:inherit}button,label,a{-webkit-tap-highlight-color:transparent}.page-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.hero-card,.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #818cf829;border-radius:28px;box-shadow:0 24px 60px #17203314}.hero-card{background:radial-gradient(circle at 0 0,#6366f129,#0000 32%),linear-gradient(135deg,#fff 0%,#f8faff 100%);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding:30px;display:flex}.eyebrow{color:#6366f1;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(30px,5vw,48px);line-height:1.05}h2{letter-spacing:-.02em;margin-bottom:6px;font-size:19px}.hero-desc,.panel-head p{color:#667085;margin-bottom:0;line-height:1.65}.hero-desc{max-width:680px}.status-pill{color:#4f46e5;background:#eef2ff;border-radius:999px;flex:none;padding:10px 14px;font-size:13px;font-weight:800}.status-pill.v2{color:#027a48;background:#ecfdf3}.status-pill.v3{color:#c2410c;background:#fff7ed}.status-pill.error{color:#be123c;background:#fff1f2}.grid{gap:22px;display:grid}.two-col{grid-template-columns:1.15fr .85fr}.panel{padding:22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ghost-button,.primary-button,.download-button,.text-button{cursor:pointer;border:0;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s}.ghost-button{color:#334155;white-space:nowrap;background:#fff;border:1px solid #d8def0;border-radius:14px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.ghost-button:hover,.text-button:hover,.option-card:hover{transform:translateY(-1px)}textarea{resize:vertical;color:#d7e3ff;background:#0f172a;border:1px solid #d8def0;border-radius:20px;outline:none;width:100%;min-height:380px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6}textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf829}.hint-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.text-button{color:#4f46e5;background:#eef2ff;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800}.image-drop{background-color:#f8fafc;background-image:linear-gradient(45deg,#94a3b814 25%,#0000 25%),linear-gradient(-45deg,#94a3b814 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #c3cbe0;border-radius:24px;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.image-drop.dragging{background-color:#eef2ff;border-color:#6366f1}.image-empty{text-align:center;color:#475569;gap:8px;font-weight:800;display:grid}.image-empty small{color:#94a3b8;font-weight:600}#imagePreview{object-fit:contain;width:100%;height:100%;max-height:520px}.meta-line{color:#667085;margin-top:12px;font-size:13px}.control-panel{margin-top:22px}.options-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.option-card{cursor:pointer;background:#fff;border:1px solid #d8def0;border-radius:18px;align-items:flex-start;gap:12px;padding:14px;display:flex}.option-card input{accent-color:#6366f1;margin-top:3px}.option-card b,.option-card small{display:block}.option-card b{color:#1e293b;margin-bottom:5px}.option-card small{color:#667085;line-height:1.45}.actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.primary-button,.download-button{border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:#4f46e5;box-shadow:0 12px 26px #4f46e542}.primary-button:hover{background:#4338ca;transform:translateY(-1px)}.download-button{color:#027a48;background:#ecfdf3}.download-button.disabled{pointer-events:none;opacity:.45}.log-box{color:#334155;background:#f8fafc;border-radius:18px;min-height:56px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.6}.log-box code{color:#3730a3;background:#e0e7ff;border-radius:8px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.log-box.error{color:#be123c;background:#fff1f2}@media (width<=900px){.hero-card,.panel-head{flex-direction:column}.two-col,.options-grid{grid-template-columns:1fr}textarea,.image-drop{min-height:320px}}.notice-card{color:#475467;background:#f8faff;border:1px solid #6366f129;border-radius:18px;align-items:flex-start;gap:12px;margin:-4px 0 22px;padding:14px 16px;line-height:1.6;display:flex}.notice-card b{color:#344054;flex:none}.notice-card code,.panel-head code,.log-box code{color:#4f46e5;background:#6366f114;border-radius:8px;padding:2px 6px;font-size:.92em}.status-pill.converted{color:#0369a1;background:#f0f9ff}