#sign-controls[hidden],#water-controls[hidden],#preview-box[hidden]{display:none}#signature{display:block;width:min(100%,600px);height:auto;background:#fff;border:1px dashed #96aac5;border-radius:8px;touch-action:none;margin:10px 0}label{display:inline-flex;align-items:center;gap:8px;margin:6px 12px 6px 0;font-size:12px}input,select{padding:8px;border:1px solid #dce6f4;border-radius:7px;max-width:100%;font:14px system-ui}#page{width:75px}#apply{background:#0641ad;color:white}#preview-box{position:relative;width:min(100%,700px);margin:12px auto 0;line-height:0}#preview,#image-preview{display:block;width:100%;height:auto;border:1px solid #dce6f4}#image-preview[hidden],#preview[hidden],#sign-overlay[hidden]{display:none}#sign-overlay{position:absolute;pointer-events:none;width:25%;height:auto}small{display:block;color:#64748b;font-size:11px}@media(max-width:600px){label{display:flex;width:100%;justify-content:space-between}input{min-width:0}#text{width:65%}}
.mark-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;max-width:1500px;margin:auto}
.mark-workspace>.office-card{position:sticky;top:80px;min-width:0}
.mark-workspace .office-card label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:12px 0;width:100%}
.mark-workspace .office-card input,.mark-workspace .office-card select{width:100%;min-width:0}
.mark-workspace .office-card button{width:100%;margin:6px 0}
#filename{overflow-wrap:anywhere}.mark-preview{min-width:0;padding:16px;background:#e5ecf6;border-radius:12px;min-height:420px}
#preview-empty{text-align:center;color:#64748b;margin:70px 0;font-size:13px}
.mark-preview #preview-box{width:100%;max-width:850px;margin:0 auto}
.watermark-page{position:relative;background:white;margin:0 auto 18px;box-shadow:0 6px 20px #18304a25;overflow:hidden;min-height:100px}
.watermark-page canvas{display:block;width:100%;height:auto}
.watermark-preview-text{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:80%;text-align:center;line-height:1.2;font-family:Arial,sans-serif;white-space:nowrap;overflow:hidden;pointer-events:none}
.watermark-page-label{display:block;color:#53647b;font-size:12px;line-height:1.5;margin-bottom:7px}
@media(max-width:900px){.mark-workspace{grid-template-columns:250px minmax(0,1fr);gap:12px}}
@media(max-width:700px){.mark-workspace{display:flex;flex-direction:column;padding:8px}.mark-workspace>.office-card{position:static;width:100%}.mark-preview{width:100%;padding:10px;min-height:260px}.mark-workspace .office-card label{flex-direction:row;align-items:center;justify-content:space-between}.mark-workspace .office-card input,.mark-workspace .office-card select{width:65%}#preview-empty{margin:45px 0}}

.watermark-page canvas{height:100%;object-fit:contain}
.mark-workspace .office-card input[type=color]{height:40px;padding:4px;cursor:pointer}
.mark-preview #preview-box{max-width:520px}.mark-preview{padding:12px}.watermark-page{box-shadow:0 3px 12px #18304a20;margin-bottom:14px}

.mark-workspace[data-mode="sign-pdf"] #preview-box{max-width:460px}

.mark-workspace .office-card .all-pages-toggle{flex-direction:row;align-items:center;justify-content:space-between}.mark-workspace .office-card #all-pages{width:20px;height:20px;accent-color:#0641ad}