:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0c151b;color:#e9f2f5}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:48px 28px}header{margin-bottom:32px}.eyebrow{color:#6eddd4;letter-spacing:.16em;font-size:12px;font-weight:700}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:12px 0}p{color:#97adb8;line-height:1.6}h2{font-size:20px;margin:0 0 20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.preview,.configuration{border:1px solid #263b46;border-radius:16px;background:#111f27;overflow:hidden}#watermark-demo-player{aspect-ratio:16/9;width:100%;background:#030708}.status{padding:16px;display:flex;align-items:center;gap:10px;font-size:13px;min-height:54px}#status-light{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#6eddd4}.configuration{padding:24px}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}label{display:block;font-size:12px;color:#a6bec9;margin-bottom:16px}input,select,button{font:inherit;color:inherit}input:not([type=range]):not([type=color]),select{width:100%;border:1px solid #36525f;border-radius:8px;background:#0c171e;padding:11px;margin-top:7px}input[type=range]{width:100%;accent-color:#6eddd4;margin-top:14px}input[type=color]{display:block;margin-top:8px;width:100%;height:28px;border:0;background:transparent}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{background:#1a303a;border:1px solid #36525f;border-radius:8px;padding:9px 11px;cursor:pointer;font-size:12px}button:hover{border-color:#6eddd4}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6eddd4;outline-offset:3px}.primary{background:#6eddd4;color:#09252b;font-weight:700;width:100%;padding:12px}.note{font-size:12px;margin:16px 0 0}details{margin-top:24px;border:1px solid #263b46;border-radius:12px;padding:16px}summary{cursor:pointer;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#a8dacf}#token-form{margin-top:16px}#token-form input{max-width:750px;margin-right:12px}[hidden]{display:none!important}@media(max-width:950px){.workspace{grid-template-columns:1fr}.configuration{padding:20px}main{padding:28px 16px}.presets button{flex-grow:1}}