.watermark-workspace{max-width:760px}.watermark-upload.is-dragging{border-color:#1e73ff!important;background:#f4f8ff!important}.watermark-editor{margin-top:18px}.watermark-editor[hidden],.watermark-result[hidden]{display:none!important}.watermark-preview-card{border:1px solid rgba(13,13,13,.12);background:#fff}.watermark-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid rgba(13,13,13,.1)}.watermark-preview-head h2{margin:0;color:#0b2f6b;font-size:22px;letter-spacing:-.035em}.watermark-preview-head small{color:#8491a3;font-size:9.5px;text-align:right}.watermark-preview-stage{min-height:260px;max-height:62svh;padding:14px;display:grid;place-items:center;overflow:auto;background:#f5f7fb}.watermark-preview-stage canvas{display:block;max-width:100%;max-height:56svh;width:auto;height:auto;background:#fff;box-shadow:0 8px 28px rgba(8,30,61,.12)}.watermark-controls{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}.watermark-field{display:grid;gap:8px;padding:13px 14px;border:1px solid rgba(13,13,13,.12);background:#fff}.watermark-field>span:first-child{display:flex;justify-content:space-between;gap:12px;color:#0b2f6b;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.watermark-field output{color:#1e73ff;font:800 10px/1 Inter,ui-sans-serif,sans-serif}.watermark-field input[type="text"]{width:100%;min-height:48px;padding:0 12px;border:1px solid #cfdbea;background:#fff;color:#0d0d0d;font-size:15px;outline:none}.watermark-field input[type="text"]:focus{border-color:#1e73ff;box-shadow:0 0 0 3px rgba(30,115,255,.1)}.watermark-field input[type="range"]{width:100%;accent-color:#1e73ff}.watermark-check{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid rgba(13,13,13,.12);color:#34445a;font-size:12px;font-weight:700;background:#fff}.watermark-check input{width:18px;height:18px;accent-color:#1e73ff}.watermark-color-control{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px}.watermark-color-control input{width:48px;height:34px;padding:2px;border:1px solid #cfdbea;background:#fff}.watermark-color-control output{color:#536276;font-size:10px}.watermark-page .generate-button:disabled{opacity:.45;cursor:not-allowed}.watermark-page .bottom-nav{grid-template-columns:repeat(2,1fr)}.watermark-result{margin-top:20px}@media(min-width:620px){.watermark-controls{grid-template-columns:1fr 1fr}.watermark-field--wide{grid-column:1/-1}.watermark-preview-stage{min-height:360px}.watermark-color-field{align-content:start}}