@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");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}@property --fold{syntax:"<length>";inherits:true;initial-value:56px}:root{--paper:#f1f3f8;--surface:#fff;--ink:#0d1530;--muted:#56607f;--line:#dde2ee;--blue:#0b6bf2;--blue-deep:#0a4fc4;--blue-wash:#eaf2ff;--sky:#8cc2ff;--navy:#0b1a4a;--coral:#f2603c;--coral-wash:#fdece7;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Instrument Sans Variable", system-ui, sans-serif;--radius:18px}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}h2{font:700 1.75rem/1.15 var(--display);letter-spacing:-.015em}a{color:var(--blue-deep)}code{background:var(--paper);border-radius:5px;padding:1px 5px;font-size:.875em}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1480px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.hint{color:var(--muted);font-size:.9375rem}.btn{font:600 1rem/1.2 var(--body);cursor:pointer;border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:inline-flex}.btn:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-deep)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-quiet{border-color:var(--line);background:var(--surface);color:var(--ink)}.btn-quiet:hover{border-color:var(--blue)}.btn-on-blue{color:var(--blue-deep);background:#fff}.btn-on-blue:hover{background:var(--blue-wash)}.btn-clear-on-blue{color:#fff;background:0 0;border-color:#fff9}.btn-clear-on-blue:hover{border-color:#fff}.btn-icon{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.btn-icon:hover:not(:disabled){background:var(--paper);color:var(--ink)}.btn-icon:disabled{opacity:.3;cursor:default}.link{color:var(--blue-deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site-head{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{color:var(--ink);font:700 1.375rem/1 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.site-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:28px;font-size:.9375rem;display:flex}.site-foot a{color:inherit}.site-foot a+a{margin-left:20px}.sheet{background:var(--blue);color:#fff;min-height:340px;clip-path:polygon(0 0, calc(100% - var(--fold)) 0, 100% var(--fold), 100% 100%, 0 100%);border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;padding:clamp(24px,4vw,36px);transition:--fold .25s;animation:.7s cubic-bezier(.2,.8,.2,1) fold-in;display:flex;position:relative}.sheet:after{content:"";width:var(--fold);height:var(--fold);background:var(--sky);clip-path:polygon(0 0,100% 100%,0 100%);border-bottom-left-radius:16px;transition:background-color .25s;position:absolute;top:0;right:0}.sheet.is-over{--fold:116px}.sheet.is-over:after{background:var(--coral)}@keyframes fold-in{0%{--fold:0px}}.sheet-compact{min-height:250px}:is(.sheet :focus-visible,.sheet .btn:has(input:focus-visible)){outline-color:#fff}.sheet-lines{background:repeating-linear-gradient(#ffffff4d 0 6px,#0000 6px 22px);border-radius:3px;width:min(58%,260px);height:72px;margin-bottom:auto}.sheet-files{gap:6px;width:100%;margin:0 0 auto;padding:0 72px 0 0;font-weight:600;list-style:none;display:grid}.sheet-files li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-title{max-width:17ch;font:700 clamp(1.5rem, 2.8vw, 2rem)/1.1 var(--display);letter-spacing:-.015em;text-wrap:balance}.sheet-hint{opacity:.9;font-size:.9375rem}.sheet-actions{flex-wrap:wrap;gap:10px;display:flex}.sheet-notice{margin-top:12px}.hero{padding-top:clamp(12px,3vw,36px)}.hero h1{font:700 clamp(2rem, 4.6vw, 3.25rem)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance;margin-bottom:10px}.hero-copy p{color:var(--muted);font-size:1.0625rem}.tools-head{text-align:center;flex-direction:column;align-items:center;gap:24px;margin-bottom:36px;display:flex}.tray-bar{background:var(--blue-wash);border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:20px;padding:12px 16px;font-weight:600;display:flex}.files-first{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,5vw,64px);margin-top:clamp(48px,7vw,88px);display:grid}.files-first h2{margin-bottom:8px}.search{align-items:center;width:min(100%,600px);display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;left:20px}.search input[type=search]{border-radius:18px;padding:17px 20px 17px 54px;font-size:1.125rem}.groups{columns:240px 4;column-gap:24px}.groups>section{break-inside:avoid;margin-bottom:24px}@media (width>=1380px){.groups{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px;display:grid}.groups>section{margin-bottom:0}}.groups h2{color:var(--muted);font:600 .9375rem/1.3 var(--body);letter-spacing:0;margin:0 0 10px 4px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.panel>li+li{border-top:1px solid var(--line)}.tool-row{color:inherit;grid-template-columns:48px 1fr;align-items:center;gap:14px;padding:14px;text-decoration:none;display:grid}.tool-art{flex:none;display:block}.tool-row strong,.tool-row small{display:block}.tool-row strong{font-weight:600}.tool-row small{color:var(--muted);font-size:.875rem;line-height:1.4}.tool-row:hover{background:#f4f8ff}.tool-row:focus-visible{outline-offset:-3px;border-radius:var(--radius)}.tool-row[aria-disabled]{opacity:.45;cursor:default;background:0 0}.app-band{background:var(--navy);color:#fff;margin-top:clamp(56px,8vw,104px);padding-block:clamp(40px,6vw,72px)}.app-band-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.app-band p{color:#c7d0ee;max-width:44ch;margin:12px 0 24px}.app-band :focus-visible{outline-color:#fff}.app-list{columns:2;column-gap:32px;margin:0;padding:0;font-weight:600;list-style:none}.app-list li{break-inside:avoid;border-bottom:1px solid #ffffff29;padding:9px 0}.tool-page{gap:24px;max-width:760px;padding-block:8px 72px;display:grid}.tool-page.has-files{max-width:1320px}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.work{gap:24px;min-width:0;display:grid}.output{position:sticky;top:20px}.output-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;gap:14px;padding:20px;display:grid}.output-panel h2{font-size:1.375rem}.output-panel h2:focus{outline:none}.output-panel .page-thumb{aspect-ratio:5/4;border-radius:14px}.output-waiting{text-align:center;background:0 0;border-style:dashed;border-width:1.5px;align-content:center;justify-items:center;min-height:340px}.result-name{overflow-wrap:anywhere;font-weight:600}.result-list{border:1px solid var(--line);border-radius:14px;max-height:260px;margin:0;padding:0;list-style:none;overflow:auto}.result-list li{align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:.9375rem;display:flex}.result-list li+li{border-top:1px solid var(--line)}.back{color:var(--muted);justify-self:start;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.tool-head{align-items:center;gap:18px;display:flex}.tool-head h1{font:700 clamp(2rem, 4.5vw, 2.75rem)/1.05 var(--display);letter-spacing:-.025em;margin-bottom:6px}.tool-head p{color:var(--muted);font-size:1.0625rem}.file-row{align-items:center;gap:8px;min-height:58px;padding:10px 10px 10px 16px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.file-size{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:4px;font-size:.875rem}.file-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.options{gap:22px;padding:20px;display:grid}.note{border-left:3px solid var(--blue);background:var(--blue-wash);border-radius:0 12px 12px 0;padding:12px 16px;font-size:.9375rem}.action{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}progress{width:160px;height:8px;accent-color:var(--blue)}.alert{background:var(--coral-wash);color:#8a2a12;border:1px solid #f6b9a8;border-radius:14px;padding:14px 16px;font-weight:500}.text-preview{border:1px solid var(--line);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-height:280px;margin:0;padding:16px;font:.875rem/1.55 ui-monospace,Cascadia Mono,Consolas,monospace;overflow:auto}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field>label,.field>legend{padding:0;font-weight:600}.field>legend{margin-bottom:8px}.field output{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:400}select,input[type=text],input[type=password],input[type=number],input[type=search]{border:1.5px solid var(--line);background:var(--surface);width:100%;color:inherit;font:inherit;border-radius:12px;padding:10px 12px}input[type=range]{width:100%;accent-color:var(--blue)}.field-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.field-number label{color:var(--muted);font-size:.9375rem}.with-unit{color:var(--muted);align-items:center;gap:8px;display:flex}.check{align-items:center;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--blue)}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segment{position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;height:100%;padding:9px 14px;font-weight:600;line-height:1.3;display:grid}.segment small{color:var(--muted);font-size:.8125rem;font-weight:400}.segment input:checked+span{border-color:var(--blue);background:var(--blue-wash);color:var(--blue-deep)}.segment input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.page-card{border:1px solid var(--line);background:var(--surface);cursor:grab;border-radius:16px;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:10px;display:grid}.page-card.is-dragged{opacity:.4}.page-thumb{aspect-ratio:1;background:var(--paper);border-radius:10px;position:relative;overflow:hidden}.page-thumb img{object-fit:contain;filter:drop-shadow(0 1px 3px #0d153040);width:86%;height:86%;transition:transform .2s;position:absolute;inset:7%}.page-label{text-align:center;font-size:.875rem;font-weight:600}.page-actions{justify-content:space-between;display:flex}.page-actions .btn-icon{width:32px;height:32px}.page-tool{gap:20px;display:grid}.field-label{font-weight:600}.sign-pad{aspect-ratio:3;background:var(--surface);cursor:crosshair;touch-action:none;border:1.5px dashed #b9c2d8;border-radius:14px;width:100%;max-width:480px;display:block}.stage-hint{margin-bottom:10px}.pager{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-bottom:10px;font-weight:600;display:flex}.stage{border:1px solid var(--line);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:6px;max-width:560px;line-height:0;position:relative;overflow:hidden}.stage-page{width:100%;display:block}.stage-loading{aspect-ratio:210/297;color:var(--muted);place-items:center;line-height:1.5;display:grid}.stage-mark{outline:1.5px dashed var(--blue);outline-offset:3px;cursor:grab;touch-action:none;position:absolute}.stage-mark:active{cursor:grabbing}.stage-mark.is-idle{outline-color:#0000}.stage-mark.is-idle:hover{outline-color:#b9c2d8}.btn-quiet.is-on{border-color:var(--blue);background:var(--blue-wash);color:var(--blue-deep)}.stage-draw{cursor:crosshair;touch-action:none}.redact-box{background:#000;position:absolute}.redact-box.is-draft{outline:1.5px dashed var(--coral);background:#0000008c}.redact-box button{background:var(--coral);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:-10px;right:-10px}.page-grid.file-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.page-grid.is-single{grid-template-columns:minmax(0,240px)}.file-card{cursor:default}.file-card .file-name{font-size:.9375rem}.file-card .page-actions{align-items:center}.card-buttons{display:flex}@media (width<=800px){.files-first,.app-band-inner,.workspace{grid-template-columns:1fr}.output{position:static}.output-waiting{min-height:0}.sheet{min-height:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
