.watermark-wrapper{max-width:1400px}.upload-area{border:2px dashed var(--brand);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:rgba(var(--brand-rgb),.05);min-height:400px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area:hover{background:rgba(var(--brand-rgb),.1);border-color:var(--brand-strong)}.upload-area i{color:var(--brand);margin-bottom:1rem}.canvas-container{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;overflow:hidden}#watermarkQueue{width:100%}.canvas-stage{position:relative;display:inline-flex;max-width:100%}#previewCanvas{display:block;max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wm-overlay{position:absolute;box-sizing:border-box;border:1.5px solid #2563eb;background:#2563eb0d;transform-origin:center center;cursor:move;touch-action:none;user-select:none;z-index:3}.wm-overlay.dragging{cursor:grabbing}.wm-handle{position:absolute;box-sizing:border-box;width:12px;height:12px;background:#fff;border:2px solid #2563eb;border-radius:2px;box-shadow:0 1px 4px #0f172a40;touch-action:none;z-index:2}.wm-handle-nw{left:-6px;top:-6px;cursor:nwse-resize}.wm-handle-ne{right:-6px;top:-6px;cursor:nesw-resize}.wm-handle-se{right:-6px;bottom:-6px;cursor:nwse-resize}.wm-handle-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.wm-handle-n{left:50%;top:-6px;margin-left:-6px;cursor:ns-resize}.wm-handle-s{left:50%;bottom:-6px;margin-left:-6px;cursor:ns-resize}.wm-handle-w{top:50%;left:-6px;margin-top:-6px;cursor:ew-resize}.wm-handle-e{top:50%;right:-6px;margin-top:-6px;cursor:ew-resize}.wm-edge{position:absolute;z-index:1;touch-action:none}.wm-edge-n{left:6px;right:6px;top:-5px;height:10px;cursor:ns-resize}.wm-edge-s{left:6px;right:6px;bottom:-5px;height:10px;cursor:ns-resize}.wm-edge-w{top:6px;bottom:6px;left:-5px;width:10px;cursor:ew-resize}.wm-edge-e{top:6px;bottom:6px;right:-5px;width:10px;cursor:ew-resize}.wm-rotate-line{position:absolute;left:50%;top:-24px;width:1.5px;height:24px;background:#2563eb;transform:translate(-50%);pointer-events:none}.wm-handle-rotate{left:50%;top:-24px;width:22px;height:22px;margin-left:-11px;margin-top:-35px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#2563eb;font-size:12px;cursor:grab}.wm-handle-rotate:active{cursor:grabbing}.wm-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--bi-text-muted)}.wm-hint.d-none{display:none!important}.control-sidebar{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.control-sidebar h6{color:var(--bi-text);font-weight:600;border-bottom:2px solid var(--bi-border);padding-bottom:.75rem}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem}.position-btn{padding:.5rem;border:1px solid var(--bi-border);background:var(--bi-surface);border-radius:6px;cursor:pointer;transition:all .2s ease}.position-btn:hover{background:var(--bi-surface-2);border-color:var(--brand)}.position-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}@media (max-width: 991px){.canvas-container{min-height:300px}#previewCanvas{max-height:350px}}@media (max-width: 768px){.upload-area{padding:1.5rem 1rem;min-height:180px}.watermark-options{padding:.75rem}.watermark-options .form-control,.watermark-options .form-select{min-height:40px;font-size:14px}.btn-add-watermark{min-height:44px;width:100%}.canvas-container{min-height:250px}#previewCanvas{max-height:300px}}@media (max-width: 576px){.upload-area{padding:1rem .75rem;min-height:150px}#previewCanvas{max-height:250px}}.watermark-wrapper .batch-item{cursor:pointer}.watermark-wrapper .batch-item.active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb),.18)}@media (max-width: 991px){.watermark-wrapper .batch-items{max-height:260px}}