:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-border:#c7d2fe;--muted-bg:#f1f5f9;--pdf:#dc4545;--success:#16a34a;--success-bg:#f0fdf4;--error:#b91c1c;--paper:#fff;--canvas:#f8fafc}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{color:var(--ink);background:radial-gradient(ellipse at 50% 0%, #eef2ffb8 0, #f8fafc00 38rem), var(--canvas);margin:0;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline-offset:3px;outline:3px solid #4f46e53d}.page-shell{flex-direction:column;min-height:100vh;padding:0 36px;display:flex}.topbar{justify-content:space-between;align-items:center;width:min(100%,1120px);height:82px;margin:0 auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--primary);letter-spacing:.025em;border-radius:8px;place-items:center;height:30px;padding:0 7px;font:800 10px/1 ui-sans-serif,system-ui,sans-serif;display:grid;position:relative}.brand-mark i{background:#a5b4fc;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.brand-name{letter-spacing:-.055em;font:800 16px/1 ui-sans-serif,system-ui,sans-serif}.privacy-note{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.privacy-note svg{width:17px;stroke:var(--primary);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.hero{flex-direction:column;flex:1;align-items:center;width:100%;padding:47px 0 56px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.16em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--primary);border-radius:50%;width:6px;height:6px}h1{text-align:center;letter-spacing:-.06em;margin:19px 0 0;font:700 clamp(38px,5vw,55px)/1.13 ui-sans-serif,system-ui,sans-serif}h1 em{color:var(--ink);font-style:normal}.hero-copy{color:var(--muted);text-align:center;margin:17px 0 0;font-size:14px;line-height:1.75}.workspace-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(100%,660px);margin-top:34px;padding:27px;box-shadow:0 17px 55px #0f172a0e,0 2px 7px #0f172a06}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font:700 15px/1.3 ui-sans-serif,system-ui,sans-serif}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.heading-actions{align-items:center;gap:7px;display:flex}.file-count{background:var(--muted-bg);color:var(--muted);border-radius:20px;padding:6px 9px;font-size:11px;font-weight:600}.clear-all-button{color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.clear-all-button:hover:not(:disabled){background:var(--primary-soft)}.clear-all-button:disabled{opacity:.45;cursor:default}.dropzone{border:1px dashed var(--primary-border);background:var(--paper);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:144px;transition:border-color .18s,background .18s,transform .18s;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--primary);background:var(--primary-soft)}.dropzone.is-dragging{transform:scale(1.005)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.upload-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px}.dropzone-title{color:var(--ink);font-size:13px;font-weight:500}.dropzone-title strong{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--primary-border);text-decoration-color:var(--primary-border);text-underline-offset:3px;font-weight:700}.dropzone-subtitle{color:#94a3b8;letter-spacing:.025em;margin-top:7px;font-size:10px}.file-list-wrap{margin-top:22px}.list-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;display:flex}.list-label{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:700}.order-hint{color:#94a3b8;font-size:10px}.file-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.file-row{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:12px;min-width:0;min-height:58px;padding:8px 10px;display:flex}.file-order{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:center;flex:0 0 18px;width:18px;font-size:10px}.file-glyph{width:32px;height:35px;color:var(--pdf);background:#fef2f2;border-radius:7px;flex:0 0 32px;place-items:center;display:grid}.file-glyph.image{background:var(--muted-bg);color:var(--muted)}.file-glyph svg{stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:21px}.file-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.file-meta{color:var(--muted);font-size:10px}.pdf-meta{color:var(--pdf)}.row-actions{align-items:center;gap:2px;display:flex}.icon-button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.icon-button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.icon-button:disabled{opacity:.3;cursor:default}.icon-button svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px}.icon-button .arrow-down{transform:rotate(180deg)}.remove-button{color:#94a3b8;margin-left:3px}.remove-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.error-message{color:var(--error);background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:flex-start;gap:8px;margin-top:13px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.error-message svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:0 0 15px;width:15px;margin-top:1px}.output-row{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.output-row>label{color:var(--muted);flex:none;font-size:11px;font-weight:600}.output-name-field{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex:1;align-items:center;min-width:0;padding:0 10px;display:flex}.output-name-field:focus-within{border-color:var(--primary-border)}.output-name-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:9px 0;font-size:11px}.output-name-field input:focus-visible{outline:0}.output-name-field span{color:#94a3b8;font-size:11px}.merge-button,.download-button{color:#fff;background:var(--primary);white-space:nowrap;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 15px;font-size:11px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.merge-button:hover:not(:disabled),.download-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.merge-button:active:not(:disabled),.download-button:active{background:var(--primary-hover);transform:translateY(0)}.merge-button:disabled{opacity:.75;cursor:wait}.merge-button svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px}.spinner{border:1.5px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-panel{background:var(--success-bg);border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:11px;margin-top:15px;padding:12px;display:flex}.success-check{width:28px;height:28px;color:var(--success);background:#dcfce7;border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.success-check svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px}.success-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.success-copy strong{color:var(--success);font-size:11px}.success-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.download-button{min-height:33px;padding:0 11px;font-size:10px;text-decoration:none}.download-button svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px}.trust-row{color:var(--muted);justify-content:center;align-items:center;gap:13px;margin-top:19px;font-size:10px;display:flex}.trust-row>span:first-child{align-items:center;gap:6px;display:inline-flex}.trust-dot{background:var(--muted);border-radius:50%;width:5px;height:5px}.trust-separator{background:#cbd5e1;border-radius:50%;width:3px;height:3px}.footer{border-top:1px solid var(--line);color:#94a3b8;justify-content:space-between;align-items:center;width:min(100%,1120px);min-height:58px;margin:auto auto 0;font-size:10px;display:flex}@media (max-width:640px){.page-shell{padding:0 18px}.topbar{height:68px}.privacy-note{font-size:10px}.hero{padding:38px 0 44px}h1{font-size:clamp(37px,10vw,48px)}.hero-copy{max-width:330px;font-size:13px}.desktop-break{display:none}.workspace-card{border-radius:14px;margin-top:27px;padding:19px 15px}.dropzone{min-height:132px}.file-row{gap:8px;padding:8px 6px}.file-order{flex-basis:15px;width:15px;font-size:9px}.file-glyph{flex-basis:29px;width:29px;height:32px}.file-glyph svg{width:19px}.row-actions{gap:0}.icon-button{width:25px;height:26px}.remove-button{margin-left:0}.output-row{flex-wrap:wrap}.output-row>label{width:44px}.output-name-field{flex:1}.merge-button{width:100%;margin-top:2px}.trust-row{flex-wrap:wrap;gap:9px;font-size:9px}.footer{gap:12px;font-size:9px}}@media (max-width:380px){.page-shell{padding:0 12px}.workspace-card{padding-left:11px;padding-right:11px}.order-hint{font-size:9px}.file-row{gap:6px}.file-meta{font-size:9px}}