:root{--accent:#007da5;--text-main:var(--ink);--text-muted:var(--muted);--border-color:var(--line)}.editor-intro:before{background-image:url("watermark-art-v3.png");opacity:.48;inset:-8px -15px -25px 0;background-size:100% auto;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 85%,transparent),linear-gradient(transparent,#000 15%,#000 72%,transparent)}[data-theme="dark"] .editor-intro:before{opacity:.16;mix-blend-mode:screen}.editor-icon{background:linear-gradient(140deg,#d4a6bd,#9f6689)}.watermark-note{font-size:12px;color:var(--muted);margin:20px 0 25px}#fileCount{margin-right:auto;font-size:12px;color:var(--muted)}button{font:12px Inter,Segoe UI,Arial,sans-serif;border:1px solid var(--line);border-radius:7px;padding:10px 13px;min-height:38px;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:none}button:disabled{opacity:.45;cursor:default}.primary-action{background:#007da5;color:white;border-color:#007da5}#workspace{scroll-margin-top:105px}.watermark-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.preview-pane{min-width:0;background:var(--wash)}.mark-pane{border-left:1px solid var(--line);background:var(--surface);min-width:0}.pane-heading{min-height:55px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:15px}.pane-heading small{font-size:10px;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.preview-container{padding:24px;min-height:440px;display:flex;align-items:center;justify-content:center}.drop-zone{border:1px dashed var(--line);border-radius:8px;width:100%;padding:85px 24px;text-align:center;cursor:pointer}.drop-zone svg{display:block;margin:0 auto 24px;color:var(--muted)}.drop-zone h3{font-size:22px;line-height:1.4;margin:0 0 16px;letter-spacing:-.5px}.drop-zone p{font-size:12px;color:var(--muted);line-height:1.8}.drop-zone[hidden]{display:none}#previewCanvas{display:none;max-width:100%;max-height:480px;width:auto;height:auto;object-fit:contain;background:repeating-conic-gradient(#aaa2 0% 25%,transparent 0% 50%) 0 0/16px 16px}#noPreviewMsg{font-size:12px;color:var(--muted);padding:20px}#noPreviewMsg[hidden]{display:none!important}.mark-controls{padding:24px}.control-group{margin-bottom:25px}label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:12px}input[type=text],select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:10px;font:12px Inter,Segoe UI,Arial,sans-serif}input[type=color]{height:36px;width:100%;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:6px}input[type=range]{width:100%;accent-color:#a46990}.control-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.status-text{font-size:12px;line-height:1.8;color:var(--muted);padding-top:18px;border-top:1px solid var(--line)}.queue-summary{border-top:1px solid var(--line);padding:18px 22px;font-size:11px;color:var(--muted)}#queue-list{list-style:none;padding:0;margin:12px 0 0;max-height:140px;overflow:auto}#queue-list li{padding:5px 0;overflow-wrap:anywhere}.site-header .theme-choice{width:78px;max-width:78px;margin:0;padding:10px 9px;font-size:11px;flex:none}@media(max-width:800px){.watermark-workspace{grid-template-columns:1fr}.mark-pane{border-left:0;border-top:1px solid var(--line)}.preview-container{min-height:300px;padding:18px}.drop-zone{padding:50px 16px}.pane-heading small{display:none}#fileCount{width:100%}.editor-intro h1{font-size:36px;letter-spacing:-1.5px}}
@media(max-width:800px){.editor-intro:before{inset:0 -10px -20px 10%;background-size:cover;opacity:.28}}
@media(min-width:801px){.editor-intro:before{inset:-8px -15px -25px 7%}}
@media(min-width:801px){.editor-intro:before{inset:-8px -15px -25px 12%;background-size:auto 145%;background-position:right center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,#000 38%,#000 84%,transparent 100%),linear-gradient(transparent,#000 18%,#000 70%,transparent)}}
@media(min-width:801px){.editor-intro:before{inset:-8px -15px -25px 7%;background-size:100% auto;background-position:center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,#000 38%,#000 84%,transparent 100%),linear-gradient(transparent,#000 15%,#000 72%,transparent)}}