:root{--bg-base:var(--surface);--text-main:var(--ink);--text-muted:var(--muted);--border-color:var(--line);--accent:#987091}.editor-intro:before{background-image:url('signer-art-v1.png');opacity:.52;inset:0 -10px -25px 28%}[data-theme="dark"] .editor-intro:before{opacity:.17;mix-blend-mode:screen}.editor-icon{background:linear-gradient(145deg,#c49bb4,#78547d)}.signer-note{font-size:12px;color:var(--muted);margin:18px 0 24px}.signer-container{max-width:none;margin:0;padding:0}.upload-dropzone{border:1px dashed var(--line);border-radius:10px;padding:100px 24px;background:transparent;cursor:pointer}.upload-dropzone:hover,.tool-btn:hover,.tool-btn.primary:hover{box-shadow:none;background:var(--surface);border-color:var(--line)}.dropzone-icon{margin:0 auto 22px;color:var(--muted);background:none}.upload-dropzone h3{font-size:27px;letter-spacing:-.8px}.upload-dropzone p{color:var(--muted);font-size:14px}.signer-workspace{border:1px solid var(--line);background:transparent;border-radius:10px;overflow:hidden;flex-direction:column}.signer-toolbar{padding:14px 20px;background:transparent;border-bottom:1px solid var(--line)}.signing-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;min-width:0}.signing-panel{padding:24px;border-left:1px solid var(--line);font-size:13px;line-height:1.7}.signing-panel h3{font-size:18px;margin:0 0 20px}.signing-panel .toolbar-group{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:22px}.signing-panel p{color:var(--muted)}.tool-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;padding:10px 12px;border-radius:7px}.tool-btn.primary{background:#865c80;color:white;border-color:transparent}.tool-btn.primary:hover{background:#785071;color:white}.stage-viewport{background:color-mix(in srgb,var(--ink) 3%,var(--surface));border:0;border-radius:0;min-height:650px;max-height:850px;padding:32px;align-items:flex-start;min-width:0}.page-wrapper{flex:none;max-width:100%;box-shadow:0 8px 25px #0002}#pdfCanvas{max-width:100%;height:auto}#stampsLayer{transform-origin:top left}.modal-overlay{z-index:1500;background:#0008;backdrop-filter:blur(8px)}.modal-box{background:var(--surface);color:var(--ink);border:1px solid var(--line);max-width:580px;width:calc(100% - 32px);max-height:90vh;overflow:auto;box-shadow:0 25px 90px #0004}.modal-header,.modal-tabs{background:transparent;border-color:var(--line)}.tab-btn.active{color:var(--ink);border-color:var(--line);box-shadow:none;background:var(--surface)}.pad-canvas-wrap{background:#fff}.pad-canvas-wrap canvas{max-width:100%;touch-action:none}.site-header .theme-choice{width:78px;max-width:78px;margin:0;padding:10px 9px;font-size:11px;flex:none}.editor-toolbar #exportSlot button{margin:0}#workspace{scroll-margin-top:110px}.guide-steps li{line-height:1.8}@media(max-width:760px){.editor-intro h1{font-size:37px;padding-left:65px}.editor-intro p{padding-left:65px}.editor-icon{width:48px;height:48px}.signing-layout{grid-template-columns:1fr}.signing-panel{border-left:0;border-top:1px solid var(--line)}.stage-viewport{padding:16px;min-height:300px}.signer-toolbar{padding:12px}.upload-dropzone{padding:70px 15px}}

/* Match the shared workspace file toolbar, including export after generation. */
.editor-toolbar button{font-family:inherit;font-size:12px;font-weight:400;line-height:normal;min-height:38px;padding:9px 12px;border-radius:7px;box-shadow:none}.editor-toolbar .primary-action{background:#007da5;color:#fff;border:1px solid #007da5}.editor-toolbar .primary-action:hover{background:#007da5;border-color:#007da5;box-shadow:none}

/* Quiet document selection chrome; adjustments live together above the mark. */
.placed-stamp{outline:1px solid #8d9aa8;background:transparent;border-radius:1px;touch-action:none}
.stamp-controls{position:absolute;left:0;bottom:calc(100% + 12px);display:flex;align-items:center;gap:0;padding:4px;background:#fff;color:#27313e;border:1px solid #dce1e7;border-radius:8px;box-shadow:0 3px 12px #17213214;white-space:nowrap;cursor:default}
.stamp-controls button{position:static!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;height:30px;width:auto;min-width:30px;padding:5px 8px;margin:0;border:0;border-radius:4px;background:transparent!important;color:#27313e!important;box-shadow:none!important;font:12px/1.2 Inter,Segoe UI,Arial,sans-serif;transform:none}
.stamp-controls button:hover{background:#f1f4f7!important}.stamp-controls .stamp-delete{border-left:1px solid #e4e8ed;border-radius:0;margin-left:3px}.stamp-delete svg{stroke:currentColor}.stamp-controls .stamp-rotate-btn:before,.stamp-controls .stamp-rotate-btn:after{content:none}.placed-stamp .stamp-resize{right:-5px;bottom:-5px;width:10px;height:10px;min-height:10px;padding:0;border:1px solid #7d8c9b;border-radius:2px;background:#fff;box-shadow:none;cursor:nwse-resize}.stamp-resize svg{display:none}
.placed-stamp .stamp-controls button{width:auto;height:30px;min-width:30px;flex:none;font-weight:400;border-radius:4px}.placed-stamp .stamp-controls .stamp-delete{border-left:1px solid #e4e8ed;border-radius:0}.stamp-controls svg{flex:none}