:root{--bg:#0b0d12;--chrome:#11141b;--panel:#151a23;--panel-2:#1c2130;--line:#2a3040;--line-soft:#202636;--text:#f4f6fa;--muted:#9ca6b8;--violet:#7c5cfc;--blue:#3b82f6;--green:#55d6a2}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.app-shell{background:radial-gradient(circle at 48% 20%,#20283a 0,#10151e 38%,#0b0d12 76%);min-width:1100px;height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0d1118f5;align-items:center;gap:14px;height:58px;padding:0 14px;display:flex}.brand{letter-spacing:-.04em;border-right:1px solid var(--line);align-items:center;gap:9px;padding-right:18px;font-size:23px;font-weight:760;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#915dff,#5b5ce8);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 0 24px #7c5cfc59}.filename,.icon-button,.tool-icon,.tool-button,.zoom-button,.select-control,.color-control,.floating-editor button{cursor:pointer;background:0 0;border:0}.filename{align-items:center;gap:7px;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.privacy{color:#86dfbc;background:#55d6a212;border:1px solid #55d6a22e;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:11px;display:flex}.open-button{color:#d9dfeb;cursor:pointer;background:#181e29;border:1px solid #343d4f;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.open-button:hover{background:#222938;border-color:#465168}.save-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b6aff,#6848ef);border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:650;display:flex;box-shadow:0 8px 22px #5b48ef40}.save-button:hover{filter:brightness(1.08)}.save-button:disabled{cursor:wait;opacity:.82}.icon-button,.tool-icon{border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.tool-icon:hover{background:var(--panel-2)}.toolbar{border-bottom:1px solid var(--line);background:#11141bf2;align-items:center;gap:12px;height:66px;padding:7px 12px;display:flex}.history-tools{border-right:1px solid var(--line);gap:3px;padding-right:10px;display:flex}.main-tools{align-items:stretch;gap:3px;display:flex}.tool-button{color:#b4bdcc;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:65px;height:49px;font-size:11px;transition:all .15s;display:flex}.tool-button:hover{background:var(--panel-2);color:#fff}.tool-button.active{color:#b9a8ff;background:linear-gradient(#272d3c,#202534);box-shadow:inset 0 0 0 1px #31394b}.tool-icon:disabled{opacity:.25;cursor:default}.view-tools{border-left:1px solid var(--line);align-items:center;gap:3px;margin-left:auto;padding-left:10px;display:flex}.muted{opacity:.38}.active-subtle{background:var(--panel-2)!important}.divider{background:var(--line);width:1px;height:30px;margin:0 8px}.zoom-button{border:1px solid var(--line);background:#191e29;place-items:center;width:31px;height:31px;display:grid}.zoom-button:first-of-type{border-radius:6px 0 0 6px}.zoom-button:hover{background:#232a39}.zoom-value{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#191e29;place-items:center;min-width:51px;height:31px;font-size:12px;display:grid}.workspace{grid-template-columns:194px minmax(630px,1fr) 292px;height:calc(100vh - 124px);display:grid}.pages-panel,.inspector{border-color:var(--line);background:#11151df5;overflow:auto}.pages-panel{border-right:1px solid var(--line);padding-bottom:22px}.panel-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:47px;padding:0 15px;font-size:13px;font-weight:650;display:flex}.panel-heading b{color:#6f7b8e;margin-left:4px;font-size:10px}.panel-heading div{color:var(--muted);gap:12px;display:flex}.search-box{border:1px solid var(--line);color:#6f7b8e;background:#0e1219;border-radius:7px;align-items:center;gap:7px;height:34px;margin:12px;padding:0 9px;display:flex}.search-box:focus-within{border-color:var(--blue)}.search-box input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:10px}.thumbnail-wrap{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:100%;padding:9px 17px;display:flex}.thumbnail-wrap span{color:#c2c9d5;font-size:11px}.thumbnail{aspect-ratio:1/1.414;color:#111827;background:#fff;border:2px solid #0000;width:126px;padding:11px;box-shadow:0 5px 16px #05070a}.thumbnail-wrap.selected .thumbnail{border-color:var(--violet);box-shadow:0 0 0 2px #7c5cfc33,0 8px 25px #05070a}.thumbnail-wrap.selected span{background:var(--violet);color:#fff;border-radius:4px;padding:2px 8px}.real-thumb{object-fit:cover;object-position:top;padding:0}.thumb-title{margin-bottom:10px;font-size:7px;font-weight:800}.thumb-line{background:#a5acb9;height:2px;margin:4px 0}.w80{width:80%}.w55{width:55%}.w70{width:70%}.w90{width:90%}.thumb-grid{background:repeating-linear-gradient(0deg,#d7dbe2 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#d7dbe2 0 1px,#0000 1px 24px);height:33px;margin:13px 0}.add-page{color:#aeb7c6;cursor:pointer;background:0 0;border:1px dashed #3b4356;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 34px);margin:10px 17px;padding:9px;font-size:11px;display:flex}.document-stage{background:radial-gradient(at top,#344158b3,#0d111859 60%);justify-content:center;align-items:flex-start;padding:54px 55px 150px;display:flex;position:relative;overflow:auto}.stage-status{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#aeb7c6;background:#0e121adb;border:1px solid #2e3748;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;display:flex;position:fixed;top:137px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.status-dot.demo{background:#8e7af8;box-shadow:0 0 10px #7c5cfc}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pdf-page{transform-origin:top;color:#111827;background:#fff;width:650px;min-height:920px;padding:62px 51px 42px;transition:transform .16s;position:relative;box-shadow:0 22px 70px #00000085,0 0 0 1px #ffffff1a}.demo-page{padding-top:138px}.demo-open-card{color:#fff;background:linear-gradient(135deg,#121927 0%,#1d2434 100%);border:1px solid #343e53;border-radius:10px;align-items:center;gap:13px;min-height:78px;padding:13px 15px;display:flex;position:absolute;top:30px;left:30px;right:30px;box-shadow:0 15px 35px #1118272e}.demo-open-card>span{color:#c2b7ff;background:#7c5cfc26;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.demo-open-card div{flex-direction:column;flex:1;gap:4px;display:flex}.demo-open-card strong{font-size:12px}.demo-open-card small{color:#9ca6b8;font-size:8px}.demo-open-card button{color:#fff;cursor:pointer;background:#7c5cfc;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:650;display:flex}.invoice-head{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{letter-spacing:.16em;color:#667085;font-size:8px;font-weight:700}.invoice-head h1{letter-spacing:-.035em;margin:11px 0 0;font-size:35px}.invoice-head dl{min-width:172px;margin:0;font-size:10px}.invoice-head dl div{margin-bottom:12px}.invoice-head dt{font-weight:700}.invoice-head dd{margin:3px 0 0}.invoice-rule{background:#b9c0cc;height:1px;margin:32px 0 26px}.parties{grid-template-columns:1fr 1fr;gap:80px;display:grid}.parties h2{margin:0 0 10px;font-size:14px}.parties p{margin:0;font-size:10px;line-height:1.65}.editable-block{position:relative}.selected-block{outline-offset:7px;outline:2px solid #6558ff}.block-label{color:#fff;opacity:0;background:#6558ff;border-radius:4px 4px 4px 0;padding:4px 6px;font-size:8px;transition:all .15s;position:absolute;top:-29px;left:-9px}.selected-block:hover .block-label{opacity:1}.handle{background:#fff;border:1.5px solid #6558ff;width:7px;height:7px;position:absolute}.top-left{top:-11px;left:-11px}.top-right{top:-11px;right:-11px}.bottom-left{bottom:-11px;left:-11px}.bottom-right{bottom:-11px;right:-11px}.floating-editor{color:#e9edf4;background:#111722;border:1px solid #30394a;border-radius:7px;align-items:center;gap:2px;height:40px;padding:4px 7px;display:flex;position:absolute;top:282px;left:45px;box-shadow:0 10px 24px #00000061}.floating-editor button{color:#d8deea;border-left:1px solid #313849;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:10px;display:flex}.floating-editor .format-active{color:#fff;background:#2b3342;border-radius:4px}.color-chip{background:#111827;border:1px solid #778196;border-radius:3px;width:18px;height:18px;margin:0 5px}table{border-collapse:collapse;width:100%;margin-top:62px;font-size:9px}th{text-align:left;background:#edf0f4;border-top:1px solid #cbd1db;border-bottom:1px solid #cbd1db;padding:10px 9px}td{border-bottom:1px solid #d6dbe3;padding:12px 9px}th:not(:first-child),td:not(:first-child){text-align:right}.summary{width:285px;margin:25px 0 47px auto;font-size:10px}.summary div{justify-content:space-between;padding:6px 9px;display:flex}.summary .total{color:#0754d7;background:#e8f0ff;margin-top:4px;padding:11px 10px;font-size:12px}.summary .total strong{font-size:14px}.invoice-footer{border-top:1px solid #4c586b;justify-content:space-between;padding-top:15px;font-size:8px;display:flex}.rendered-page{transform-origin:top;background:#fff;flex:none;transition:transform .18s;position:relative;box-shadow:0 22px 70px #00000085,0 0 0 1px #ffffff1a}.rendered-page>img{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.text-layer{position:absolute;inset:0}.pdf-text-block{color:#0000;text-align:left;white-space:nowrap;cursor:text;background:0 0;border:0;outline:1px solid #0000;padding:0;line-height:1;transition:outline-color .12s,background .12s;position:absolute;overflow:visible}.pdf-text-block:hover{background:#3b82f614;outline:1px solid #3b82f6b3}.pdf-text-block.selected{background:#6558ff14;outline:2px solid #6558ff;box-shadow:0 0 0 3px #6558ff14}.pdf-text-block.selected:before,.pdf-text-block.selected:after{content:"";background:#fff;border:1.5px solid #6558ff;width:6px;height:6px;position:absolute}.pdf-text-block.selected:before{top:-4px;left:-4px}.pdf-text-block.selected:after{bottom:-4px;right:-4px}.pdf-text-block.modified{color:#111827;background:#fff;display:block}.pdf-text-block.modified.selected{background:#fff}.redaction-mark{color:#fff;cursor:pointer;background:#090b0f;border:0;place-items:center;display:grid;position:absolute;overflow:hidden}.redaction-mark span{letter-spacing:.08em;opacity:.65;font-size:7px}.signature-mark{color:#162039;text-shadow:0 1px #16203926;font-family:Times New Roman,serif;font-size:25px;font-style:italic;position:absolute;transform:rotate(-4deg)}.loading-card{color:#dce2ed;background:#11161fe0;border:1px solid #30394a;border-radius:12px;flex-direction:column;align-items:center;gap:9px;width:340px;margin-top:130px;padding:35px;display:flex;box-shadow:0 25px 80px #0000004d}.loading-card svg{color:#8971fc}.loading-card strong{font-size:14px}.loading-card span{color:#8994a6;text-align:center;font-size:10px}.drop-overlay{z-index:60;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;pointer-events:none;background:#0a0d13db;border:2px dashed #8b72ff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:fixed;inset:14px}.drop-overlay svg{color:#9c86ff}.drop-overlay strong{font-size:23px}.drop-overlay span{color:#a7b0c0;font-size:12px}.inspector{border-left:1px solid var(--line)}.inspector-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:12px 14px;display:flex}.inspector-title>div{align-items:center;gap:10px;display:flex}.inspector-title span:last-child{flex-direction:column;font-size:14px;font-weight:650;display:flex}.inspector-title small{letter-spacing:.13em;color:#838ea1;margin-bottom:3px;font-size:8px}.icon-square{color:#b8a7ff;background:#7c5cfc21;border:1px solid #7c5cfc47;border-radius:7px;place-items:center;width:34px;height:34px;display:grid!important}.inspector-title button{color:#9ca6b8;cursor:pointer;background:0 0;border:0;font-size:22px}.selection-check{color:#6edcad;background:#55d6a217;border:1px solid #55d6a22e;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:4px 7px;font-size:8px;display:flex}.inspector-section{border-bottom:1px solid var(--line-soft);padding:14px}.inspector-section>label{color:#b6becb;margin:0 0 9px;font-size:11px;display:block}.two-cols{grid-template-columns:1.35fr .8fr;gap:8px;display:grid}.select-control,.color-control{color:#e8ecf3;background:#171c26;border:1px solid #343d4f;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 10px;font-size:11px;display:flex}.select-control:disabled{opacity:.45}.text-edit-section textarea{resize:vertical;color:#f0f3f8;background:#11161f;border:1px solid #343d4f;border-radius:6px;outline:none;width:100%;min-height:78px;padding:9px;font:11px/1.45 inherit}.text-edit-section textarea:focus{border-color:#5b72d8;box-shadow:0 0 0 3px #3b82f614}.text-edit-section textarea:disabled{color:#687386}.stepper{background:#171c26;border:1px solid #343d4f;border-radius:6px;grid-template-columns:27px 1fr 27px;align-items:center;height:38px;font-size:10px;display:grid;overflow:hidden}.stepper button{color:#dce2eb;cursor:pointer;background:#202633;border:0;height:100%}.stepper button:disabled{opacity:.35}.stepper span{text-align:center;white-space:nowrap}.match-row{color:#aeb7c5;justify-content:space-between;margin:15px 0 7px;font-size:10px;display:flex}.match-row strong{color:var(--green);font-size:16px}.match-track{background:#313949;border-radius:999px;height:5px;overflow:hidden}.match-track i{background:linear-gradient(90deg,#35bb83,var(--green));border-radius:inherit;width:98%;height:100%;display:block}.match-note{color:#6fdcb0;align-items:center;gap:6px;margin:9px 0 0;font-size:9px;line-height:1.4;display:flex}.segmented{grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid}.segmented button{color:#bdc5d1;cursor:pointer;background:#181d27;border:1px solid #343d4f;border-right:0;height:35px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-right:1px solid #343d4f;border-radius:0 6px 6px 0}.segmented button.selected{color:#fff;background:#152a50;border-color:#1d68dd;box-shadow:inset 0 0 0 1px #2671e7}.segmented.icons svg{width:15px}.color-control{justify-content:flex-start;gap:8px}.color-control span{background:#111827;border:1px solid #768194;border-radius:4px;width:23px;height:23px}.color-control b{font-weight:500}.color-control svg{margin-left:auto}.two-cols>div small{color:#7f8a9d;margin:0 0 6px;font-size:8px;display:block}.inspector-actions{flex-direction:column;gap:8px;padding:14px;display:flex}.secondary-action,.primary-action{cursor:pointer;border-radius:6px;min-height:38px;font-size:10px}.secondary-action{color:#aeb7c5;background:0 0;border:1px solid #364052;justify-content:center;align-items:center;gap:7px;display:flex}.primary-action{color:#fff;background:linear-gradient(135deg,#7c5cfc,#5f45e8);border:0;font-weight:650}.primary-action:hover{filter:brightness(1.08)}.primary-action:disabled{opacity:.36;cursor:default;filter:none}.engine-note{color:#8e99aa;background:#0f141c;border:1px solid #222a38;border-radius:7px;align-items:center;gap:9px;margin:0 14px 16px;padding:11px;font-size:9px;display:flex}.engine-note svg{color:#7c5cfc}.engine-note span{flex-direction:column;gap:2px;display:flex}.engine-note strong{color:#c9d0db}.organize-summary{background:#11161e;border:1px solid #272f3e;border-radius:8px;flex-direction:column;gap:4px;margin:14px;padding:14px;display:flex}.organize-summary strong{font-size:13px}.organize-summary span{color:#7f8a9d;font-size:9px}.organize-actions{flex-direction:column;gap:8px;display:flex}.organize-actions button{text-align:left;color:#dbe1eb;cursor:pointer;background:#171c26;border:1px solid #333c4e;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.organize-actions button:hover{background:#202633}.organize-actions button.danger{color:#ff9292;border-color:#ff646440}.organize-actions button span{flex-direction:column;gap:3px;display:flex}.organize-actions button strong{font-size:10px}.organize-actions button span:not(strong){color:#8792a3;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060abf;place-items:center;display:grid;position:fixed;inset:0}.signature-dialog{background:#151a23;border:1px solid #31394a;border-radius:13px;flex-direction:column;width:min(420px,100vw - 28px);padding:28px;display:flex;position:relative;box-shadow:0 35px 100px #0000008c}.modal-close{cursor:pointer;background:#1d2330;border:0;border-radius:6px;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:12px;right:12px}.dialog-icon{color:#c5b8ff;background:#7c5cfc24;border:1px solid #7c5cfc40;border-radius:9px;place-items:center;width:45px;height:45px;margin-bottom:18px;display:grid}.signature-dialog small{color:#8173d7;letter-spacing:.14em;font-size:8px;font-weight:700}.signature-dialog h2{letter-spacing:-.02em;margin:5px 0 7px;font-size:20px}.signature-dialog p{color:#919cad;margin:0 0 19px;font-size:10px;line-height:1.5}.signature-dialog input{color:#fff;background:#0f141c;border:1px solid #333c4e;border-radius:7px;outline:none;height:42px;padding:0 12px}.signature-dialog input:focus{border-color:#7c5cfc}.signature-preview{color:#d6dcec;background:#10151d;border:1px dashed #343e4f;border-radius:7px;place-items:center;min-height:76px;margin:10px 0 14px;font:italic 28px Times New Roman,serif;display:grid;transform:rotate(-2deg)}@media (max-width:1250px){.app-shell{min-width:920px}.workspace{grid-template-columns:150px minmax(560px,1fr) 265px}.thumbnail{width:104px}.tool-button{min-width:54px}.tool-button span,.privacy{display:none}}@media (max-width:960px){.app-shell{min-width:0;height:auto;min-height:100vh;overflow:auto}.topbar{z-index:30;position:sticky;top:0}.toolbar{overflow-x:auto}.workspace{height:auto;min-height:calc(100vh - 124px);display:block}.pages-panel{display:none}.inspector{z-index:20;width:276px;position:fixed;top:136px;bottom:10px;right:10px;box-shadow:0 20px 70px #000}.document-stage{justify-content:flex-start;min-height:100vh;padding:52px 320px 100px 30px}.pdf-page{transform-origin:0 0!important}}