.watermark-tool{--wm-ink: #055669;--wm-accent: #1cb238;letter-spacing:0}.watermark-tool [hidden]{display:none!important}.watermark-tool *{min-width:0}.watermark-tool .wm-eyebrow{color:var(--wm-ink);font-weight:700;font-size:.75rem;margin-bottom:.5rem}.watermark-tool .wm-workspace{display:grid;gap:1rem;margin-top:1rem;align-items:start}.watermark-tool .wm-upload-area{order:1}.watermark-tool .wm-drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;min-height:160px;padding:1rem;border:2px dashed #a8e8b3;border-radius:8px;background:#effbf1;text-align:center}.watermark-tool .wm-drop:focus-within,.watermark-tool .wm-drop:hover{border-color:var(--wm-ink)}.watermark-tool .wm-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.watermark-tool .wm-drop span:last-child{font-size:.875rem;color:#475569}.watermark-tool .wm-file-symbol{color:var(--wm-ink);background:#fff;padding:.65rem;border-radius:6px;font-weight:800}.watermark-tool .wm-file-row{display:flex;align-items:center;gap:.75rem;padding:.85rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.watermark-tool .wm-settings{order:2;background:#fff;border:1px solid #dce4e8;border-radius:8px}.watermark-tool summary{cursor:pointer;font-weight:600}.watermark-tool .wm-settings>details>summary{padding:1rem;color:var(--wm-ink)}.watermark-tool .wm-settings summary .wm-muted{margin-left:.6rem;font-weight:400}.watermark-tool .wm-settings-body{padding:0 1rem 1rem}.watermark-tool .wm-settings-body label:not(.wm-check),.watermark-tool .wm-position-field legend{display:block;font-size:.8rem;font-weight:600;margin:.8rem 0 .35rem}.watermark-tool input:not([type=checkbox]):not([type=range]):not([type=file]),.watermark-tool select,.watermark-tool textarea{width:100%;max-width:100%;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#0f172a;font-size:.875rem;padding:.5rem .6rem;min-height:42px}.watermark-tool textarea{resize:vertical}.watermark-tool input[type=color]{padding:.25rem!important;height:42px}.watermark-tool input[type=file]:not(#wmFile){width:100%;font-size:.8rem}.watermark-tool input[type=range]{width:100%;min-height:28px;accent-color:var(--wm-ink)}.watermark-tool input[type=checkbox]{width:17px;height:17px;flex:0 0 auto;accent-color:var(--wm-ink)}.watermark-tool output{float:right;font-weight:400;color:var(--wm-ink)}.watermark-tool :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #055669;outline-offset:3px}.watermark-tool :disabled{cursor:not-allowed;opacity:.5}.watermark-tool .wm-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.watermark-tool .wm-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.watermark-tool .wm-button,.watermark-tool .wm-icon{align-items:center;justify-content:center;min-height:42px;border-radius:5px;border:1px solid #cbd5e1;padding:.5rem .7rem;background:#fff;font-size:.8rem;font-weight:600;text-decoration:none;text-align:center}.watermark-tool button:not(.hidden),.watermark-tool a.wm-button:not(.hidden){display:inline-flex}.watermark-tool .wm-button:hover:not(:disabled),.watermark-tool .wm-icon:hover:not(:disabled){background:#effbf1;border-color:#1cb238}.watermark-tool .wm-icon{width:42px;flex-shrink:0;font-size:1.2rem}.watermark-tool .wm-primary{color:#fff;border-color:var(--wm-ink);background:var(--wm-ink);padding-inline:1.25rem}.watermark-tool .wm-primary:hover:not(:disabled){background:#044758;border-color:#044758}.watermark-tool .wm-danger{color:#b42318}.watermark-tool .wm-muted,.watermark-tool .wm-hint{font-size:.8rem;line-height:1.5;color:#526174}.watermark-tool .wm-hint{margin-top:.35rem}.watermark-tool .wm-layer-actions{margin-top:.6rem;gap:.35rem}.watermark-tool .wm-check{display:flex;align-items:center;gap:.5rem;font-size:.8rem;line-height:1.5;margin-block:.65rem}.watermark-tool .wm-skip{align-self:end;min-height:42px;margin:0}.watermark-tool .wm-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.watermark-tool .wm-position-grid button{height:32px;border:1px solid #cbd5e1;border-radius:4px;padding:6px}.watermark-tool .wm-position-grid [aria-pressed=true]{border-color:var(--wm-ink);background:#dcf8e1}.watermark-tool .wm-dot{width:6px;height:6px;background:var(--wm-ink);border-radius:1px}.watermark-tool .wm-position-grid button:nth-child(3n+1){justify-content:flex-start}.watermark-tool .wm-position-grid button:nth-child(3n+2){justify-content:center}.watermark-tool .wm-position-grid button:nth-child(3n){justify-content:flex-end}.watermark-tool .wm-position-grid button:nth-child(-n+3){align-items:flex-start}.watermark-tool .wm-position-grid button:nth-child(n+7){align-items:flex-end}.watermark-tool .wm-advanced{border-top:1px solid #e2e8f0;margin-top:.8rem;padding-top:.7rem;font-size:.85rem}.watermark-tool .wm-divider{border-top:1px solid #e2e8f0;margin-top:.8rem}.watermark-tool .wm-preview-area{order:3;border:1px solid #dce4e8;border-radius:8px;overflow:hidden;background:#fff}.watermark-tool .wm-preview-toolbar,.watermark-tool .wm-preview-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem;font-size:.8rem}.watermark-tool #wmPage{width:58px;padding:.25rem;text-align:center}.watermark-tool .wm-stage{display:flex;position:relative;align-items:center;justify-content:center;height:430px;height:min(55svh,580px);min-height:240px;padding:1rem;background:#eaf0f2;overflow:hidden}.watermark-tool .wm-stage canvas{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;box-shadow:0 2px 12px #143c4a20}.watermark-tool .wm-empty{text-align:center;max-width:280px;padding:1rem}.watermark-tool .wm-empty-mark{display:block;font-size:3.5rem;font-weight:700;color:#055669;opacity:.4;margin-bottom:.5rem;transform:rotate(-15deg)}.watermark-tool .wm-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#f8fafce6;font-size:.85rem}.watermark-tool .wm-spinner{border:3px solid #a8e8b3;border-top-color:#055669;border-radius:50%;width:22px;height:22px;animation:wm-spin .8s linear infinite}@keyframes wm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.watermark-tool .wm-spinner{animation:none}}.watermark-tool .wm-actions{order:4;position:sticky;bottom:.5rem;z-index:20;padding:.8rem;background:#fff;border:1px solid #a8e8b3;border-radius:8px;box-shadow:0 3px 16px #143c4a12}.watermark-tool .wm-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.watermark-tool .wm-error{color:#b42318;font-size:.85rem;margin-bottom:.65rem;overflow-wrap:anywhere}.watermark-tool .wm-success{color:var(--wm-ink)}.watermark-tool #wmResult{padding-bottom:.6rem}.watermark-tool #wmProgress{font-size:.8rem;padding-bottom:.6rem}.watermark-tool .wm-progress-track{height:4px;border-radius:4px;background:#e2e8f0;margin-top:.5rem;overflow:hidden}.watermark-tool #wmProgressBar{height:100%;width:0;background:var(--wm-accent)}.watermark-tool .wm-guide{display:grid;gap:1.5rem;padding-block:1.5rem;margin-top:1rem;border-block:1px solid #dce4e8}.watermark-tool .wm-guide h2,.watermark-tool .wm-faq h2{font-weight:700;font-size:1.2rem;margin-bottom:.75rem}.watermark-tool .wm-guide p,.watermark-tool .wm-guide li,.watermark-tool .wm-faq p{font-size:.9rem;line-height:1.7;color:#475569}.watermark-tool .wm-guide p+p{margin-top:.65rem}.watermark-tool .wm-guide ol{list-style:decimal;padding-left:1.25rem}.watermark-tool .wm-guide li+li{margin-top:.5rem}.watermark-tool .wm-guide a{color:#055669;text-decoration:underline;text-underline-offset:3px;font-weight:600}.watermark-tool .wm-faq{margin-top:1.5rem}.watermark-tool .wm-faq details{padding:.8rem 0;border-bottom:1px solid #dce4e8}.watermark-tool .wm-faq summary{font-size:.9rem}.watermark-tool .wm-faq p{margin-top:.5rem;max-width:850px}@media(min-width:768px){.watermark-tool .wm-guide{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.watermark-tool .wm-workspace{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto 1fr}.watermark-tool .wm-upload-area,.watermark-tool .wm-preview-area,.watermark-tool .wm-actions{grid-column:1}.watermark-tool .wm-settings{grid-column:2;grid-row:1 / span 3}.watermark-tool .wm-actions{align-self:start}}