@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-vietnamese-400-normal.69c532c6.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-400-normal.864908bb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-ext-400-normal.e0f1d18c.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-400-normal.1e4247a1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-400-normal.25aee7cd.woff2)format("woff2"),url(../media/space-grotesk-latin-400-normal.be236caa.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-vietnamese-600-normal.ed25b2b8.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-600-normal.4c9cc446.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-ext-600-normal.f15a1135.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-600-normal.26870c6d.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-600-normal.c95751b3.woff2)format("woff2"),url(../media/space-grotesk-latin-600-normal.65b9e698.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-ext-400-normal.470069e6.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-400-normal.86934420.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-400-normal.da0a6483.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-400-normal.1238fa63.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-greek-400-normal.23b6d415.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-400-normal.f31d3518.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-vietnamese-400-normal.52cc8d18.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-400-normal.eefaafe7.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-ext-400-normal.fb76004d.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-400-normal.0835bca9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.d4d28424.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.1d8ce7f2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-ext-500-normal.723e6908.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-500-normal.a9ce74e3.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-500-normal.469711b9.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-500-normal.3e247d10.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-greek-500-normal.0c098874.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-500-normal.6533bb70.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-vietnamese-500-normal.7d109d5a.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-500-normal.e41c4257.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-ext-500-normal.11e5a008.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-500-normal.ecee15c3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-500-normal.37f1bff6.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-500-normal.9fb9ca89.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f8f9fb;--bg-elevated:#fff;--bg-sunken:#f1f3f5;--bg-hover:#f4f5f7;--bg-accent:#fef2f2;--text:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--border-focus:#ef4444;--focus-ring:#ef444440;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--brand-navy:#111827;--brand-navy-light:#ffffff14;--brand-red:#ef4444;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--blue-50:#eff6ff;--blue-500:#3b82f6;--amber-50:#fffbeb;--amber-500:#f59e0b;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #0003;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--font-display:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 0,#ef444414,#0000 40%),radial-gradient(circle at 88% 0,#1118270f,#0000 38%),repeating-linear-gradient(135deg,#11182705,#11182705 1px,#0000 1px 28px);background-attachment:fixed;flex-direction:column;min-height:100vh;line-height:1.55;display:flex}header{background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:10px 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--red-500),var(--red-700));border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #ef44444d}.logo-text h1{letter-spacing:-.3px;font-size:17px;font-weight:700;font-family:var(--font-display)}.logo-sub{color:var(--text-tertiary);font-size:11px;font-weight:500}.header-right{align-items:center;gap:8px;display:flex}.header-ext-btn{background:var(--red-500);color:#fff;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #ef444459}.header-ext-btn:hover{background:var(--red-600);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.ext-banner{color:#e0e7ff;background:linear-gradient(90deg,#1e1b4b 0%,#312e81 100%);padding:8px 24px}.ext-banner-inner{align-items:center;gap:10px;max-width:1400px;margin:0 auto;font-size:12.5px;display:flex}.ext-banner-icon{opacity:.85;flex-shrink:0}.ext-banner-inner span{flex:1}.ext-banner-cta{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s}.ext-banner-cta:hover{background:#ffffff40}.ext-banner-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .15s}.ext-banner-close:hover{color:#fff}.privacy-badge{background:var(--green-50);color:var(--green-600);border-radius:var(--radius-full);border:1px solid #22c55e26;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.op-counter{background:var(--blue-50);color:var(--blue-500);border-radius:var(--radius-full);border:1px solid #3b82f626;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.layout{flex:1;gap:0;width:100%;max-width:1400px;margin:0 auto;display:flex}main{flex:1;min-width:0;padding:20px 24px}.tabs{background:var(--bg-sunken);border-radius:var(--radius-lg);gap:3px;margin-bottom:20px;padding:3px;display:flex}.tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;display:flex}.tab:hover{color:var(--text);background:#fff9}.tab:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.tab.active{background:var(--bg-elevated);color:var(--red-500);box-shadow:var(--shadow-sm)}.tab svg{transition:transform .2s var(--ease-spring)}.tab:hover svg{transform:scale(1.1)}.tool-bridge{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:16px;margin:12px 0 20px;padding:14px 16px;display:flex}.tool-tile{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-sunken);cursor:pointer;transition:all .2s var(--ease);align-items:center;gap:12px;padding:10px 14px;display:flex}.tool-tile:hover{border-color:var(--red-200);background:var(--red-50);transform:translateY(-1px)}.tool-tile:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.tool-tile-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);width:36px;height:36px;color:var(--red-500);box-shadow:var(--shadow-xs);place-items:center;display:grid}.tool-tile-text{color:var(--text);flex-direction:column;gap:2px;font-weight:600;display:flex}.tool-tile-sub{color:var(--text-secondary);font-size:11px;font-weight:500}.tool-bridge-note{color:var(--text-secondary);text-align:right;max-width:220px;font-size:12px}.bridge-hint{color:var(--text-secondary);margin-top:6px;font-size:12px}@media (max-width:900px){.tool-bridge{flex-direction:column;align-items:flex-start}.tool-bridge-note{text-align:left;max-width:none}}.section{display:none}.section.active{animation:sectionIn .3s var(--ease-out);display:block}@keyframes sectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-2xl);text-align:center;cursor:pointer;transition:all .3s var(--ease);background:var(--bg-elevated);padding:48px 32px;position:relative;overflow:hidden}.drop-zone-pulse{background:radial-gradient(circle at center,var(--red-50)0%,transparent 70%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;position:absolute;inset:0}.drop-zone:hover .drop-zone-pulse,.drop-zone.drag-over .drop-zone-pulse{opacity:1}.drop-zone:hover{border-color:var(--red-400);box-shadow:0 0 0 4px #ef44440f}.drop-zone.drag-over{border-color:var(--red-500);background:var(--red-50);border-style:solid;transform:scale(1.005);box-shadow:0 0 0 4px #ef44441a}.drop-zone-inner{z-index:1;position:relative}.drop-icon{background:linear-gradient(135deg,var(--red-50),var(--red-100));width:72px;height:72px;color:var(--red-500);transition:transform .3s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.drop-zone:hover .drop-icon{transform:scale(1.08)translateY(-2px)}.drop-zone.drag-over .drop-icon{animation:dropBounce .6s var(--ease-spring);transform:scale(1.12)translateY(-4px)}@keyframes dropBounce{0%,to{transform:scale(1.12)translateY(-4px)}50%{transform:scale(1.15)translateY(-8px)}}.drop-text{color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600}.drop-subtext{color:var(--text-tertiary);font-size:14px}.drop-browse{color:var(--red-500);text-underline-offset:2px;font-weight:500;text-decoration:underline}.drop-features{justify-content:center;gap:20px;margin-top:20px;display:flex}.drop-feature{color:var(--text-tertiary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.drop-feature svg{color:var(--text-tertiary)}.file-list{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.file-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.file-list-header h3{color:var(--text);font-size:14px;font-weight:600;font-family:var(--font-display);align-items:center;gap:8px;display:flex}.file-list-header h3 svg{color:var(--red-500)}.file-list-actions{gap:4px;display:flex}.file-list-hint{color:var(--text-tertiary);background:var(--bg-sunken);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 18px;font-size:11px;display:flex}#merge-items{min-height:48px;padding:6px;list-style:none}.file-item{border-radius:var(--radius-md);cursor:grab;transition:all .15s var(--ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-item:hover{background:var(--bg-hover);border-color:var(--border)}.file-item.dragging{opacity:.4;background:var(--red-50);border-color:var(--red-200)}.file-item.drag-over-item{border-top:2px solid var(--red-500)}.file-item-drag{color:var(--text-tertiary);cursor:grab;opacity:.5;flex-shrink:0;transition:opacity .15s}.file-item:hover .file-item-drag{opacity:1}.file-item-icon{background:linear-gradient(135deg,var(--red-50),var(--red-100));border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.file-item-icon svg{color:var(--red-500)}.file-item-info{flex:1;min-width:0}.file-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:13px;font-weight:500;overflow:hidden}.file-item-meta{color:var(--text-tertiary);margin-top:1px;font-size:11px}.file-item-num{border-radius:var(--radius-full);background:var(--bg-sunken);width:22px;height:22px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.file-item-remove{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:all .15s var(--ease);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-item:hover .file-item-remove{opacity:1}.file-item-remove:hover{background:var(--red-100);color:var(--red-500)}.split-header{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.split-file-info{align-items:center;gap:10px;display:flex}.split-file-icon{background:var(--red-50);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.split-file-info strong{font-size:14px;font-weight:600;display:block}.text-muted{color:var(--text-secondary);font-size:12px}.text-xs{font-size:11px}.split-controls{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:14px 16px}.split-render-status{background:var(--bg-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.split-render-left{color:var(--text);align-items:center;gap:8px;font-weight:600;display:flex}.split-render-dot{border-radius:var(--radius-full);background:var(--red-400);width:8px;height:8px;animation:1.2s ease-in-out infinite splitPulse;box-shadow:0 0 0 4px #f8717133}.split-render-bar{background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border);flex:1;height:6px;overflow:hidden}.split-render-fill{background:linear-gradient(90deg,var(--red-400),var(--red-600));height:100%;transition:width .2s var(--ease)}.split-render-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-secondary)}@keyframes splitPulse{0%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.65;transform:scale(.9)}}.split-mode-tabs{background:var(--bg-sunken);border-radius:var(--radius-sm);gap:3px;margin-bottom:12px;padding:3px;display:flex}.split-mode{border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.split-mode:hover{color:var(--text)}.split-mode.active{background:var(--bg-elevated);color:var(--red-500);box-shadow:var(--shadow-xs)}.split-control-panel{padding-top:4px}.select-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.range-input-group{flex-direction:column;gap:6px;display:flex}.range-input-group label{color:var(--text);font-size:12px;font-weight:600}.every-input-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.page-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:12px;display:grid}.page-thumb{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease);position:relative;overflow:hidden}.page-thumb:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.page-thumb.selected{border-color:var(--red-500);box-shadow:0 0 0 3px #ef44441f}.page-thumb.selected .page-thumb-label{background:var(--red-500);color:#fff;border-color:var(--red-500)}.page-thumb.selected:after{content:"";background:var(--red-500);border-radius:var(--radius-full);width:22px;height:22px;box-shadow:var(--shadow-sm);animation:checkPop .2s var(--ease-spring);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;position:absolute;top:6px;right:6px}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.page-thumb canvas{aspect-ratio:210/297;object-fit:contain;background:#fff;width:100%;display:block}.page-thumb-label{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg-sunken);transition:all .15s var(--ease);padding:5px;font-size:11px;font-weight:600}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease);background:var(--bg-elevated);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.btn:active{transform:scale(.97)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 24px;font-size:14px;font-weight:600}.btn-pill{border-radius:var(--radius-full);background:var(--bg-sunken);border-color:#0000;padding:5px 12px;font-size:12px;font-weight:500}.btn-pill:hover{background:var(--border);border-color:#0000}.btn-primary{background:linear-gradient(135deg,var(--red-500),var(--red-600));color:var(--text-inverse);border-color:#0000;box-shadow:0 2px 8px #ef444440}.btn-primary:hover{background:linear-gradient(135deg,var(--red-600),var(--red-700));transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #ef444440}.btn-primary:disabled{background:var(--border-strong);box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-sunken);border-color:#0000}.btn-danger{color:var(--red-500)}.btn-danger:hover{background:var(--red-50)}.badge{background:var(--red-100);min-width:22px;color:var(--red-500);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:all .15s var(--ease);background:var(--bg-elevated);outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.input:focus,.input:focus-visible{border-color:var(--red-500);box-shadow:0 0 0 3px #ef444414}.drop-zone:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input-sm{width:72px;padding:7px 10px}.action-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.action-bar-info{align-items:center;gap:8px;display:flex}.toggle{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.toggle input{accent-color:var(--red-500)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:overlayIn .25s var(--ease-out);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:var(--bg-elevated);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-2xl);width:92%;max-width:440px;animation:cardIn .3s var(--ease-spring);padding:36px}@keyframes cardIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.progress-spinner{width:56px;height:56px;margin:0 auto 16px}.progress-ring{transform-origin:50%;animation:1.2s linear infinite ringRotate}@keyframes ringRotate{to{stroke-dashoffset:-100px}}.progress-label{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600}.progress-track{background:var(--bg-sunken);border-radius:var(--radius-full);height:5px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--red-400),var(--red-500));border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s var(--ease)}.progress-sub{color:var(--text-tertiary);font-size:11px}.success-icon{margin-bottom:16px}.checkmark-path{stroke-dasharray:40;stroke-dashoffset:40px;animation:drawCheck .5s .2s var(--ease-out)forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{margin-bottom:6px;font-size:20px;font-weight:700}.success-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.success-actions{justify-content:center;gap:10px;display:flex}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--text);color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);pointer-events:auto;animation:toastIn .3s var(--ease-spring);align-items:center;gap:10px;max-width:360px;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.toast.toast-exit{animation:toastOut .2s var(--ease)forwards}.toast-error{background:var(--red-600)}.toast-success{background:var(--green-600)}.toast-icon{flex-shrink:0;width:18px;height:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.95)}}footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-elevated);padding:14px 24px}.footer-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}footer p,.footer-links span{color:var(--text-tertiary);font-size:11px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.footer-legal{align-items:center;gap:12px;display:inline-flex}.footer-links a{color:var(--text-tertiary);font-size:11px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.chrome-ext-badge{background:var(--red-500);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;color:#fff!important;font-size:11px!important;text-decoration:none!important}.chrome-ext-badge:hover{background:var(--red-600);transform:translateY(-1px);text-decoration:none!important}body.file-dragging .drop-zone{border-color:var(--red-500);background:var(--red-50);border-style:solid}@media (max-width:768px){.header-inner{padding:8px 16px}.logo-sub{display:none}main{padding:16px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.action-bar{text-align:center;flex-direction:column;gap:10px}.drop-features{flex-direction:column;gap:8px}.footer-inner{flex-direction:column;gap:4px}.split-mode-tabs{flex-direction:column}.split-mode{justify-content:flex-start;padding:9px 12px}.op-counter,.header-ext-btn span{display:none}.header-ext-btn{padding:6px 10px}.ext-banner-inner span{display:none}.overlay-card{padding:28px 20px}}@media (max-width:480px){.privacy-badge span{display:none}.drop-zone{padding:32px 20px}.drop-icon{width:56px;height:56px}.drop-icon svg{width:32px;height:32px}.drop-text{font-size:15px}}.split-output-toggle{background:var(--bg-sunken);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:8px 10px;display:flex}.split-output-tabs{gap:8px;display:flex}.split-output-tabs .btn.active{background:var(--red-500);color:var(--text-inverse);border-color:var(--red-500)}.output-order{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xs);margin:14px 0 6px;padding:12px}.output-order-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.output-order-list{flex-direction:column;gap:8px;list-style:none;display:flex}.page-thumb.drag-over-item{border-color:var(--red-400);transform:translateY(-2px);box-shadow:0 0 0 2px #f8717140}.sign-controls{grid-template-columns:2fr 1fr;gap:16px;margin:16px 0;display:grid}.sign-pad{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:12px}.sign-pad-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.sign-canvas{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#fff;width:100%;height:180px;display:block}.sign-upload{align-items:center;gap:10px;margin-top:10px;display:flex}.sign-options{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;padding:12px;display:flex}@media (max-width:900px){.sign-controls{grid-template-columns:1fr}}.sign-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin:12px 0 18px;padding:12px}.sign-preview-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.sign-preview-canvas{background:var(--bg-sunken);border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;padding:8px;position:relative;overflow:auto}.sign-preview-canvas canvas{display:block}.sign-layer{position:absolute;inset:8px}.sign-stamp{cursor:grab;pointer-events:auto;background:#ffffffb3;border:1px dashed #ef444480;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute}.sign-stamp:active{cursor:grabbing}.sign-stamp img{pointer-events:none;max-width:100%;max-height:100%}.sign-remove{background:var(--red-500);color:#fff;cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;position:absolute;top:-8px;right:-8px}.app-header{background:linear-gradient(180deg,#0b1220 0%,var(--brand-navy)100%);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #94a3b840}.app-header .logo-text h1{color:#fff}.app-header .logo-sub{color:#ffffffb3}.app-header .privacy-badge{color:#d1fae5;background:#10b98129;border:1px solid #10b98166}.app-header .op-counter{color:#dbeafe;background:#3b82f62e;border:1px solid #3b82f659}.rotate-workspace{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:14px;display:flex}.rotate-all-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-rotate-grid{flex-direction:column;gap:8px;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.page-rotate-card{border-radius:var(--radius-md);background:var(--bg-sunken);border:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.page-num{min-width:62px;color:var(--text-secondary);font-size:12px}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.progress-bar{border-radius:var(--radius-full);background:var(--bg-sunken);width:100%;height:6px;overflow:hidden}.btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500}.btn-secondary:hover:not(:disabled){border-color:var(--red-500)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.edit-workspace{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.edit-toolbar{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:6px;padding:6px;display:flex}.edit-tool-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0}.edit-tool-btn:hover{background:var(--bg-hover);color:var(--text)}.edit-tool-btn--active{color:var(--red-600);background:var(--red-50)}.page-nav{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.text-danger{color:var(--red-600)}.pro-gate-wrap{border-radius:var(--radius-md);position:relative}.pro-gate-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.pro-gate-overlay{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:12;background:#ffffffa6;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.pro-gate-card{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);width:min(320px,100%);box-shadow:var(--shadow-xl);padding:18px}.pro-gate-icon{margin-bottom:8px;font-size:26px}.pro-gate-title{margin:0 0 6px;font-size:16px}.pro-gate-desc{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.45}.pro-gate-btn{border-radius:var(--radius-sm);background:var(--red-500);color:#fff;width:100%;height:36px;font:inherit;cursor:pointer;border:none;font-size:13px;font-weight:600}.pro-gate-btn:hover{background:var(--red-600)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}