.intro{padding:35px 0 22px}.intro p:last-child{max-width:710px}.watermark-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:18px;align-items:start}.watermark-workspace .card{min-width:0;padding:24px}.controls-card{position:sticky;top:16px}.source-card .drop-zone{min-height:126px}.source-card .drop-label{padding:12px}.source-card .drop-zone p{margin:0 0 8px}.hint{margin:8px 0 0;color:#697995;line-height:1.5;font-size:.85rem}.status{margin:10px 0 0;color:#526c90;font-size:.87rem;line-height:1.5}.status:empty{display:none}.status.error{color:#a43849}.status.success{color:#167355}.file-list,.result-list ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:7px}.file-list li,.result-list li{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid #dce5f0;border-radius:9px;background:#f9fbff}.file-list li.selected{border-color:#6d8be0;background:#f0f5ff}.file-list .file-select{flex:1;min-width:0;border:0;background:none;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243655;font-weight:700;cursor:pointer;font-size:.84rem}.file-list .file-select span{display:block;margin-top:2px;color:#73829c;font-size:.75rem;font-weight:550}.file-list .remove-file,.result-list button{border:0;background:none;color:#315ec9;cursor:pointer;font-weight:750}.file-list .remove-file{font-size:1.1rem;padding:2px 7px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.preview-heading h2,.result-list h2{font-size:1rem}.preview-box{display:grid;place-items:center;min-height:360px;padding:17px;background:#e9eef6;border:1px solid #d8e1ed;border-radius:14px;overflow:hidden}.preview-box p{color:#6d7e98;font-size:.88rem;text-align:center;margin:0}.preview-box canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 7px 23px rgba(21,35,64,.18);cursor:grab;touch-action:none}.preview-box canvas.dragging{cursor:grabbing}.drag-hint{margin:9px 0 0}.preview-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:11px;color:#4d5f7b;font-size:.85rem;font-weight:750}.preview-nav button{width:38px;height:36px;border:1px solid #d3deec;border-radius:8px;background:#fff;color:#315bc4;font-size:1.1rem;cursor:pointer}.preview-nav button:disabled{opacity:.4}.result-list{margin-top:23px;padding-top:17px;border-top:1px solid #e0e8f3}.result-list li{justify-content:space-between;font-size:.84rem}.result-list li span{overflow-wrap:anywhere}.secondary-button{margin-top:11px;border:1px solid #a9bdeb;border-radius:9px;background:#eef3ff;color:#2754bd;min-height:42px;padding:0 14px;font-weight:750;cursor:pointer}.mode-picker{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0 0 18px;padding:0}.mode-picker legend{font-size:.88rem;font-weight:750;color:#39496b;margin-bottom:9px}.mode-picker label{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #d4deec;border-radius:9px;background:#fff;font-size:.88rem;color:#263653;cursor:pointer;font-weight:700}.mode-picker label:has(input:checked){background:#edf2ff;border-color:#6682da}.mode-picker input{accent-color:#315ee0}.field-label{display:block;margin:17px 0 7px;color:#39496b;font-size:.87rem;font-weight:740}.field,.unit-field input{display:block;width:100%;height:44px;min-width:0;padding:0 11px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#172741;font:inherit;font-size:.9rem}.file-picker{padding:9px;font-size:.83rem}.controls-card .page-select{width:100%;height:44px;font-size:.9rem}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair>div{min-width:0}.bold-check{display:flex;align-items:end;gap:7px;padding-bottom:13px;color:#39496b;font-size:.87rem;font-weight:700}.bold-check input{accent-color:#315ee0}.controls-card input[type=color]{width:65px;height:40px;padding:3px;border:1px solid #cbd6e6;border-radius:8px;background:#fff;cursor:pointer}.watermark-numbers{margin-top:3px}.unit-field{position:relative}.unit-field input{padding-inline-end:38px}.unit-field span{position:absolute;inset-inline-end:12px;top:13px;color:#70819c;font-size:.79rem;font-weight:750;pointer-events:none}.position-grid{width:122px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.position-grid button{height:33px;border:1px solid #cbd6e6;border-radius:7px;background:#fff;color:#6380ba;font-size:1.1rem;cursor:pointer}.position-grid button.active{background:#315ee0;border-color:#315ee0;color:#fff}.controls-card .create-button{margin-top:21px;width:100%}.below-note{margin:17px 0 42px}.field:invalid,.unit-field input:invalid{border-color:#c5475e}.preview-box.is-loading{opacity:.62}
@media(max-width:900px){.watermark-workspace{grid-template-columns:1fr}.controls-card{position:static}.preview-box{min-height:300px}}
@media(max-width:600px){.intro h1{font-size:2.35rem}.watermark-workspace .card{padding:19px}.preview-box{min-height:260px;padding:12px}.field-pair{gap:10px}}