*,:after,:before{box-sizing:border-box}:root{color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface-alt:#f8fafc;--text:#0f172a;--muted:#475569;--primary:#2563eb;--primary-dark:#1d4ed8;--border:#cbd5e1;--danger:#b91c1c;--danger-bg:#fee2e2;--warning:#9a3412;--warning-bg:#ffedd5;--info:#0c4a6e;--info-bg:#dbeafe}body,html{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#e2ecff 0,var(--bg) 35%,#eef2f7 100%);color:var(--text)}.page-root{min-height:100vh;padding:1.5rem}.converter-shell{max-width:1100px;margin:0 auto;display:grid;grid-gap:1rem;gap:1rem}.hero-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:1rem}.brand-row{display:flex;align-items:center;gap:.875rem}.logo-mark{width:3rem;height:3rem;border-radius:.875rem;background:linear-gradient(140deg,#1d4ed8,#16a34a);color:#fff;display:grid;place-items:center;font-weight:800}.brand-eyebrow{margin:0;color:var(--muted);font-size:.85rem}.hero-card h1,.panel h2{margin:0;line-height:1.2}.hero-copy,.meta-row,.panel-copy{color:var(--muted)}.workflow-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.dropzone{border:2px dashed #93c5fd;border-radius:14px;padding:1.25rem;background:#f8fbff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.dropzone.dragging,.dropzone:focus-visible,.dropzone:hover{border-color:var(--primary);background:#eff6ff;transform:translateY(-1px)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.dropzone-title{margin:0;font-weight:700}.dropzone-meta{margin:.25rem 0 0;color:var(--muted)}.field-row{margin-top:.8rem}.field-label{display:block;font-size:.92rem;font-weight:600;margin-bottom:.35rem}.field-control{width:100%;border:1px solid var(--border);border-radius:10px;padding:.55rem;font:inherit;background:var(--surface-alt)}.progress-block{margin-top:.8rem}.progress-label{font-size:.88rem;margin-bottom:.35rem}.progress-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-value{height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .25s ease}.panel-header-inline{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.text-button{border:none;background:transparent;color:var(--primary-dark);font-weight:600;cursor:pointer}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:1.2rem;text-align:center;color:var(--muted);background:var(--surface-alt)}.thumbnail-grid{margin:0;padding:0;list-style:none;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr;max-height:28rem;overflow:auto}.thumb-card{border:1px solid var(--border);border-radius:14px;padding:.75rem;background:var(--surface-alt)}.thumb-card img{width:100%;height:9rem;object-fit:contain;border-radius:10px;background:#fff}.thumb-meta{display:flex;gap:.5rem;align-items:baseline;font-size:.82rem;color:var(--muted);margin-top:.45rem}.thumb-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}.thumb-actions button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:.35rem .55rem;cursor:pointer}.thumb-actions button:disabled{opacity:.4;cursor:not-allowed}.thumb-actions .danger-btn{color:var(--danger);border-color:#fca5a5}.action-panel{display:grid;grid-gap:.8rem;gap:.8rem}.inline-error{margin:0;color:var(--danger);font-weight:600}.banner{border-radius:10px;border:1px solid transparent;padding:.65rem .75rem;font-size:.92rem}.banner-error{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.banner-warning{background:var(--warning-bg);color:var(--warning);border-color:#fed7aa}.banner-info{background:var(--info-bg);color:var(--info);border-color:#bfdbfe}.action-row{display:flex;flex-wrap:wrap;gap:.5rem}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;padding:.7rem .95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,background-color .15s ease}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover:not(:disabled),.secondary-btn:hover:not(.disabled){transform:translateY(-1px)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.secondary-btn{background:#e2e8f0;color:#0f172a}.secondary-btn.disabled{opacity:.5;pointer-events:none}@media (min-width:900px){.page-root{padding:2rem}.hero-card,.panel{padding:1.2rem}.thumbnail-grid,.workflow-grid{grid-template-columns:1fr 1fr}}.spinner{width:.9rem;height:.9rem;border-radius:999px;border:2px solid hsla(0,0%,100%,.5);border-top-color:#fff;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}