:root{--asp:#7557d8;--asp2:#176ecb;--asp-ink:#17213b;--asp-muted:#68748b;--asp-line:#dfe5ef}.asp-hero{background:linear-gradient(135deg,#f5f0ff,#edf6ff 65%,#fff);border:1px solid #e4def2}.asp-hero .tool-hero-icon{background:linear-gradient(135deg,var(--asp),var(--asp2));box-shadow:0 13px 30px rgba(92,73,190,.22)}.asp-page{max-width:1220px}.asp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.asp-trust span{padding:10px;border:1px solid var(--asp-line);border-radius:10px;background:#fff;color:#56627a;font-size:.74rem;font-weight:600;text-align:center}.asp-shell{padding:20px;border:1px solid var(--asp-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 22px 70px rgba(31,48,85,.1)}.upload-zone{position:relative;display:flex;min-height:390px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #c4b7e9;border-radius:20px;background:radial-gradient(circle at 50% 0,#eee9fc,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--asp);transform:translateY(-2px)}.upload-zone.loading{opacity:.6;pointer-events:none}.upload-zone>input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:grid;place-items:center;width:72px;height:86px;border-radius:9px 19px 9px 9px;background:linear-gradient(135deg,var(--asp),var(--asp2));color:#fff;font-size:.75rem;font-weight:800}.upload-zone h2{margin:17px 0 4px;color:var(--asp-ink)}.upload-zone>p{margin:0;color:var(--asp-muted)}.choose-file{margin:17px 0 10px;padding:10px 22px;border-radius:99px;background:var(--asp-ink);color:#fff;font-weight:700}.upload-zone>small{color:#7b8699}.password-box{position:relative;z-index:2;width:min(390px,85%);margin-top:16px;text-align:left}.password-box label{color:#59647a;font-size:.68rem;font-weight:700}.password-box>div{display:flex;margin-top:5px}.password-box input{min-width:0;flex:1;padding:10px;border:1px solid #d5ddea;border-radius:8px 0 0 8px;font:inherit}.password-box button{border:1px solid #d5ddea;border-left:0;border-radius:0 8px 8px 0;background:#fff;font-weight:700}.asp-banner{display:none;margin-bottom:13px;padding:11px 14px;border-radius:10px;font-size:.8rem}.asp-banner.visible{display:block}.asp-banner.error{border:1px solid #f1b7b7;background:#fff0f0;color:#ad2929}.asp-banner.success{border:1px solid #a7d8bf;background:#eaf9f0;color:#116f43}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px}.file-summary{display:flex;align-items:center;gap:10px;min-width:0}.file-summary>b{padding:10px 8px;border-radius:7px;background:#fff0f0;color:#c44141;font-size:.62rem}.file-summary div{min-width:0}.file-summary strong,.file-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary strong{max-width:300px;color:var(--asp-ink)}.file-summary span{color:var(--asp-muted);font-size:.7rem}.page-nav{display:flex;align-items:center;gap:7px}.page-nav button,.plain-btn{padding:8px 10px;border:1px solid #d5ddea;border-radius:8px;background:#fff;color:#4e5b72;font-weight:700;cursor:pointer}.page-nav label{color:#5b667b;font-size:.75rem}.page-nav input{width:48px;padding:7px;border:1px solid #d5ddea;border-radius:7px;text-align:center}.studio{display:grid;grid-template-columns:360px 1fr;gap:18px}.signature-maker{padding:18px;border-radius:17px;background:#f7f8fc}.panel-title{display:flex;gap:9px}.panel-title>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:var(--asp);color:#fff;font-size:.72rem;font-weight:800}.panel-title h2{margin:0;color:var(--asp-ink);font-size:.94rem}.panel-title p{margin:2px 0 0;color:var(--asp-muted);font-size:.68rem}.sig-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 11px;padding:3px;border-radius:9px;background:#e8ebf2}.sig-tabs button{padding:8px;border:0;border-radius:7px;background:transparent;color:#667085;font-weight:700;cursor:pointer}.sig-tabs button.active{background:#fff;color:var(--asp);box-shadow:0 2px 7px rgba(0,0,0,.08)}.sig-panel{display:none}.sig-panel.active{display:block}.draw-wrap{position:relative;height:145px;border:1px dashed #b7c0d0;border-radius:10px;background:#fff;touch-action:none}.draw-wrap canvas{width:100%;height:100%}.draw-wrap>span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#a0a9b9;font-size:.7rem}.draw-tools{display:flex;align-items:center;gap:6px;margin-top:7px}.draw-tools label{color:#68748b;font-size:.65rem}.draw-tools input[type=color]{width:26px;height:24px;padding:0;border:0}.draw-tools input[type=range]{width:55px}.draw-tools button,.font-options button,.preset-row button{padding:6px 8px;border:1px solid #d4dce9;border-radius:7px;background:#fff;color:#58647a;font:700 .64rem inherit;cursor:pointer}.field-label{color:#566178;font-size:.68rem;font-weight:700}.field-label input{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d4ddea;border-radius:9px;font:inherit}.font-options{display:flex;gap:6px;margin-top:8px}.font-options button.active{border-color:var(--asp);color:var(--asp)}.typed-preview{height:80px;margin-top:9px;display:grid;place-items:center;border-radius:9px;background:#fff;font:700 2rem 'Dancing Script';overflow:hidden}.sig-upload{position:relative;display:block;padding:28px 12px;border:1px dashed #b8c1d1;border-radius:10px;background:#fff;text-align:center;cursor:pointer}.sig-upload input{position:absolute;inset:0;opacity:0}.sig-upload span,.sig-upload small{display:block}.sig-upload span{color:var(--asp-ink);font-size:.75rem;font-weight:700}.sig-upload small{margin-top:4px;color:var(--asp-muted);font-size:.61rem}#signature-preview{display:none;width:100%;height:76px;object-fit:contain;margin-top:8px}.placement-title{margin-top:18px}.slider-row{display:grid;grid-template-columns:55px 1fr 42px;align-items:center;gap:7px;margin-top:12px;color:#58647a;font-size:.68rem;font-weight:700}.slider-row input{accent-color:var(--asp)}.slider-row b{text-align:right;color:var(--asp)}.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.preview-area{min-width:0;padding:14px;border:1px solid var(--asp-line);border-radius:17px;background:#e9edf4}.preview-head{display:flex;justify-content:space-between;margin-bottom:10px}.preview-head span,.preview-head strong{display:block}.preview-head span{color:#69758a;font-size:.65rem}.preview-head strong{color:var(--asp-ink);font-size:.76rem}.pdf-stage{position:relative;margin:auto;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(24,33,54,.15)}#pdf-canvas{display:block;max-width:100%}.signature-object{position:absolute;z-index:2;min-width:35px;cursor:move;touch-action:none;border:1px dashed rgba(117,87,216,.75)}.signature-object img{display:block;width:100%;pointer-events:none}.signature-object i{position:absolute;right:0;top:-19px;padding:2px 5px;background:var(--asp);color:#fff;font:normal .55rem inherit}.export-panel{display:grid;grid-template-columns:1fr minmax(220px,.7fr) auto;gap:13px;align-items:end;margin-top:18px;padding:17px;border-radius:15px;background:#17213b;color:#fff}.export-panel h2{margin:0 0 3px;font-size:1rem}.export-panel p{margin:0;color:#c6d0df;font-size:.72rem}.export-panel label{font-size:.67rem;font-weight:700}.filename-wrap{display:flex;margin-top:4px}.filename-wrap input{min-width:0;width:100%;padding:9px;border:0;border-radius:8px 0 0 8px}.filename-wrap span{padding:9px;background:#edf0f5;color:#6b7483;border-radius:0 8px 8px 0}.export-panel button{padding:11px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--asp),var(--asp2));color:#fff;font-weight:700}.export-panel button:disabled{opacity:.45}.export-panel>small{grid-column:1/-1;color:#9eabc0;font-size:.62rem}.asp-features,.signature-guidance,.asp-steps,.asp-faq{margin-top:55px}.section-heading>span{color:var(--asp);font-weight:800;font-size:.7rem;text-transform:uppercase}.section-heading h2,.signature-guidance h2,.asp-steps h2,.asp-faq h2{color:var(--asp-ink)}.section-heading p{color:var(--asp-muted)}.asp-features>div:last-child,.signature-guidance>div,.asp-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.asp-features article,.signature-guidance article,.asp-steps article{padding:18px;border:1px solid var(--asp-line);border-radius:15px}.asp-features h3,.asp-steps h3{color:var(--asp-ink);font-size:.88rem}.asp-features p,.signature-guidance p,.asp-steps p,.asp-faq p{color:var(--asp-muted);font-size:.77rem;line-height:1.6}.signature-guidance>div{grid-template-columns:repeat(3,1fr)}.asp-steps b{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--asp-ink);color:#fff}.asp-faq{max-width:880px;margin-left:auto;margin-right:auto}.asp-faq details{padding:15px 2px;border-bottom:1px solid var(--asp-line)}.asp-faq summary{font-weight:700;color:var(--asp-ink)}.sign-overlay{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,255,255,.96)}.sign-overlay.visible{display:flex}.sign-loader{width:45px;height:45px;border:5px solid #e2e7ef;border-top-color:var(--asp);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sign-overlay h2{color:var(--asp-ink)}.sign-overlay p{color:var(--asp-muted)}@media(max-width:900px){.studio{grid-template-columns:1fr}.asp-trust{grid-template-columns:1fr 1fr}.export-panel{grid-template-columns:1fr 1fr}.asp-features>div:last-child,.asp-steps>div{grid-template-columns:1fr 1fr}}@media(max-width:600px){.asp-shell{padding:9px}.asp-trust,.asp-features>div:last-child,.signature-guidance>div,.asp-steps>div{grid-template-columns:1fr}.editor-top{align-items:flex-start;flex-wrap:wrap}.studio{gap:10px}.signature-maker{padding:13px}.preview-area{padding:8px;overflow:auto}.export-panel{grid-template-columns:1fr}.export-panel>small{grid-column:auto}.export-panel button{width:100%}}