:root{--bg:#0f3245;--panel:#164257;--panel-2:#1c5068;--line:#2b6683;--text:#eaf7fd;--muted:#a8ccdd;--accent:#45d6c2;--accent-2:#4cb8f5;--on-accent:#052430;--danger:#ff8a8a;--radius:14px;--font:"IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:light){:root{--bg:#e8f3f9;--panel:#fff;--panel-2:#dcedf6;--line:#bfdcea;--text:#0c2b3c;--muted:#4c7286;--accent:#0e8f87;--accent-2:#0b74c4;--on-accent:#fff;--danger:#cc2f2f}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}.glow{background:radial-gradient(50% 65% at 18% 35%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 72%), radial-gradient(45% 60% at 82% 28%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 72%);filter:blur(20px);pointer-events:none;z-index:0;height:70vh;position:fixed;inset:-30% 0 auto}main,.site-header,.site-footer{z-index:1;max-width:940px;margin:0 auto;padding:0 20px;position:relative}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:8px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:34px;height:34px;color:var(--on-accent);border-radius:10px;place-items:center;font-size:19px;display:grid}.brand-name{letter-spacing:.2px;font-size:1.1rem}.badge{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;display:inline-flex}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%}.hero{padding:40px 0 28px}.hero h1{letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(2rem,5.5vw,3rem);line-height:1.25}.accent{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:60ch;color:var(--muted);margin:0}.dropzone{border:1.5px dashed var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);text-align:center;cursor:pointer;border-radius:20px;padding:46px 24px;transition:border-color .18s,background .18s,transform .18s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--panel);outline:none}.dropzone.dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel));transform:scale(1.01)}.dropzone-icon{background:var(--panel-2);border:1px solid var(--line);width:52px;height:52px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto 14px;font-size:26px;font-weight:300;display:grid}.dropzone-title{margin:0;font-weight:600}.dropzone-hint{color:var(--muted);margin:4px 0 0;font-size:.88rem}.queue-section{margin-top:34px}.queue-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.queue-toolbar h2{margin:0;font-size:1.05rem}.count{background:var(--panel-2);border:1px solid var(--line);min-width:22px;color:var(--muted);text-align:center;border-radius:999px;margin-left:4px;padding:0 7px;font-size:.8rem;display:inline-block}.toolbar-actions{gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 18px;font-weight:600;transition:filter .15s,background .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent)}.btn-primary:not(:disabled):hover{filter:brightness(1.08)}.btn-ghost{border-color:var(--line);color:var(--muted);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--text);color:var(--text)}.btn-sm{padding:6px 14px;font-size:.86rem}.queue{gap:10px;margin:0;padding:0;list-style:none;display:grid}.item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.item.error{border-color:color-mix(in srgb, var(--danger) 50%, var(--line))}.item.done{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.item-icon{background:var(--panel-2);border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-meta{color:var(--muted);font-size:.82rem}.item-meta.err{color:var(--danger)}.item-actions{align-items:center;gap:8px;display:flex}select{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:9px;padding:7px 10px;font-size:.88rem}select:disabled{opacity:.6;cursor:not-allowed}.bar{background:var(--panel-2);border-radius:999px;grid-column:2/-1;height:4px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .2s;display:block}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:1.1rem;line-height:1}.icon-btn:hover{color:var(--danger);background:var(--panel-2)}a.download{background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);border-radius:10px;padding:7px 15px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-block}a.download:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}.formats{margin:52px 0 20px}.formats h2{margin:0 0 14px;font-size:1.05rem}.format-table{gap:10px;display:grid}.format-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 16px;font-size:.88rem;display:grid}.format-row b{font-weight:600}.format-row span{color:var(--muted);word-break:break-word}.note{color:var(--muted);margin-top:16px;font-size:.82rem}code{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.85em}.site-footer{color:var(--muted);text-align:center;padding:30px 20px 44px;font-size:.82rem}@media (max-width:620px){.item{grid-template-columns:38px minmax(0,1fr)}.item-actions{grid-column:1/-1;justify-content:flex-end}.bar{grid-column:1/-1}.format-row{grid-template-columns:1fr;gap:4px}}.only-touch{display:none}@media (pointer:coarse){.only-mouse{display:none}.only-touch{display:inline}}.notes{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:18px;overflow:hidden}.notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.92rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.notes summary::-webkit-details-marker{display:none}.notes summary:hover{background:var(--panel-2)}.notes summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.summary-text:before{content:"ℹ️ "}.chevron{color:var(--muted);transition:transform .2s}.notes[open] .chevron{transform:rotate(180deg)}.note-list{counter-reset:none;gap:14px;margin:0;padding:4px 20px 6px 40px;display:grid}.note-list li{padding-right:4px}.note-list li::marker{color:var(--accent);font-weight:700}.note-list b{margin-bottom:2px;font-size:.92rem;display:block}.note-list span{color:var(--muted);font-size:.86rem;line-height:1.65;display:block}.notes .note{border-top:1px solid var(--line);margin:4px 16px 16px;padding-top:14px}