:root{--bg:#141210;--surface:#1b1815;--sidebar:#201c18;--hover:#ffffff0f;--border:#ffffff24;--text:#f6f3ee;--muted:#a9a29a;--primary:#ffb020;--primary-text:#1a1206;--strong-bg:#fff;--strong-text:#0b0b0c;--danger:#f87171;--sans:Inter, system-ui, sans-serif;--display:Archivo, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#faf7f2;--surface:#fff;--sidebar:#f1ece4;--hover:#0000000d;--border:#00000024;--text:#1a1714;--muted:#615a52;--primary:#9a5b00;--primary-text:#fff;--strong-bg:#1a1714;--strong-text:#fff;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}hr{border:0;border-top:1px solid var(--border);margin:32px 0}.label,.eyebrow,.badge,.btn,.crumbs{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.label{color:var(--muted);margin:22px 0 8px;font-size:11px}.shell{min-height:100vh}.brand{font:700 20px var(--display);align-items:center;gap:10px;display:flex}.logo{width:40px;height:40px;margin:-4px 0}.sidebar{display:none}.sidebar nav{overscroll-behavior:contain;flex:1;min-height:0;margin-top:12px;overflow-y:auto}.nav-item{color:var(--muted);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px;font-size:15px;display:flex}.nav-item:hover:not(.disabled){background:var(--hover);color:var(--text)}.nav-item.active{background:var(--hover);color:var(--text);border-left-color:var(--primary)}.nav-item.disabled{opacity:.5;cursor:default}.nav-item .badge{margin-left:auto}.privacy{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sidebar .privacy{border:1px solid var(--border);margin-top:12px;padding:10px}.drawer-head{justify-content:space-between;align-items:center;display:flex}main{min-width:0}.topbar{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .brand{flex-shrink:0;font-size:18px}.crumbs{min-width:0;color:var(--muted);flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.crumbs b{background:var(--strong-bg);color:var(--strong-text);white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;font-weight:500;overflow:hidden}.topbar .menu-btn,.scrim{display:none}html.menu-open,html.menu-open body{overflow:hidden}.badge{vertical-align:middle;border:1px solid;padding:1px 6px;font-size:9px}.badge.new,.badge.beta{color:var(--primary)}.badge.soon{color:var(--muted)}.btn{border:1px solid var(--border);background:0 0;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.ghost:hover{background:var(--hover)}.btn.big{height:44px;padding:0 22px;font-size:13px}.btn.block{width:100%;height:42px}.icon-btn{border:1px solid var(--border);background:0 0;place-items:center;width:28px;height:28px;display:grid}.icon-btn:hover:not(:disabled){background:var(--hover)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.page{max-width:1120px;margin:0 auto;padding:48px 48px 80px}.eyebrow{color:var(--primary);margin:0;font-size:12px}.hero{font:800 clamp(34px, 5vw, 52px)/1.05 var(--display);letter-spacing:-.02em;margin:12px 0;font-stretch:112%}.hero.small{font-size:36px}.accent{color:var(--primary)}.sub{color:var(--muted);margin:0;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);gap:16px;padding:20px;display:flex;position:relative}a.card:hover{border-color:var(--primary)}.card.disabled{opacity:.6}.card h3{font:700 15px var(--display);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px;font-stretch:105%;display:flex}.card p{color:var(--muted);margin:0;font-size:14px}.tile{--ink:var(--c);width:40px;height:40px;color:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 45%, transparent);background:color-mix(in srgb, var(--ink) 10%, transparent);flex-shrink:0;place-items:center;display:grid}@media (prefers-color-scheme:light){.tile{--ink:oklch(from var(--c) calc(l - .25) calc(c * 1.4) h)}}.go{color:var(--muted);position:absolute;top:20px;right:20px}.title{font:700 22px var(--display);margin:0 0 20px}.workspace{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.drop{background:var(--surface);border:1px solid var(--border);outline:1px dashed var(--border);outline-offset:-12px;min-height:420px;padding:12px}.drop.filled{outline:none}.drop.over{outline:2px dashed var(--primary);box-shadow:inset 0 0 60px color-mix(in srgb, var(--primary) 18%, transparent)}.empty{min-height:396px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty p{margin:0}.files{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.file{border:1px solid var(--border);background:var(--bg);cursor:grab}.thumb{aspect-ratio:3/4;background:var(--hover);place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:contain;background:#fff;width:100%;height:100%}.num{font:600 11px var(--mono);background:var(--strong-bg);color:var(--strong-text);padding:1px 6px;position:absolute;top:6px;left:6px}.warn{text-align:center;color:var(--danger);padding:8px;font-size:12px}.meta{padding:8px 10px 0;font-size:13px}.meta b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.meta span{color:var(--muted);font-size:12px}.file-actions{gap:6px;padding:8px 10px 10px;display:flex}.file-actions .icon-btn:last-child{margin-left:auto}.add-more{border:1px dashed var(--border);width:100%;height:100%;min-height:200px;color:var(--muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.add-more:hover{border-color:var(--primary);color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);padding:16px;position:sticky;top:72px}.panel .label{margin-top:0}.hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px}.error{color:var(--danger);border:1px solid;margin:12px 0 0;padding:8px 10px;font-size:13px}dl{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:6px;margin:16px 0 0;padding-top:14px;font-size:13px;display:grid}dt{color:var(--muted)}dd{margin:0}.frame.done{text-align:center;border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.done-icon{color:var(--primary)}.row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}@media (width<=900px){.sidebar{z-index:20;width:min(300px,86vw);height:100dvh;padding:14px 12px calc(14px + env(safe-area-inset-bottom));background:var(--sidebar);border-left:1px solid var(--border);visibility:hidden;flex-direction:column;transition:transform .2s,visibility .2s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar.open{visibility:visible;transform:none}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.scrim{z-index:15;touch-action:none;background:#00000080;display:block;position:fixed;inset:0}.topbar .menu-btn{width:36px;height:36px;margin-left:auto;display:grid}.topbar .privacy,.topbar.in-tool .brand span{display:none}.topbar{padding:0 16px}.page{padding:28px 16px 64px}.workspace{grid-template-columns:1fr}.panel{order:-1;position:static}}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.field>span{color:var(--muted)}.field small{color:var(--muted);font-size:12px}.field input:not([type=range]),.field select{height:36px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:0;padding:0 10px}.field input[type=range]{accent-color:var(--primary)}.seg{border:1px solid var(--border);display:flex}.seg button{background:0 0;border:0;flex:1;min-height:34px;padding:0 8px;font-size:13px}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--strong-bg);color:var(--strong-text)}.panel .btn.block{margin-top:4px}.field-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.locked{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.board-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;font-size:13px;display:flex}.board-bar b{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-weight:500;overflow:hidden}.board-bar span{color:var(--muted);flex:1}.board .error{margin:0 0 12px}.thumb img{transition:transform .15s}@media (prefers-reduced-motion:reduce){.thumb img{transition:none}}.sigpad{aspect-ratio:600/220;border:1px dashed var(--border);touch-action:none;cursor:crosshair;background:#fff;width:100%}.field .btn.ghost{align-self:flex-start}.sig-preview{background:#fff;align-self:flex-start;max-width:100%;max-height:80px;margin:-6px 0 14px;padding:6px}.sign-pages{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.sign-page{background:var(--hover);-webkit-user-select:none;user-select:none;place-items:center;min-height:200px;display:grid;position:relative}.sign-page.can-place{cursor:copy}.sign-page>img{width:100%;display:block}.sign-page{container-type:inline-size}.placed{outline:1.5px dashed var(--primary);cursor:move;touch-action:none;position:absolute}.placed.selected{outline:2px solid var(--primary)}.placed img{pointer-events:none;width:100%;display:block}.sig-x{background:var(--primary);width:24px;height:24px;color:var(--primary-text);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-12px}.sig-size{background:var(--primary);cursor:nwse-resize;touch-action:none;border:2px solid #fff;width:16px;height:16px;position:absolute;bottom:-8px;right:-8px}.ptext{white-space:pre;pointer-events:none;font-family:Arimo,Helvetica,Arial,sans-serif;line-height:1.2}.ptext.empty{opacity:.45}.pbox{pointer-events:none;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000026}.field textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:0;padding:8px 10px}.selected-item{border-top:1px solid var(--border);margin:4px 0 16px;padding-top:12px}.selected-item .label{margin-top:0}.note{color:var(--muted);border-left:2px solid var(--primary);background:var(--hover);margin:-4px 0 14px;padding:8px 10px;font-size:12px}.row-actions{gap:8px;display:flex}@media (width<=900px){.selected-item{z-index:10;max-height:55vh;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #00000059}}.preview{text-align:left;width:100%;max-width:720px;margin-top:16px}.preview pre{white-space:pre-wrap;max-height:50vh;font:14px/1.6 var(--sans);background:var(--bg);border:1px solid var(--border);margin:0 0 8px;padding:14px 16px;overflow:auto}.result-img{border:1px solid var(--border);background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 50%/20px 20px;max-width:min(100%,520px);max-height:50vh;margin-top:16px}