@font-face{font-family:Manrope;src:url(manrope-500.ttf)}*{box-sizing:border-box}body{margin:0;background:#f3f5f6;color:#172d37;font-family:Manrope,system-ui,sans-serif}header{background:#10252e;color:white;padding:20px max(24px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}header a{color:white;letter-spacing:0;text-decoration:none}main{max-width:1368px;margin:auto;padding:36px 24px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#537280}h1{font-size:34px;margin:5px 0 10px}.heading>p:last-child{color:#627774;margin-bottom:28px}.editor{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.controls,.preview{background:white;border:1px solid #dce3e6;border-radius:18px;overflow:hidden}.controls section{padding:22px;border-bottom:1px solid #e7ecee}.controls section:last-child{border:0}h2{font-size:15px;margin:0 0 16px}.upload,button,select{font:inherit;font-size:13px}.upload{position:relative;display:block;text-align:center;background:#e7eff3;border:1px dashed #7494a2;border-radius:9px;padding:15px;cursor:pointer;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:2px solid #0098db}.secondary{background:#fafbfc}.hint{font-size:12px;line-height:1.7;color:#70817b;overflow-wrap:anywhere}.presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presets button{min-height:68px;border:1px solid #dce3e6;background:#fafbfc;border-radius:9px;padding:9px}.presets button[aria-pressed=true]{border:2px solid #0098db}.presets img{max-width:100%;height:32px;object-fit:contain;display:block;margin:auto}.presets button:disabled{opacity:.55}.range{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;gap:12px;margin:18px 0}.range input{width:100%;accent-color:#0098db}.range output{color:#70817b}.positions{display:flex;gap:6px}button{cursor:pointer}.positions button{flex:1;padding:9px 3px;border:1px solid #dce3e6;border-radius:7px;background:white;font-size:11px}.text-button{border:0;background:transparent;color:#0098db;padding:15px 0 0}.format{display:grid;gap:10px;font-size:13px}select{padding:10px;border:1px solid #dce3e6;border-radius:7px;width:100%}.primary{width:100%;background:#0098db;color:white;border:0;border-radius:9px;padding:14px;margin-top:16px}.primary:disabled{opacity:.4;cursor:default}.preview{padding:24px;position:sticky;top:20px}.preview-head{display:flex;justify-content:space-between;gap:12px}.preview-head span{color:#70817b;font-size:12px}.stage{min-height:440px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:repeating-conic-gradient(#e9ecee 0% 25%,#f6f7f8 0% 50%) 50%/20px 20px;padding:16px}#empty{text-align:center;line-height:1.9;color:#70817b}canvas{max-width:100%;max-height:70vh;width:auto;height:auto;touch-action:none;cursor:move}canvas[hidden]{display:none}#status{font-size:13px;color:#165571}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #4196bb;outline-offset:3px}@media(max-width:800px){.editor{grid-template-columns:1fr}.preview{position:static;grid-row:1}.stage{min-height:260px}.preview{padding:16px}main{padding:24px 16px}h1{font-size:28px}header span{display:none}canvas{max-height:55vh}}

.preset-thumb{height:66px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-bottom:8px;overflow:hidden}.preset-thumb--dark{background:#24353c}.preset-thumb--light{background:#edf0f2}.presets .preset-thumb img{height:auto;max-height:60px;max-width:100%;object-fit:contain}.presets button{line-height:1.5}
/* Use the system's shared theme and navigation; keep editor rules scoped. */
.watermark-page{color:var(--ds-text);font-size:14px;padding-top:0}
.watermark-page header{display:block;letter-spacing:normal}
.watermark-page header a{font-size:12px;text-decoration:none}
.watermark-page main{max-width:1600px;padding:24px var(--ui-space,24px) 40px;margin:auto}
.watermark-page .heading>p:last-child{color:var(--ds-muted);font-size:13px;margin:0 0 24px}
.watermark-page .editor{grid-template-columns:320px minmax(0,1fr);gap:20px}
.watermark-page :is(.controls,.preview){background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:18px;box-shadow:inset 0 1px 0 #ebf5ff08}
.watermark-page .controls section{border-color:var(--ds-border)}
.watermark-page :is(.hint,.preview-head span,.range output,#empty){color:var(--ds-muted)}
.watermark-page :is(.upload,.presets button,.positions button,select){color:var(--ds-text);background:var(--ds-inset);border-color:var(--ds-border);border-radius:12px}
.watermark-page .upload:hover,.watermark-page .positions button:hover{background:var(--ds-elevated);border-color:var(--theme-focus)}
.watermark-page .presets button[aria-pressed=true]{border:2px solid var(--theme-focus);background:var(--ds-elevated)}
.watermark-page :is(.text-button,#status){color:var(--theme-focus)}
.watermark-page .range input{accent-color:var(--theme-focus)}
.watermark-page .primary{background:var(--ds-action);color:var(--ds-on-action);border-radius:14px;font-weight:600}
.watermark-page .stage{background:repeating-conic-gradient(#17222b 0% 25%,#1c2933 0% 50%) 50%/20px 20px;border:1px solid var(--ds-border)}
.watermark-page select option{background:#111c26;color:var(--ds-text)}
.watermark-page .preview{top:100px}
.watermark-page .mobile-nav a{text-decoration:none}
.watermark-page .mobile-nav .watermark-nav{display:flex}
.watermark-page .preset-thumb--dark{background:#24343f}
.watermark-page .preset-thumb--light{background:#dfe8ee}
.watermark-page h2{font-weight:600}
@media(max-width:1199px) and (min-width:768px){.watermark-page .editor{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.watermark-page .editor{grid-template-columns:1fr}.watermark-page .preview{position:static;grid-row:1}}
@media(max-width:767px){.watermark-page{padding-bottom:90px}.watermark-page .topbar{position:static}.watermark-page main{padding:20px 16px 32px}.watermark-page .mobile-nav{background:#0b141d!important}.watermark-page .mobile-nav [data-mobile-nav="more"]{display:none!important}.watermark-page .topbar__row--main{flex-wrap:wrap}.watermark-page .topbar__right{margin-left:0}.watermark-page .mobile-nav__item{font-size:10px}}

.watermark-page .mark-group-title{font-size:12px;color:var(--ds-muted);margin:20px 0 10px;font-weight:600}.watermark-page #removeMark:disabled{opacity:.4;cursor:default}

.watermark-page .tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;max-width:1100px}.watermark-page .tool-card{display:block;text-decoration:none;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:18px;padding:28px;color:var(--ds-text);transition:background .15s,border-color .15s}.watermark-page .tool-card:hover{background:var(--ds-elevated);border-color:var(--theme-focus)}.watermark-page .tool-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--ds-elevated);border:1px solid var(--ds-border);border-radius:14px;color:var(--theme-focus);margin-bottom:24px}.watermark-page .tool-icon svg{width:25px;height:25px}.watermark-page .tool-card h2{font-size:20px;margin-bottom:12px}.watermark-page .tool-card p{font-size:13px;line-height:1.8;color:var(--ds-muted);margin:0 0 24px}.watermark-page .tool-open{font-size:12px;color:var(--theme-focus);font-weight:600}

.watermark-page .batch-preview{margin-bottom:18px}.watermark-page .batch-warning{border:1px solid #d89f63;color:#f3c99c;background:#9d642218;border-radius:12px;padding:12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.watermark-page .is-dragging{outline:2px dashed var(--theme-focus);outline-offset:-3px;background:var(--ds-elevated)!important}.watermark-page .upload{line-height:1.6}

.watermark-page .individual-option{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-inset);font-size:13px;color:var(--ds-text);cursor:pointer}.watermark-page .individual-option input{width:18px;height:18px;accent-color:var(--theme-focus);flex-shrink:0}.watermark-page #modeHint{margin:10px 0 16px}

.watermark-page .auto-option{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ds-text);cursor:pointer}.watermark-page .auto-option input{accent-color:var(--theme-focus);width:17px;height:17px}.watermark-page [id^="auto-result-"]{margin:8px 0 12px;font-size:11px}

.watermark-page .video-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 16px;padding:14px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-inset)}.watermark-page .video-controls button{padding:10px 14px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-elevated);color:var(--ds-text)}.watermark-page .video-timeline{flex:1;display:grid;gap:5px;font-size:11px;min-width:120px}.watermark-page .video-timeline input{width:100%;accent-color:var(--theme-focus)}.watermark-page .video-controls .hint{flex-basis:100%;margin:0}.watermark-page #videoTime{font-size:11px;color:var(--ds-muted)}

.watermark-page .stage{position:relative;padding:36px 18px 18px}.watermark-page .clear-file{position:absolute;top:8px;right:8px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--ds-border);border-radius:50%;background:#17232e;color:#e5edf3;font-size:23px;line-height:1;z-index:2;cursor:pointer}.watermark-page .clear-file:hover{background:#533438;color:#fff}.watermark-page .clear-file:disabled{opacity:.4;cursor:default}.watermark-page .crop-controls{border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-inset);padding:14px;margin-bottom:16px}.watermark-page #cropOffsets{margin-top:14px}.watermark-page #cropOffsets .range{margin:12px 0}

.watermark-page .export-overlay{position:absolute;inset:0;z-index:5;background:#060c15b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;border-radius:10px;cursor:wait}.watermark-page .export-card{width:100%;max-width:420px;border:1px solid var(--ds-border);border-radius:18px;background:#13212cf5;box-shadow:0 14px 50px #0006;padding:24px;color:var(--ds-text)}.watermark-page .export-card__heading{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:18px}.watermark-page #exportPercent{margin-left:auto;color:var(--theme-focus);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.watermark-page #exportProgress{appearance:none;display:block;width:100%;height:9px;border:0;border-radius:20px;overflow:hidden;background:#253542}.watermark-page #exportProgress::-webkit-progress-bar{background:#253542;border-radius:20px}.watermark-page #exportProgress::-webkit-progress-value{background:var(--theme-focus);border-radius:20px;transition:width .15s}.watermark-page #exportProgress::-moz-progress-bar{background:var(--theme-focus);border-radius:20px}.watermark-page .export-card p{font-size:12px;color:var(--ds-muted);line-height:1.7;margin:15px 0 0}.watermark-page .export-card .export-card__audio{font-size:11px;margin-top:8px}.watermark-page .export-card button{background:var(--ds-elevated);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:10px;padding:10px 14px;margin-top:20px;font:inherit;font-size:12px;cursor:pointer}.watermark-page .export-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid #9cc3da33;border-top-color:var(--theme-focus);border-radius:50%;animation:export-spin .9s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.watermark-page .export-spinner{animation:none}.watermark-page #exportProgress::-webkit-progress-value{transition:none}}@media(max-width:500px){.watermark-page .export-card{padding:18px}.watermark-page .export-overlay{padding:12px}.watermark-page .export-card__heading{font-size:12px;gap:7px}}

.watermark-page .stage.is-empty{cursor:pointer;transition:border-color .15s,background .15s}.watermark-page .stage.is-empty:hover{border-color:var(--theme-focus);box-shadow:inset 0 0 0 1px var(--theme-focus)}.watermark-page .stage.is-empty:focus-visible{outline:2px solid var(--theme-focus);outline-offset:3px}

/* Compact preview leaves more room for the editor controls. */
.watermark-page .preview{padding:18px}.watermark-page .preview-head h2{margin-bottom:12px}.watermark-page .stage{min-height:250px;padding:34px 14px 14px}.watermark-page .stage:not(.is-empty){min-height:0}.watermark-page #canvas{max-height:min(58vh,560px);max-width:100%;width:auto;height:auto}.watermark-page .crop-controls{display:flex;flex-wrap:wrap;align-items:start;gap:12px;padding:12px;margin-bottom:12px}.watermark-page .crop-controls>.format{flex:0 1 170px;gap:6px}.watermark-page #cropOffsets{flex:1;min-width:190px;margin-top:0}.watermark-page #cropOffsets .hint{font-size:11px;line-height:1.5;margin:8px 0 0}.watermark-page .preview>#status{margin-bottom:0}.watermark-page .preview>.hint{font-size:11px;margin:10px 0;line-height:1.5}@media(max-width:767px){.watermark-page #canvas{max-height:48vh}.watermark-page .stage{min-height:210px}.watermark-page .stage:not(.is-empty){min-height:0}.watermark-page .crop-controls>.format{flex:1 1 140px}}

.watermark-page .destination-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.watermark-page .destination-options label{display:flex;align-items:center;gap:8px;padding:10px 8px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-inset);font-size:11px;color:var(--ds-text);cursor:pointer}.watermark-page .destination-options label:has(input:checked){border-color:var(--theme-focus);background:var(--ds-elevated)}.watermark-page .destination-options input{accent-color:var(--theme-focus)}.watermark-page .destination-summary{margin-top:14px}.watermark-page .destination-summary p{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--ds-border)}.watermark-page .destination-summary a{color:var(--theme-focus)}.watermark-page #temuSettings{margin-top:12px}.watermark-page #imageFormat{margin-top:16px}