.watermark-hero{text-align:center;justify-items:center;padding:2.8rem 0 1.8rem;display:grid}.watermark-hero>span{color:#a16207;letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:780}.watermark-hero h1{letter-spacing:-.04em;max-width:18ch;margin:.45rem 0 .75rem;font-size:clamp(2rem,1.4rem + 3vw,3.35rem);line-height:1.04}.watermark-hero .lead{max-width:66ch}.watermark-hero>div{border:1px solid color-mix(in srgb,#ca8a04 24%,var(--border));background:color-mix(in srgb,#ca8a04 7%,var(--bg-raised));border-radius:999px;align-items:center;gap:.55rem;margin-top:1.2rem;padding:.46rem .7rem;display:flex}.watermark-hero>div b{color:#a16207;font:800 .78rem var(--mono)}.watermark-hero>div i{color:var(--text-muted);font-style:normal}.watermark-hero>div em{color:#fff;font:750 .58rem var(--mono);letter-spacing:.07em;background:#a16207;border-radius:5px;padding:.16rem .35rem;font-style:normal}.watermark-tool{--wm:#a16207;--wm-soft:color-mix(in srgb,var(--wm) 9%,var(--bg-raised));margin:1rem 0 2rem}.watermark-drop{border:1.5px dashed color-mix(in srgb,var(--wm) 38%,var(--border));background:radial-gradient(480px 210px at 50% 0%,color-mix(in srgb,var(--wm) 10%,transparent),transparent 72%),var(--bg-raised);text-align:center;border-radius:22px;justify-items:center;min-height:340px;padding:2.3rem 1rem;transition:all .18s;display:grid;position:relative}.watermark-drop.is-over{border-color:var(--wm);background:var(--wm-soft);box-shadow:0 0 0 5px color-mix(in srgb,var(--wm) 10%,transparent)}.watermark-drop>input{opacity:0;width:1px;height:1px;position:absolute}.watermark-drop-icon{border:1px solid color-mix(in srgb,var(--wm) 20%,var(--border));background:var(--wm-soft);width:62px;height:62px;color:var(--wm);border-radius:19px;place-items:center;margin:auto;display:grid}.watermark-drop-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:28px}.watermark-drop>strong{margin-top:1rem;font-size:1.18rem}.watermark-drop>button{background:var(--wm);color:#fff;font:750 .82rem var(--font);cursor:pointer;border:0;border-radius:10px;margin-top:.8rem;padding:.65rem 1rem}.watermark-drop>span:not(.watermark-drop-icon){color:var(--text-muted);margin-top:.72rem;font-size:.74rem}.watermark-drop kbd{border:1px solid var(--border);background:var(--bg-subtle);font:650 .65rem var(--mono);border-radius:5px;padding:.12rem .34rem}.watermark-drop>small{color:var(--text-muted);margin-top:.45rem;font-size:.68rem}.watermark-drop>div{gap:.45rem;margin-top:1rem;display:flex}.watermark-drop>div b{border:1px solid color-mix(in srgb,var(--wm) 20%,var(--border));background:var(--wm-soft);color:var(--wm);border-radius:999px;padding:.25rem .48rem;font-size:.64rem}.watermark-editor{border:1px solid var(--border);background:var(--bg-raised);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #0f172a14}.watermark-editor-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.watermark-editor-head>div{align-items:center;gap:.55rem;display:flex}.watermark-editor-head>div:first-child>span{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e1f}.watermark-editor-head strong{font-size:.82rem}.watermark-editor-head small{background:var(--wm-soft);min-width:24px;height:24px;color:var(--wm);font:750 .68rem var(--mono);border-radius:999px;place-items:center;display:grid}.watermark-editor-head button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font:650 .7rem var(--font);cursor:pointer;border-radius:8px;padding:.42rem .62rem}.watermark-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);min-height:630px;display:grid}.watermark-preview{border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-subtle) 72%,var(--bg-raised));grid-template-rows:auto 1fr auto;min-width:0;padding:1rem;display:grid}.watermark-preview>header{justify-content:space-between;gap:.8rem;margin-bottom:.7rem;display:flex}.watermark-preview>header span{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:760}.watermark-preview>header small{max-width:48%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.watermark-preview>p{color:var(--text-muted);text-align:center;margin:.7rem 0 0;font-size:.68rem}.watermark-stage{border:1px solid var(--border);background:repeating-conic-gradient(#e5e7eb 0 25%,#f8fafc 0 50%) 0/20px 20px;border-radius:16px;place-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.watermark-stage>img{object-fit:contain;max-width:100%;max-height:560px;display:block}.watermark-overlay{z-index:2;pointer-events:none;max-width:86%;transform:rotate(var(--mark-rotation,0deg));transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute}.watermark-overlay span{text-overflow:ellipsis;white-space:nowrap;border-radius:.5em;max-width:100%;padding:.35em .55em;display:block;overflow:hidden;box-shadow:0 1px 4px #00000024}.watermark-overlay img{max-width:100%;height:auto;display:block}.watermark-stage[data-placement=top-left] .watermark-overlay{transform:rotate(var(--mark-rotation,0deg));top:4%;left:4%}.watermark-stage[data-placement=top] .watermark-overlay{transform:translateX(-50%) rotate(var(--mark-rotation,0deg));top:4%;left:50%}.watermark-stage[data-placement=top-right] .watermark-overlay{transform:rotate(var(--mark-rotation,0deg));top:4%;right:4%}.watermark-stage[data-placement=left] .watermark-overlay{transform:translateY(-50%) rotate(var(--mark-rotation,0deg));top:50%;left:4%}.watermark-stage[data-placement=center] .watermark-overlay,.watermark-stage[data-placement=tile] .watermark-overlay{transform:translate(-50%,-50%) rotate(var(--mark-rotation,0deg));top:50%;left:50%}.watermark-stage[data-placement=right] .watermark-overlay{transform:translateY(-50%) rotate(var(--mark-rotation,0deg));top:50%;right:4%}.watermark-stage[data-placement=bottom-left] .watermark-overlay{transform:rotate(var(--mark-rotation,0deg));bottom:4%;left:4%}.watermark-stage[data-placement=bottom] .watermark-overlay{transform:translateX(-50%) rotate(var(--mark-rotation,0deg));bottom:4%;left:50%}.watermark-stage[data-placement=bottom-right] .watermark-overlay{transform:rotate(var(--mark-rotation,0deg));bottom:4%;right:4%}.watermark-stage[data-placement=tile]:after{content:"⠿  ⠿  ⠿\a ⠿  ⠿  ⠿\a ⠿  ⠿  ⠿";color:color-mix(in srgb,var(--wm) 26%,transparent);font:800 clamp(1.2rem,4vw,2.2rem)/2.1 var(--mono);text-align:center;white-space:pre;transform:rotate(var(--mark-rotation,0deg));pointer-events:none;place-items:center;display:grid;position:absolute;inset:10%}.watermark-controls{align-content:start;gap:.9rem;padding:1rem;display:grid;overflow:auto}.watermark-mode{border:1px solid var(--border);background:var(--bg-subtle);border-radius:11px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.watermark-mode label{position:relative}.watermark-mode input{opacity:0;position:absolute}.watermark-mode span{min-height:38px;color:var(--text-muted);cursor:pointer;border-radius:8px;place-items:center;font-size:.72rem;font-weight:700;display:grid}.watermark-mode input:checked+span{background:var(--bg-raised);color:var(--wm);box-shadow:0 2px 8px #0f172a12}.watermark-text-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;display:grid}.watermark-text-controls[hidden],.watermark-logo-controls[hidden],[data-watermark-background-color][hidden]{display:none}.watermark-controls label{gap:.3rem;min-width:0;display:grid}.watermark-controls label>span,.watermark-placement legend{color:var(--text-muted);font-size:.66rem;font-weight:700}.watermark-controls input[type=text],.watermark-controls select{border:1px solid var(--border);background:var(--bg-raised);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:9px;outline:none;padding:.45rem .58rem;font-size:.75rem}.watermark-controls input[type=text]:focus,.watermark-controls select:focus{border-color:var(--wm);box-shadow:0 0 0 3px color-mix(in srgb,var(--wm) 10%,transparent)}.watermark-wide{grid-column:1/-1}.watermark-check{border:1px solid var(--border);background:var(--bg-subtle);border-radius:9px;align-items:center;min-height:40px;padding:.42rem .55rem;display:flex!important}.watermark-check input{accent-color:var(--wm)}.watermark-check span{white-space:nowrap;color:var(--text)!important}.watermark-controls input[type=color]{border:1px solid var(--border);background:var(--bg-raised);border-radius:9px;width:100%;height:40px;padding:3px}.watermark-logo-picker input{opacity:0;width:1px;height:1px;position:absolute}.watermark-logo-picker b{border:1px dashed color-mix(in srgb,var(--wm) 38%,var(--border));background:var(--wm-soft);min-height:48px;color:var(--wm);cursor:pointer;border-radius:10px;align-items:center;padding:.65rem .75rem;font-size:.72rem;display:flex}.watermark-logo-picker small{color:var(--text-muted);font-size:.65rem}.watermark-ranges{border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;gap:.65rem;padding:.75rem;display:grid}.watermark-ranges label>span,.watermark-output label>span{justify-content:space-between;display:flex}.watermark-ranges output,.watermark-output output{color:var(--wm);font:750 .65rem var(--mono)}.watermark-controls input[type=range]{width:100%;accent-color:var(--wm)}.watermark-placement{border:0;grid-template-columns:auto 1fr;gap:.6rem;padding:0;display:grid}.watermark-placement legend{grid-column:1/-1;margin-bottom:.3rem}.watermark-position-grid{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;grid-template-columns:repeat(3,36px);gap:3px;padding:3px;display:grid}.watermark-position-grid button{cursor:pointer;background:0 0;border:0;border-radius:6px;width:36px;height:30px;position:relative}.watermark-position-grid button i{background:var(--text-muted);border-radius:2px;width:6px;height:6px;position:absolute}.watermark-position-grid button[aria-pressed=true]{background:var(--wm-soft)}.watermark-position-grid button[aria-pressed=true] i{background:var(--wm)}.watermark-tile{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text-muted);font:650 .7rem var(--font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .65rem;display:flex}.watermark-tile[aria-pressed=true]{border-color:var(--wm);background:var(--wm-soft);color:var(--wm)}.watermark-output{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.watermark-apply{color:#fff;min-height:48px;font:760 .8rem var(--font);cursor:pointer;background:linear-gradient(135deg,#a16207,#d97706);border:0;border-radius:11px;box-shadow:0 8px 20px #a1620733}.watermark-apply:disabled{cursor:wait;opacity:.62}.watermark-results{border:1px solid var(--border);background:var(--bg-raised);border-radius:18px;margin-top:1rem;overflow:hidden}.watermark-results>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.watermark-results>header>div{align-items:center;gap:.65rem;display:flex}.watermark-results>header>div>span{color:#15803d;background:#dcfce7;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.watermark-results h2{margin:0;font-size:.9rem}.watermark-results header p{color:var(--text-muted);margin:.15rem 0 0;font-size:.68rem}.watermark-results>header button{background:var(--wm);color:#fff;font:700 .7rem var(--font);cursor:pointer;border:0;border-radius:9px;padding:.5rem .7rem}.watermark-results ul{gap:.55rem;margin:0;padding:.75rem;list-style:none;display:grid}.watermark-results li{border:1px solid var(--border);border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:.75rem;padding:.65rem;display:grid}.watermark-results li>img{object-fit:cover;background:var(--bg-subtle);border-radius:9px;width:64px;height:64px}.watermark-results li>div{gap:.3rem;min-width:0;display:grid}.watermark-results li strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.watermark-results li>div>span{color:var(--text-muted);font-size:.65rem}.watermark-results li>div>div{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.watermark-results a,.watermark-results li button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font:650 .64rem var(--font);cursor:pointer;border-radius:7px;padding:.34rem .5rem;text-decoration:none}.watermark-results a{border-color:var(--wm);background:var(--wm-soft);color:var(--wm)}.watermark-results li small{color:var(--text-muted);margin-left:.2rem;font-size:.61rem}.watermark-results li.is-error{background:#fff7f7;border-color:#fecaca;grid-template-columns:1fr}.watermark-explainer{border:1px solid var(--border);background:var(--bg-subtle);border-radius:18px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;margin:2.2rem 0;padding:clamp(1rem,3vw,1.5rem);display:grid}.watermark-explainer>div:first-child>span{color:var(--wm,#a16207);font:760 .66rem var(--mono);letter-spacing:.08em}.watermark-explainer h2{margin:.35rem 0 .6rem}.watermark-explainer>div:first-child p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.6}.watermark-explainer>div:last-child{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.watermark-explainer article{border:1px solid var(--border);background:var(--bg-raised);border-radius:12px;padding:.8rem}.watermark-explainer article>span{color:#a16207;font:760 .64rem var(--mono)}.watermark-explainer article h3{margin:.45rem 0 .35rem;font-size:.8rem}.watermark-explainer article p{color:var(--text-muted);margin:0;font-size:.69rem;line-height:1.5}.watermark-faq details{border:1px solid var(--border);background:var(--bg-raised);border-radius:12px;margin-bottom:.55rem;padding:.8rem 1rem}.watermark-drop>button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.watermark-faq summary{align-items:center;min-height:44px;display:flex}.watermark-editor-head button,.watermark-mode span,.watermark-controls input[type=text],.watermark-controls select,.watermark-check,.watermark-controls input[type=color],.watermark-results>header button,.watermark-results a,.watermark-results li button{min-height:44px}.watermark-editor-head button,.watermark-results>header button,.watermark-results a,.watermark-results li button{justify-content:center;align-items:center;display:inline-flex}.watermark-position-grid{grid-template-columns:repeat(3,44px)}.watermark-position-grid button{width:44px;height:44px}.watermark-position-grid button:first-child i{top:9px;left:9px}.watermark-position-grid button:nth-child(2) i{top:9px;left:19px}.watermark-position-grid button:nth-child(3) i{top:9px;right:9px}.watermark-position-grid button:nth-child(4) i{top:19px;left:9px}.watermark-position-grid button:nth-child(5) i{top:19px;left:19px}.watermark-position-grid button:nth-child(6) i{top:19px;right:9px}.watermark-position-grid button:nth-child(7) i{bottom:9px;left:9px}.watermark-position-grid button:nth-child(8) i{bottom:9px;left:19px}.watermark-position-grid button:nth-child(9) i{bottom:9px;right:9px}@media (width<=900px){.watermark-layout{grid-template-columns:1fr}.watermark-preview{border-right:0;border-bottom:1px solid var(--border)}.watermark-stage{min-height:420px}.watermark-explainer{grid-template-columns:1fr}}@media (width<=600px){.watermark-hero{padding-top:1.8rem}.watermark-editor-head{align-items:flex-start}.watermark-editor-head>div:first-child{flex-wrap:wrap}.watermark-editor-head>div:last-child{grid-template-columns:1fr 1fr;width:100%;display:grid}.watermark-editor-head{display:grid}.watermark-layout{min-height:0}.watermark-preview{padding:.65rem}.watermark-stage{min-height:320px}.watermark-controls{padding:.75rem}.watermark-text-controls{grid-template-columns:1fr 1fr}.watermark-placement{grid-template-columns:1fr}.watermark-position-grid{justify-self:start}.watermark-output{grid-template-columns:1fr}.watermark-results>header{align-items:flex-start}.watermark-results li{grid-template-columns:48px minmax(0,1fr)}.watermark-results li>img{width:48px;height:48px}.watermark-results li small{width:100%;margin:0}.watermark-explainer>div:last-child{grid-template-columns:1fr}}