:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080d;--panel:#0d1119;--panel-2:#111722;--line:#232b39;--line-2:#303b4d;--text:#f4f7fb;--muted:#8f9bad;--accent:#7c5cff;--accent-2:#27c2ff;--danger:#ff5b6e;--success:#39d98a;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(circle at 65% -15%,#584dff47,#0000 34%),radial-gradient(circle at 5% 15%,#27c2ff1f,#0000 25%),#070a10;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:20;background:#080b11d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-weight:850;display:flex}.brand-mark{background:linear-gradient(145deg,#9b79ff,#27c2ff);border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 12px 30px #5c44ff52}.btn{border:1px solid var(--line-2);color:var(--text);background:#121925;border-radius:11px;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;transition:all .18s;display:inline-flex}.btn:hover{background:#182131;border-color:#46536a;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#7c5cff,#4169ff);border-color:#0000;box-shadow:0 12px 30px #4b4bff47}.landing{max-width:1240px;margin:0 auto;padding:100px 28px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:64px;display:grid}.eyebrow{color:#72e2ff;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.07em;margin:20px 0;font-size:clamp(50px,7vw,86px);line-height:.95}.hero p{color:#a7b2c3;max-width:680px;font-size:19px;line-height:1.75}.hero-actions{gap:12px;margin-top:34px;display:flex}.mock{box-shadow:var(--shadow);background:#0f151f;border:1px solid #2a3445;border-radius:26px;overflow:hidden;transform:perspective(1200px)rotateY(-7deg)rotateX(2deg)}.mock-top{background:#141b28;border-bottom:1px solid #293244;align-items:center;gap:7px;height:44px;padding:0 15px;display:flex}.dot{background:#566274;border-radius:50%;width:9px;height:9px}.mock-body{grid-template-columns:82px 1fr 62px;height:460px;display:grid}.mock-side{background:#0b111b;border-right:1px solid #263142}.mock-page{background:#fff;border-radius:7px;margin:34px;position:relative;box-shadow:0 18px 55px #0009}.mock-page:before,.mock-page:after{content:"";background:#dce5f2;border-radius:99px;height:9px;position:absolute;left:12%;right:12%}.mock-page:before{top:16%}.mock-page:after{top:23%;right:28%}.mock-highlight{background:#fde04788;border-radius:4px;height:44px;position:absolute;top:44%;left:12%;right:28%}.features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:120px;display:grid}.feature{background:linear-gradient(#0f1622,#0b111a);border:1px solid #212b3b;border-radius:20px;padding:28px;box-shadow:0 18px 50px #00000029}.feature h3{margin:16px 0 8px}.feature p{color:#98a5b8;margin:0;line-height:1.65}.dashboard{max-width:1240px;margin:0 auto;padding:44px 28px}.dash-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.documents{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.doc-card{background:#0e1520;border:1px solid #222c3b;border-radius:18px;transition:all .2s;overflow:hidden}.doc-card:hover{border-color:#4a5b77;transform:translateY(-4px);box-shadow:0 22px 50px #00000040}.doc-preview{background:radial-gradient(circle at 50% 30%,#22304a,#101722 65%);place-items:center;height:195px;display:grid}.paper{background:#fff;border-radius:5px;width:108px;height:145px;padding:18px;box-shadow:0 15px 35px #0008}.line{background:#dce4ef;border-radius:4px;height:5px;margin-bottom:8px}.doc-meta{padding:17px}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.muted{color:#8794a7;margin-top:6px;font-size:13px}.dropzone{text-align:center;color:#a9b4c5;background:#0d141fb8;border:1px dashed #465873;border-radius:18px;margin-bottom:28px;padding:38px;transition:all .18s}.dropzone:hover{background:#111a29;border-color:#7c5cff}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(430px,100%);box-shadow:var(--shadow);background:#0f1724;border:1px solid #28354b;border-radius:22px;padding:32px}.auth-card h1{margin-top:0}.auth-card input{color:#fff;background:#111b2c;border:1px solid #2a3952;border-radius:10px;width:100%;margin:7px 0 14px;padding:12px}.error{color:#fecdd3;background:#411d28;border-radius:10px;margin-bottom:12px;padding:11px}.editor-v2{color:#ecf1f8;background:#090c12;grid-template-rows:64px 54px minmax(0,1fr) 28px;height:100vh;display:grid;overflow:hidden}.editor-head-v2{z-index:20;background:#0c1018fa;border-bottom:1px solid #202836;grid-template-columns:minmax(310px,1fr) auto minmax(310px,1fr);align-items:center;gap:18px;padding:0 14px;display:grid}.editor-brandline,.editor-centre-controls,.editor-actions,.tool-group,.search-box{align-items:center;display:flex}.editor-brandline{gap:10px;min-width:0}.document-icon{background:linear-gradient(145deg,#7658ff,#3f87ff);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #5b4aff42}.document-identity{min-width:0}.document-identity input{color:#f5f7fb;letter-spacing:-.02em;background:0 0;border:0;outline:none;width:min(360px,34vw);padding:0;font-weight:760;display:block}.document-identity span{color:#7e8a9b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.editor-centre-controls{justify-content:center;gap:5px}.editor-actions{justify-content:flex-end;gap:8px}.head-divider{background:#2a3342;width:1px;height:24px;margin:0 5px}.icon-button,.zoom-value,.search-box button{color:#9ca8b8;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;min-width:34px;height:34px;display:grid}.icon-button:hover,.zoom-value:hover,.search-box button:hover{color:#fff;background:#18202c;border-color:#2d3849}.page-counter{color:#8491a3;background:#111722;border:1px solid #273142;border-radius:9px;align-items:center;gap:4px;height:34px;padding:0 9px;font-size:12px;display:flex}.page-counter input{color:#fff;text-align:center;background:0 0;border:0;outline:none;width:28px}.zoom-value{padding:0 7px;font-size:12px}.button-quiet,.button-primary{color:#eef3fb;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 13px;display:inline-flex}.button-quiet{background:#131a25;border:1px solid #293448}.button-primary{background:linear-gradient(135deg,#7759ff,#426bff);border:1px solid #0000;box-shadow:0 8px 24px #594cff45}.tool-ribbon{z-index:15;background:#0e131c;border-bottom:1px solid #222b39;align-items:center;gap:10px;padding:0 14px;display:flex;overflow-x:auto}.tool-group{gap:4px}.tool-group.compact{gap:2px}.ribbon-tool{color:#96a2b3;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 9px;display:flex}.ribbon-tool span{font-size:12px;font-weight:650}.ribbon-tool kbd{color:#687487;background:#151c27;border:1px solid #2a3444;border-radius:4px;padding:1px 4px;font-size:9px}.ribbon-tool:hover{color:#fff;background:#171f2b}.ribbon-tool.active{color:#fff;background:linear-gradient(#272344,#1c1b34);border-color:#554d95}.ribbon-tool.active kbd{color:#bcb5ff;border-color:#4f4786}.ribbon-divider{background:#2a3341;width:1px;height:25px}.search-box{background:#111722;border:1px solid #283345;border-radius:10px;gap:7px;min-width:250px;height:36px;margin-left:auto;padding:0 6px 0 10px}.search-box input{color:#eef3fa;background:0 0;border:0;outline:none;flex:1;min-width:80px;font-size:12px}.search-box span{color:#7f8b9c;font-size:10px}.search-box button{border-radius:7px;min-width:26px;height:26px}.editor-main-v2{grid-template-columns:208px minmax(0,1fr) 304px;min-height:0;display:grid}.page-rail,.inspector-panel{background:#0c1119;min-height:0;overflow:hidden}.page-rail{border-right:1px solid #222b38}.inspector-panel{border-left:1px solid #222b38;overflow-y:auto}.panel-heading{color:#cbd4df;text-transform:uppercase;letter-spacing:.1em;z-index:3;background:#0c1119;border-bottom:1px solid #202835;justify-content:space-between;align-items:center;height:42px;padding:0 14px;font-size:11px;font-weight:800;display:flex;position:sticky;top:0}.thumbnail-list{height:calc(100% - 42px);padding:12px;overflow-y:auto}.page-thumbnail{color:#8f9bad;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:7px;width:100%;padding:9px;display:flex}.page-thumbnail:hover{background:#131a25}.page-thumbnail.active{color:#fff;background:#171e2a;border-color:#5d55a0;box-shadow:inset 3px 0 #8064ff}.page-thumbnail.search-hit{outline:1px solid #d6a92f}.thumbnail-canvas{border-radius:4px;max-width:150px;overflow:hidden;box-shadow:0 8px 20px #00000059}.thumbnail-canvas canvas{background:#fff;max-width:150px;display:block;height:auto!important}.page-thumbnail>span{font-size:11px}.document-stage{scroll-behavior:smooth;background:radial-gradient(circle at 50% 0,#313846,#262c36 52%,#202630);flex-direction:column;align-items:center;gap:34px;min-width:0;min-height:0;padding:46px 54px 80px;display:flex;overflow:auto}.page-shell{background:#fff;border-radius:3px;flex:none;transition:box-shadow .2s;position:relative;box-shadow:0 22px 70px #00000073}.page-shell.selected-page{box-shadow:0 0 0 2px #7b5bffbf,0 24px 75px #00000080}.main-pdf-canvas,.main-pdf-canvas canvas{display:block}.pdf-canvas-host{background:#fff;position:relative}.pdf-render-error{color:#b42336;text-align:center;background:#fff;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.editor-overlay{touch-action:none;position:absolute;inset:0}.editor-overlay.tool-text,.editor-overlay.tool-signature,.editor-overlay.tool-rectangle,.editor-overlay.tool-highlight,.editor-overlay.tool-ink,.editor-overlay.tool-redact{cursor:crosshair}.annotation{-webkit-user-select:none;user-select:none;border:1.5px solid;position:absolute}.annotation.text{white-space:pre-wrap;background:#ffffff1a;border:1px dashed #3b82f6;min-width:40px;padding:2px 4px;font-weight:500;line-height:1.2}.annotation.selected,.annotation-image.selected,.annotation-svg.selected{outline-offset:3px;outline:2px solid #7c5cff}.annotation-image{object-fit:contain;-webkit-user-select:none;user-select:none;position:absolute}.annotation-svg{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.page-badge{color:#d6deea;background:#090d13d1;border-radius:8px;place-items:center;width:28px;height:24px;font-size:10px;display:grid;position:absolute;top:8px;right:-42px;box-shadow:0 5px 15px #0003}.stage-loading{color:#a8b3c1;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:45vh;display:flex}.stage-loading strong{color:#e6ebf2}.stage-loading span{color:#7e8a99;font-size:12px}.live-pill{color:#6fe6a6;letter-spacing:0;background:#123429;border:1px solid #24523f;border-radius:99px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;display:inline-flex}.inspector-section{border-bottom:1px solid #202835;padding:15px}.inspector-section h3{color:#dce3ec;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;display:flex}.inspector-section p{color:#7f8b9c;margin:8px 0 0;font-size:11px;line-height:1.55}.inspector-section label{color:#8e9bad;margin-bottom:10px;font-size:10px;display:block}.inspector-section input,.inspector-section textarea,.inspector-section select{color:#eef3f9;background:#111722;border:1px solid #2b3648;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:9px}.inspector-section input[type=color]{height:38px;padding:4px}.inspector-section input[type=range]{border:0;padding:0}.inspector-section label>span{float:right;color:#c7d0dc;margin-top:4px}.field-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.inspector-action{color:#dce4ef;background:#121925;border:1px solid #2b3648;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:7px;font-size:11px;display:flex}.inspector-action:hover{background:#182130;border-color:#43516a}.inspector-action.danger{color:#ff9dab;border-color:#55303a}.danger-section{background:linear-gradient(#6d1a2929,#0000)}.action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.signature-preview{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:80px;margin-top:10px}.change-list{gap:6px;display:grid}.change-list button,.global-change{color:#aeb9c7;text-align:left;background:#101722;border:1px solid #273244;border-radius:9px;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.change-list button.active{color:#fff;background:#1b1931;border-color:#6b5fbd}.change-list small,.global-change small{color:#6f7b8c}.version-row{border-bottom:1px solid #1d2531;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;padding:8px 0;font-size:10px;display:grid}.version-row span{color:#8f9bad}.version-row time{color:#697587;text-align:right}.editor-statusbar{color:#738093;background:#0b1017;border-top:1px solid #202835;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;display:flex}.toast-v2{z-index:100;color:#edf2f8;background:#0f1621f5;border:1px solid #39465b;border-radius:11px;padding:11px 14px;font-size:12px;position:fixed;bottom:42px;right:320px;box-shadow:0 16px 45px #00000059}@media (max-width:1180px){.editor-head-v2{grid-template-columns:1fr auto}.editor-centre-controls{display:none}.editor-main-v2{grid-template-columns:176px minmax(0,1fr) 270px}.ribbon-tool span,.ribbon-tool kbd{display:none}.search-box{min-width:190px}.toast-v2{right:286px}}@media (max-width:900px){.hero{grid-template-columns:1fr}.mock{transform:none}.features{grid-template-columns:1fr}.editor-v2{grid-template-rows:60px 50px minmax(0,1fr) 26px}.editor-head-v2{grid-template-columns:1fr auto}.document-identity span,.button-quiet{display:none}.document-identity input{width:42vw}.editor-main-v2{grid-template-columns:minmax(0,1fr)}.page-rail,.inspector-panel{display:none}.tool-ribbon{padding:0 8px}.search-box{display:none}.document-stage{padding:24px 20px 60px}.page-badge{display:none}.toast-v2{bottom:38px;right:14px}}