.tool-page{min-height:100vh;background:var(--bg)}.tool-hero{background:var(--grad);padding:56px 6% 52px;text-align:center;position:relative;overflow:hidden}.tool-hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff12;top:-160px;right:-100px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#ffffffbf;font-size:.82rem;font-weight:600;text-decoration:none;margin-bottom:24px;transition:color .2s;position:relative;z-index:1}.back-link:hover{color:#fff}.tool-icon-lg{width:64px;height:64px;border-radius:18px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1}.tool-icon-lg svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}.tool-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:#fff;letter-spacing:-.8px;margin-bottom:12px;position:relative;z-index:1}.tool-hero-sub{color:#fffc;font-size:1rem;font-weight:400;max-width:520px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.tool-body{max-width:1200px;margin:0 auto;padding:32px 6% 80px;display:flex;flex-direction:column;gap:24px}.drop-zone{border:2px dashed var(--border-h);border-radius:var(--r-lg);padding:56px 32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:12px;max-width:600px;margin:0 auto;width:100%}.drop-zone:hover,.drop-zone.dragover{border-color:var(--purple-mid);background:var(--grad-soft)}.drop-zone svg{width:48px;height:48px;stroke:var(--muted);fill:none;stroke-width:1.5;margin-bottom:8px}.drop-zone h3{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text);margin:0}.drop-zone p{font-size:.95rem;color:var(--muted);margin:0 0 16px}.btn-outline{background:#fff;border:1.5px solid var(--purple-mid);color:var(--purple-mid);font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;padding:10px 24px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--purple-mid);color:#fff}.editor-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}@media(max-width:800px){.editor-layout{grid-template-columns:1fr}}.editor-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:120px}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.step-title{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;margin:0;color:var(--purple-mid);padding-bottom:12px;border-bottom:1px solid var(--border-h)}.sig-tabs{display:flex;border:1px solid var(--border-h);border-radius:var(--r-sm);overflow:hidden}.sig-tab{flex:1;padding:10px;background:var(--bg);border:none;border-right:1px solid var(--border-h);font-weight:600;color:var(--muted);cursor:pointer}.sig-tab:last-child{border-right:none}.sig-tab.active{background:var(--grad-soft);color:var(--purple-mid);box-shadow:inset 0 -3px 0 var(--purple-mid)}.sig-panel{flex-direction:column;gap:12px}.sig-canvas{border:1.5px dashed var(--border-h);border-radius:var(--r-sm);background:#fff;cursor:crosshair;touch-action:none;width:100%}.sig-actions{display:flex;justify-content:space-between;align-items:center}.color-opts{display:flex;gap:8px}.color-opt{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-opt.active{border-color:var(--purple-mid);box-shadow:0 0 0 2px #4c5cac33}.text-input{border:1.5px solid var(--border-h);border-radius:var(--r-sm);padding:10px;font-family:Montserrat,sans-serif;font-size:1rem;outline:none;transition:border-color .2s}.text-input:focus{border-color:var(--purple-lt)}.font-opts{display:flex;gap:10px;margin-top:8px}.font-opt{flex:1;padding:8px;background:var(--bg);border:1px solid var(--border-h);border-radius:var(--r-sm);cursor:pointer;font-size:1.2rem}.font-opt.active{border-color:var(--purple-mid);background:var(--grad-soft)}.upload-sig-box{border:2px dashed var(--border-h);padding:24px;border-radius:var(--r-sm);text-align:center;cursor:pointer;background:var(--bg);transition:all .2s}.upload-sig-box:hover{border-color:var(--purple-mid);background:var(--grad-soft)}.upload-sig-box svg{width:32px;height:32px;stroke:var(--muted);fill:none;stroke-width:1.5;margin-bottom:8px}.upload-sig-box span{display:block;font-weight:600;color:var(--text)}.help-text{font-size:.85rem;color:var(--text);line-height:1.5;padding:12px;background:#4c5cac14;border-left:3px solid var(--purple-mid);border-radius:0 6px 6px 0}.page-nav{display:flex;justify-content:space-between;align-items:center}.btn-sm{background:var(--bg);border:1px solid var(--border-h);color:var(--text);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer}.btn-sm:hover:not(:disabled){border-color:var(--purple-mid);color:var(--purple-mid)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}#pageIndicator{font-size:.9rem;font-weight:700;color:var(--text)}.pdf-container{background:#e2e8f0;border-radius:var(--r-md);padding:24px;display:block;overflow:auto;max-height:calc(100vh - 200px);box-shadow:inset 0 2px 10px #0000000d}.pdf-wrapper{position:relative;box-shadow:var(--shadow-md);background:#fff;cursor:crosshair;margin:0 auto;width:max-content;min-width:100%}#pdfCanvas{display:block}.sig-overlay{position:absolute;border:2px dashed var(--blue);padding:4px;cursor:move;background:#ffffffd9;border-radius:4px;z-index:10;box-shadow:0 4px 12px #0000001a}.sig-overlay img{width:100%;height:100%;object-fit:contain;pointer-events:none}.ann-close{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:14px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10}.sig-overlay:hover .ann-close{display:flex}