.marks-panel{padding:18px 17px 13px}.add-mark-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:#fff}.add-mark-button svg{width:15px;height:15px}.mark-library{margin-top:12px;border-bottom:1px solid #edf1e9;padding-bottom:9px}.mark-library>summary{display:flex;gap:6px;align-items:center;list-style:none;font-size:11px;color:#80907c;padding:6px 0;cursor:pointer}.mark-library>summary span{font-size:9px;color:#98a792;background:#f1f5ec;border-radius:3px;padding:1px 4px}.mark-library>summary svg{width:12px;height:12px;margin-left:auto;transform:rotate(90deg)}.mark-library[open]>summary svg{transform:rotate(-90deg)}#markLibraryList{max-height:195px;overflow:auto;scrollbar-width:thin}.mark-empty{font-size:10px;color:#a0ad96;line-height:1.9;margin:9px 0}.asset-row{display:flex;gap:8px;align-items:center;border:1px solid #e9eee4;border-radius:7px;padding:7px;margin:6px 0;background:#fdfefb}.asset-thumb{height:35px;width:45px;display:grid;place-items:center;flex-shrink:0;border-radius:4px;background:repeating-conic-gradient(#eef2e9 0% 25%,#fff 0% 50%) 50%/10px 10px}.asset-thumb img{max-height:32px;max-width:42px;object-fit:contain}.asset-name{min-width:0;flex:1}.asset-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500}.asset-name small{display:block;font-size:9px;color:#9aa890;margin-top:4px}.asset-row .text-button{font-size:10px;white-space:nowrap}.asset-row .icon-button{width:20px;height:24px;padding:3px}.asset-row .icon-button svg{width:12px;height:12px}.placed-heading{display:flex;align-items:center;justify-content:space-between;margin:13px 0 7px;font-size:10px;color:#7b8d75}.placed-heading .text-button{font-size:10px}.placement-row{display:flex;align-items:center;border:1px solid #e3eade;border-radius:6px;margin:6px 0;padding:2px 5px 2px 0;background:#fff}.placement-row.active{border-color:#76b798;background:#f4faf2}.placement-select{border:0;background:none;flex:1;min-width:0;text-align:left;padding:7px 9px;font-size:11px;display:flex;align-items:center;gap:8px}.placement-select>span:first-child{font-size:9px;color:#9caf90}.placement-select b{font-weight:500;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}.placement-select small{font-size:9px;color:#9ba98f;display:block;margin-top:4px}.placement-row>.icon-button{width:23px;height:23px}.placement-row>.icon-button svg{width:12px;height:12px}#markControls{border-top:1px solid #e5edde;margin-top:12px;padding-top:12px}.selected-mark-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa98e}.selected-mark-heading strong{font-size:11px;color:#57764e;font-weight:500;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mark-xy{display:flex;gap:9px;margin:11px 0 6px}.mark-xy>label{display:flex;flex:1;align-items:center;justify-content:space-between;font-size:10px;color:#87987b;gap:5px}.mark-xy>label>span{display:flex;align-items:center;gap:4px;color:#a8b59e}.mark-xy input{width:58px;border:1px solid #e1e9d9;padding:6px 5px;background:#fff;border-radius:5px;font-size:11px;color:#627d58;text-align:center}.mark-pages-label{display:flex;align-items:center;gap:10px;font-size:10px;color:#7c9170;margin-top:10px}.mark-pages-label input{min-width:0;flex:1;width:100%;padding:7px 8px;border:1px solid #dbe6d4;border-radius:5px;font-size:11px;color:#59764e}.placement-help{padding:10px 18px;background:#eff6e9;color:#7a926d;font-size:10px;border-bottom:1px solid #dfebd5;display:flex;align-items:center;gap:7px}.placement-help svg{width:14px;height:14px}.mark-overlay{position:absolute;z-index:3;pointer-events:none;overflow:hidden;touch-action:none}.placed-mark{position:absolute;transform-origin:center;pointer-events:auto;touch-action:none;cursor:move;user-select:none;border:1px solid transparent;background:none;padding:0;line-height:0;outline:none}.placed-mark>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;filter:none;opacity:inherit}.placed-mark.selected{border:1px dashed #087f72;box-shadow:0 0 0 1px #fffffff0}.placed-mark:hover{border-color:#6aa28a}.mark-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border-radius:2px;border:1px solid #fff;background:#087f72;cursor:nwse-resize;pointer-events:auto;opacity:1;box-shadow:0 1px 4px #18331b20}.placed-mark:not(.selected) .mark-handle{display:none}.mark-position-view #rightImage{cursor:default}.mark-position-view .paper-slot{user-select:none}.mark-dialog{width:570px;max-width:calc(100vw - 28px);padding:25px 26px;max-height:92vh;overflow:auto}.mark-dialog .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.mark-dialog .dialog-header{margin-bottom:20px}.mark-dialog .dialog-header h2{font-size:18px}.mark-source-tabs{display:flex;background:#f2f5ef;padding:4px;gap:4px;border-radius:8px;margin-bottom:18px}.mark-source-tabs button{flex:1;border:0;background:none;border-radius:5px;padding:10px 5px;font-size:12px;color:#91a086}.mark-source-tabs button.active{background:#fff;color:#087f72;box-shadow:0 1px 4px #2b4b2815;font-weight:550}.mark-form-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e8563;margin:14px 0 8px}.mark-form-label>span{font-size:10px;color:#a2af98}.mark-text-input{width:100%;border:1px solid #dfe7d9;border-radius:6px;padding:10px 11px;font-size:12px;color:#49623e;background:#fff;outline:none}.mark-text-input:focus{border-color:#83ad76;box-shadow:0 0 0 2px #eef7e6}.mark-text-input::placeholder{color:#b3bfaa;font-size:11px}.mark-upload-area{border:1px dashed #cbdcc0;border-radius:8px;background:#f7faf3;margin:18px 0 13px;min-height:145px;position:relative;text-align:center;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mark-upload-area>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.mark-upload-area>img{height:70px;max-width:80%;object-fit:contain;margin-bottom:5px}.mark-upload-area p{font-size:12px;color:#6d8861;margin:8px 0 7px}.mark-upload-area span{font-size:10px;color:#a0b093}.mark-dialog .primary-button{margin-top:18px}.mark-dialog-note{text-align:center;font-size:10px;color:#a9b59e;margin:15px 0 0}.signature-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:19px 0 12px}.signature-tools>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a9d7b}.signature-tools input[type=color],.stamp-color-label input{width:28px;height:24px;border:0;padding:0;background:none;cursor:pointer}.signature-tools input[type=range]{width:80px;margin:0}.signature-tools button{font-size:10px}.signature-tools button:first-of-type{margin-left:auto}.signature-canvas-wrap{border:1px solid #dae5d1;border-radius:8px;overflow:hidden;position:relative;background:#fefefb}.signature-canvas-wrap:after{content:"";pointer-events:none;position:absolute;left:5%;right:5%;bottom:30%;border-bottom:1px dashed #e2e9dc}#signatureCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;position:relative;z-index:1}#signatureHint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:16px;letter-spacing:3px;color:#c9d3c0}.stamp-shape-row{display:flex;align-items:center;gap:9px;margin-top:18px}.stamp-shape-row>label:not(.stamp-color-label){flex:1;cursor:pointer}.stamp-shape-row input[type=radio]{position:absolute;opacity:0}.stamp-shape-row>label>span{display:block;border:1px solid #e0e8d9;border-radius:6px;font-size:12px;text-align:center;padding:10px;color:#8e9f7e}.stamp-shape-row input:checked+span{border-color:#83b18e;color:#087f72;background:#f1f8ec}.stamp-color-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#96a888;margin-left:6px}.mark-dialog .small-note{font-size:10px;margin:12px 0 0;line-height:1.9}
@media(max-width:800px) and (min-width:531px){.marks-panel{grid-column:1;grid-row:5/9}.settings-panel{grid-column:2;grid-row:2}.output-panel{grid-column:2;grid-row:3}.export-area{grid-column:2;grid-row:4}}
@media(max-width:530px){.marks-panel{width:100%;padding:18px}.mark-empty{font-size:11px}.mark-library>summary{font-size:12px}.placed-heading,.placement-row small,.rule-hint{font-size:10px}.placement-help{font-size:9px;padding:9px 12px}.view-tabs button{padding:7px 7px;font-size:10px}.mark-dialog{padding:20px;max-height:90vh}.mark-dialog .dialog-header h2{font-size:17px}.mark-source-tabs button{font-size:11px}.signature-tools{gap:11px}.signature-tools input[type=range]{width:65px}.mark-xy input{width:64px}.asset-name b{font-size:12px}.mark-controls .setting-row>label{font-size:11px}}
.mark-dialog-error{font-size:11px;line-height:1.8;background:#fff6e9;border:1px solid #f0dec3;border-radius:6px;padding:9px 11px;color:#986c23}.mark-dialog-busy{display:flex;align-items:center;gap:8px;font-size:11px;color:#659058}