@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root,[data-theme=light]{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f0f1f3;--border: #dde0e6;--accent: #2563eb;--accent2: #0891b2;--danger: #dc2626;--text: #111827;--muted: #6b7280;--r: 10px;--at: #ffffff;--ah: #1d4ed8;--as: rgba(37,99,235,.25);--track: rgba(0,0,0,.12);--thbg: #f8f9fa;--dbord: #fecaca}[data-theme=dark]{--bg: #0f0f10;--surface: #1a1a1d;--surface2: #242428;--border: #2e2e34;--accent: #e8ff6e;--accent2: #6effd4;--danger: #ff6e6e;--text: #f0f0f2;--muted: #6b6b78;--r: 10px;--at: #0f0f10;--ah: #d4eb5e;--as: rgba(232,255,110,.25);--track: rgba(255,255,255,.2);--thbg: #242428;--dbord: #3a2020}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden}header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;background:var(--surface);flex-shrink:0}.logo{font-family:DM Mono,monospace;font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.5px}.logo span{color:var(--muted)}.badge{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);background:var(--surface2);padding:3px 9px;border-radius:99px;border:1px solid var(--border)}.header-right{margin-left:auto;display:flex;align-items:center;gap:14px}.auth-section{display:flex;align-items:center}.btn-google{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s,border-color .15s}.btn-google:hover{background:var(--surface2);border-color:var(--accent)}.user-profile{display:flex;align-items:center;gap:8px;background:var(--surface2);padding:4px 10px 4px 6px;border-radius:99px;border:1px solid var(--border)}.user-profile .avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-profile .user-name{font-size:12px;font-weight:500;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-sm{font-size:10px;padding:2px 7px;border-radius:99px}.tab-bar{display:flex;gap:2px;padding:8px 20px 0;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tab{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:7px 16px;border:none;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg)}.app-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.tab-panel{display:none;flex:1;overflow:hidden;flex-direction:column}.tab-panel.active{display:flex}.drop-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.drop-zone{width:100%;max-width:540px;border:2px dashed var(--border);border-radius:16px;padding:56px 40px;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;transition:all .2s;text-align:center}.drop-zone:hover,.drop-zone.over{border-color:var(--accent);background:#2563eb0a}[data-theme=dark] .drop-zone:hover,[data-theme=dark] .drop-zone.over{background:#e8ff6e0a}.drop-icon{width:54px;height:54px;background:var(--surface2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.drop-zone h2{font-size:17px;font-weight:600}.drop-zone p{font-size:13px;color:var(--muted);line-height:1.5}.browse-link{color:var(--accent);text-decoration:underline;cursor:pointer}.app-layout{flex:1;display:none;overflow:hidden}.app-layout.on{display:flex}.sidebar{width:210px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sb-head{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);flex-shrink:0}.sb-add{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-family:DM Sans,sans-serif;color:var(--text);cursor:pointer;transition:all .12s}.sb-add:hover{background:var(--accent);color:var(--at);border-color:var(--accent)}.file-list{flex:1;overflow-y:auto;padding:6px}.file-card{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;border:1px solid var(--border);margin-bottom:5px;background:var(--surface);transition:border-color .12s;-webkit-user-select:none;user-select:none}.file-card:hover{border-color:var(--accent)}.file-card.fover{border-color:var(--accent2);border-style:dashed}.file-card.fdrag{opacity:.4}.fhandle{cursor:grab;color:var(--muted);font-size:13px;flex-shrink:0}.fhandle:active{cursor:grabbing}.fdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.finfo{flex:1;min-width:0}.fname{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpages{font-size:10px;color:var(--muted);font-family:DM Mono,monospace;margin-top:1px}.fremove{background:none;border:none;cursor:pointer;color:var(--muted);font-size:12px;padding:2px 4px;border-radius:4px;flex-shrink:0;line-height:1}.fremove:hover{color:var(--danger);background:#dc262614}.sb-foot{padding:8px 10px;border-top:1px solid var(--border);flex-shrink:0}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;gap:7px;padding:9px 18px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;flex-shrink:0}.pages-scroll{flex:1;overflow-y:auto;padding:20px}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.pages-scroll.fover{outline:2px dashed var(--accent);outline-offset:-6px;background:#2563eb08}[data-theme=dark] .pages-scroll.fover{background:#e8ff6e08}.btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:7px 13px;border-radius:var(--r);border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap;background:var(--surface);color:var(--text)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:hover:not(:disabled){background:var(--surface2)}.btn-accent{background:var(--accent);color:var(--at);border-color:var(--accent);font-weight:600}.btn-accent:hover:not(:disabled){background:var(--ah);border-color:var(--ah);box-shadow:0 4px 14px var(--as)}.btn-danger{color:var(--danger);border-color:var(--dbord);background:transparent}.btn-danger:hover:not(:disabled){background:#dc262614;border-color:var(--danger)}.sep{width:1px;height:20px;background:var(--border);margin:0 2px}.page-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .12s,box-shadow .12s;cursor:grab;-webkit-user-select:none;user-select:none}.page-card:active{cursor:grabbing}.page-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.page-card.dtgt{border-color:var(--accent2);border-style:dashed}.page-card:hover:not(.dtgt){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-thumb{width:100%;display:block;aspect-ratio:3/4;object-fit:contain;background:#fff}.page-loading{width:100%;aspect-ratio:3/4;background:var(--thbg);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-family:DM Mono,monospace}.page-foot{padding:6px 8px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.pnum{font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}.pacts{display:flex;gap:3px}.ib{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:var(--muted);font-size:12px;transition:all .1s;display:flex;align-items:center}.ib:hover{background:var(--surface2);color:var(--text)}.ib.del:hover{background:#dc26261a;color:var(--danger)}.sel-chk{position:absolute;top:5px;left:5px;width:15px;height:15px;background:var(--accent);border-radius:4px;display:none;align-items:center;justify-content:center;font-size:9px;color:#000;font-weight:700;pointer-events:none}.page-card.sel .sel-chk{display:flex}.file-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;pointer-events:none}.split-toolbar{display:flex;gap:8px;padding:9px 18px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap;flex-shrink:0}.split-info{font-size:13px;color:var(--muted);flex:1}.split-scroll{flex:1;overflow-y:auto;padding:20px}.split-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.split-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.split-card.sp-active{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.split-card canvas{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}.split-card-loading{width:100%;aspect-ratio:3/4;background:var(--thbg);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-family:DM Mono,monospace}.split-card-foot{padding:5px 7px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.split-pnum{font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}.split-toggle{background:none;border:1px solid var(--border);cursor:pointer;padding:2px 6px;border-radius:5px;font-size:10px;color:var(--muted);transition:all .12s;white-space:nowrap}.split-toggle:hover{border-color:var(--danger);color:var(--danger);background:#dc26260f}.split-card.sp-active .split-toggle{background:var(--danger);color:#fff;border-color:var(--danger)}.split-part-header{grid-column:1/-1;font-family:DM Mono,monospace;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;padding:4px 0 2px;border-bottom:1px solid var(--border);margin-bottom:4px}.sign-layout{flex:1;display:flex;overflow:hidden}.sign-sidebar{width:340px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.page-nav-box{display:flex;align-items:center;gap:6px;background:var(--surface2);padding:6px;border-radius:10px;border:1px solid var(--border);flex-wrap:nowrap;width:100%}.page-nav-box .btn{flex-shrink:0;padding:5px 8px;font-size:11px}.sign-sidebar h3{font-size:16px;font-weight:600}.sign-sub{font-size:12px;color:var(--muted);line-height:1.4}.sign-section{display:flex;flex-direction:column;gap:8px;background:var(--surface2);padding:12px;border-radius:12px;border:1px solid var(--border)}.sign-section label{font-size:10px;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.sign-sidebar input[type=text],.sign-select,.sign-sidebar textarea{font-family:DM Sans,sans-serif;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);outline:none}.sign-sidebar input[type=text]:focus,.sign-select:focus,.sign-sidebar textarea:focus{border-color:var(--accent)}.pad-header{display:flex;align-items:center;justify-content:space-between}.canvas-wrap{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 2px 4px #0000000a}#sign-canvas{touch-action:none;cursor:crosshair;background:#fff}.slider-row{display:flex;flex-direction:column;gap:4px;margin-top:4px}.slider-row input[type=range]{accent-color:var(--accent);cursor:pointer}.text-boxes-container{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto}.text-box-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.text-box-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--muted)}.text-box-card textarea{resize:vertical;min-height:50px}.text-box-tools{display:flex;gap:8px;align-items:center}.text-box-tools input[type=number]{width:60px;padding:4px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text)}.text-box-tools input[type=color]{width:28px;height:28px;border:none;cursor:pointer;background:none}.sign-instructions{font-size:11px;color:var(--muted);background:var(--surface2);padding:10px;border-radius:8px;line-height:1.4}.sign-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.sign-main{flex:1;overflow:auto;padding:24px;display:flex;align-items:center;justify-content:center;background:var(--bg)}.sign-preview-wrap{display:inline-block;position:relative;box-shadow:0 10px 30px #00000026;border-radius:8px;overflow:hidden}.sign-preview-container{position:relative;display:inline-block}#sign-preview-canvas{display:block;background:#fff;max-width:100%;max-height:80vh}.signature-overlay{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);border:2px dashed var(--accent);background:#2563eb14;border-radius:6px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;box-shadow:0 4px 12px #00000026;transform-origin:center center}.signature-overlay #overlay-sig-img{max-width:180px;max-height:70px;object-fit:contain;pointer-events:none}.signature-overlay .overlay-handle{font-size:9px;font-family:DM Mono,monospace;color:var(--accent);margin-top:2px;pointer-events:none}.text-box-overlay{position:absolute;border:1px dashed var(--accent2);background:#0891b214;border-radius:6px;padding:4px 8px;cursor:move;-webkit-user-select:none;user-select:none;z-index:11;font-family:DM Sans,sans-serif;white-space:pre-wrap;box-shadow:0 2px 8px #0000001a}.text-box-overlay .tb-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.text-box-overlay .tb-handle{font-size:8px;font-family:DM Mono,monospace;color:var(--accent2);pointer-events:none}.text-box-overlay .tb-del-btn{font-size:10px;color:var(--danger);cursor:pointer;line-height:1;padding:1px 3px;border-radius:3px}.text-box-overlay .tb-del-btn:hover{background:#dc262633}#toast{position:fixed;bottom:22px;right:22px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:10px 15px;font-size:13px;color:var(--text);display:none;align-items:center;gap:8px;z-index:999;box-shadow:0 8px 28px #0000004d;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-wrap{display:flex;align-items:center;gap:8px}.theme-lbl{font-size:12px;color:var(--muted);font-family:DM Mono,monospace;-webkit-user-select:none;user-select:none}.tsw{position:relative;width:40px;height:22px;cursor:pointer}.tsw input{display:none}.trk{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface2);border:1px solid var(--border);border-radius:99px;transition:background .2s,border-color .2s}.tsw input:checked+.trk{background:var(--accent);border-color:var(--accent)}.tkn{position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003;display:flex;align-items:center;justify-content:center;font-size:8px}.tsw input:checked+.trk+.tkn{transform:translate(18px)}[data-theme=dark] .tkn{background:#1a1a1d}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-bg.on{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #00000059}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal h3{font-size:17px;font-weight:600}.modal-close{background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px}.modal-close:hover{background:var(--surface2);color:var(--text)}.em-note{font-size:12px;color:var(--muted);margin-bottom:2px}.email-provider-selector{display:flex;flex-direction:column;gap:8px;margin:6px 0}.provider-radio{cursor:pointer}.provider-radio input{display:none}.radio-card{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);transition:border-color .15s,background .15s}.provider-radio input:checked+.radio-card{border-color:var(--accent);background:#2563eb0f}[data-theme=dark] .provider-radio input:checked+.radio-card{background:#e8ff6e0f}.provider-title{font-size:13px;font-weight:600}.provider-sub{font-size:11px;color:var(--muted);margin-top:2px}.gmail-auth-warning{font-size:12px;padding:8px 10px;background:#ea43351a;border:1px solid var(--danger);border-radius:8px;color:var(--text)}.gmail-auth-warning a{color:var(--accent);font-weight:600;text-decoration:underline}.modal label{font-size:10px;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-top:4px}.modal input,.modal textarea{font-family:DM Sans,sans-serif;font-size:13px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);outline:none;resize:vertical}.modal input:focus,.modal textarea:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.em-hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px;padding:8px 10px;background:var(--surface2);border-radius:8px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}