html,body,#root{height:100%;width:100%;margin:0;padding:0}body{overflow-x:hidden}*{box-sizing:border-box}html,body{height:100%}body{margin:0}a{color:inherit}.tool-page{--tp-bg: var(--bg, #f6f8fc);--tp-card: var(--card, rgba(255,255,255,.78));--tp-card-solid: var(--card, #ffffff);--tp-text: var(--text, #0f172a);--tp-muted: var(--muted, #64748b);--tp-border: var(--border, rgba(15,23,42,.1));--tp-shadow: var(--shadow, 0 18px 45px rgba(15,23,42,.1));--tp-shadow2: 0 10px 22px rgba(15,23,42,.08);--tp-radius: 18px;background:radial-gradient(1100px 520px at 55% 0%,#7c3aed2e,#2f67ff1a 35%,#f6f8fc00 70%),radial-gradient(900px 480px at 15% 25%,#38bdf829,#f6f8fc00 60%),linear-gradient(180deg,#f6f8fc,#f6f8fc);color:var(--tp-text)}html[data-theme=dark] .tool-page{--tp-bg: var(--bg, #0b1220);--tp-card: rgba(15,23,42,.72);--tp-card-solid: rgba(15,23,42,.92);--tp-text: var(--text, #e5e7eb);--tp-muted: var(--muted, #9ca3af);--tp-border: var(--border, rgba(148,163,184,.16));--tp-shadow: 0 22px 55px rgba(0,0,0,.38);--tp-shadow2: 0 12px 26px rgba(0,0,0,.32);background:radial-gradient(1100px 520px at 60% 0%,#7c3aed38,#2f67ff1f 35%,#0b122000 70%),radial-gradient(900px 480px at 10% 25%,#38bdf824,#0b122000 60%),linear-gradient(180deg,#0b1220,#0b1220)}.shell{width:min(1100px,calc(100% - 32px));margin:0 auto}.page{min-height:100vh;display:flex;flex-direction:column}.main{padding:18px 0 34px;display:flex;flex-direction:column;gap:14px}.title{text-align:center;margin:8px 0 0;font-size:34px;letter-spacing:-.6px;font-weight:900}.subtitle{margin:0 auto;text-align:center;color:var(--tp-muted);max-width:840px;line-height:1.5;font-size:14px}.tool-page .card,.tool-page .dropzone,.tool-page .settings,.tool-page .list,.tool-page .seo{background:var(--tp-card-solid)!important;border:1px solid var(--tp-border)!important;border-radius:var(--tp-radius)!important;box-shadow:var(--tp-shadow2)!important;transform:none!important;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease}.tool-page .card:hover,.tool-page .dropzone:hover,.tool-page .settings:hover,.tool-page .list:hover,.tool-page .seo:hover{box-shadow:var(--tp-shadow)!important;transform:none!important}.card{padding:16px}.dropzone{padding:18px}.dropzone-inner{min-height:124px;border:2px dashed rgba(15,23,42,.14);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:linear-gradient(135deg,#2f67ff1a,#7c3aed14)}html[data-theme=dark] .dropzone-inner{border-color:#94a3b833;background:linear-gradient(135deg,#2f67ff2e,#7c3aed24)}.dropzone-text{display:flex;flex-direction:column;gap:6px}.dropzone-main{font-size:18px;font-weight:900}.dropzone-sub{font-size:13px;color:var(--tp-muted)}.dropzone-actions{display:flex;gap:10px;align-items:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.dropzone-inner{flex-direction:column;align-items:stretch}}.field{display:flex;flex-direction:column;gap:8px}.label{font-weight:900;font-size:13px}.select{padding:10px 12px;border-radius:14px;border:1px solid var(--tp-border);background:#ffffffbf;color:var(--tp-text);font-size:14px;outline:none}html[data-theme=dark] .select{background:#0f172abf}.select:focus{border-color:#2f67ff73;box-shadow:0 0 0 4px #2f67ff24}.select-lg{padding:12px;font-size:15px}select.select-lg option{font-size:15px}.range{width:100%;accent-color:var(--primary, #2f67ff)}.hint{color:var(--tp-muted);font-size:12px;min-height:14px}.qe-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qe-quality{display:flex;align-items:center;gap:10px;flex:1;min-width:280px}.qe-quality .label-inline{font-weight:900;font-size:13px;white-space:nowrap}.qe-quality .pct{font-weight:900;font-size:13px;color:var(--tp-muted);white-space:nowrap}.qe-estimate{display:inline-flex;align-items:baseline;gap:8px;padding:10px 12px;border:1px solid var(--tp-border);border-radius:14px;background:#ffffff8c;white-space:nowrap}html[data-theme=dark] .qe-estimate{background:#0f172a8c}.qe-estimate .k{font-size:12px;color:var(--tp-muted);font-weight:800}.qe-estimate .v{font-weight:900;font-size:13px}.resize-box .resize-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--tp-muted);font-size:13px;-webkit-user-select:none;user-select:none}.toggle input{transform:translateY(1px)}.resize-controls.disabled{opacity:.45;pointer-events:none}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}.tab{border:1px solid var(--tp-border);background:#fff9;color:var(--tp-text);padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px;cursor:pointer}html[data-theme=dark] .tab{background:#0f172a99}.tab.active{background:linear-gradient(135deg,#2f67ff2e,#7c3aed29);border-color:#2f67ff59}.preset-block{display:flex;flex-direction:column;gap:8px}.preset-title{font-weight:800;color:var(--tp-muted);font-size:12px}.preset-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{border:1px solid var(--tp-border);background:#ffffff8c;color:var(--tp-text);padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px;cursor:pointer}html[data-theme=dark] .pill{background:#0f172a8c}.pill.active{background:linear-gradient(135deg,#2f67ff38,#7c3aed33);border-color:#2f67ff59}.toggles-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.resize-inputs{display:flex;gap:10px;flex-wrap:wrap}.mini{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--tp-border);border-radius:14px;background:#ffffff80}html[data-theme=dark] .mini{background:#0f172a80}.mini input{width:110px;padding:7px 9px;border-radius:12px;border:1px solid var(--tp-border);background:#ffffffb3;color:var(--tp-text);font-size:13px;outline:none}html[data-theme=dark] .mini input{background:#0f172ab3}.mini input:focus{border-color:#2f67ff73;box-shadow:0 0 0 4px #2f67ff24}.mini-label{font-weight:900;font-size:12px}.mini-unit{color:var(--tp-muted);font-size:12px}.btn{border:1px solid var(--tp-border);background:#ffffff59;color:var(--tp-text);border-radius:999px;cursor:pointer;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}html[data-theme=dark] .btn{background:#0f172a59}.btn-primary{background:linear-gradient(135deg,var(--primary, #2f67ff),var(--primary2, #7c3aed));color:var(--primary-ink, #ffffff);border-color:transparent}.btn-secondary{background:#ffffffa6;color:var(--tp-text)}html[data-theme=dark] .btn-secondary{background:#0f172aa6}.btn-ghost{background:transparent}.btn-lg{padding:10px 14px;font-size:13px}.btn-xl{padding:12px 18px;font-size:14px}.btn-xxl{padding:14px 22px;font-size:16px}.btn-resize{background:linear-gradient(135deg,var(--primary, #2f67ff),var(--primary2, #7c3aed));color:var(--primary-ink, #ffffff);border:none;box-shadow:0 16px 36px #2f67ff33}html[data-theme=dark] .btn-resize{box-shadow:0 18px 44px #0006}.btn:disabled{opacity:.55;cursor:default}.settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.preview-inline{margin-top:6px;border:1px solid var(--tp-border);border-radius:16px;padding:10px;background:#ffffff73}html[data-theme=dark] .preview-inline{background:#0f172a73}.preview-inline .meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;color:var(--tp-muted);font-size:12px}.preview-inline img{display:block;max-height:200px;width:auto;max-width:100%;margin:0 auto;border-radius:14px;border:1px solid var(--tp-border);background:#fff9;object-fit:contain}html[data-theme=dark] .preview-inline img{background:#0f172a99}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.list-head-left{display:flex;align-items:baseline;gap:10px}.list-head-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.h2{margin:0;font-size:16px;font-weight:900}.muted{color:var(--tp-muted)}.rows{display:flex;flex-direction:column;gap:10px}.row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--tp-border);border-radius:16px;background:#ffffff73}html[data-theme=dark] .row{background:#0f172a73}.row.selected{outline:2px solid rgba(47,103,255,.3)}.row-title{font-weight:900;margin-bottom:4px}.row-sub{color:var(--tp-muted);font-size:12px}.row-mid{display:flex;align-items:center;gap:10px;justify-content:flex-end}.badge{padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid var(--tp-border);background:#ffffff8c}html[data-theme=dark] .badge{background:#0f172a8c}.badge.converting{background:#2f67ff24}.badge.done{background:#10b98124}.badge.error{background:#ef444424}.err{color:var(--danger, #ef4444);font-size:12px;font-weight:900}.row-right{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.seo{margin-top:6px;padding:16px}.seo h3{margin:0 0 8px;font-size:15px;font-weight:900}.seo p,.seo li{color:var(--tp-muted);font-size:13px;line-height:1.6}.seo ul{margin:8px 0 0;padding-left:18px}