.watermark-demo-mark{opacity:.8}
.brand-library-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.brand-library-actions a,.brand-library-actions button{padding:0;border:0;background:none;color:#81543f;font:inherit;font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}.brand-library-actions i{color:#b8aa93;font-style:normal}.watermark-preview-dialog{width:min(920px,100%)}.watermark-preview-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;padding:22px}.watermark-preview-grid{display:grid;place-items:center;min-height:540px}.watermark-preview-dialog .watermark-demo-frame.ratio-16x9{width:min(720px,100%)}.watermark-preview-dialog .watermark-demo-frame.ratio-9x16{width:min(300px,100%)}.watermark-preview-dialog .watermark-demo-frame.ratio-1x1{width:min(500px,100%)}.watermark-preview-dialog .watermark-demo figcaption{margin-top:8px;font-size:13px}.watermark-preview-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #aa9b83;border-radius:50%;background:#fffaf0;color:var(--green-deep);font-size:24px;font-weight:900;box-shadow:2px 3px 0 #d8cbb5;cursor:pointer}.watermark-preview-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}.watermark-preview-note{margin:0;padding:0 22px 18px;color:#756b5d;font-size:11px;text-align:center}
.watermark-position-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;padding:0 18px 14px}.watermark-position-controls span{color:#6c6254;font-size:11px;font-weight:900}.watermark-position-picker{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:4px;padding:6px;border:1px solid #d6c8b1;border-radius:8px;background:#f8f0e2}.watermark-position-cell{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #aa9b83;border-radius:4px;background:#fffaf0;color:#817463;font-size:11px;cursor:pointer}.watermark-position-cell[aria-pressed="true"]{border-color:var(--green-deep);background:var(--green-deep);color:#fff;box-shadow:0 0 0 2px #d8cbb5}.watermark-size-button{min-width:34px;padding:7px;border:1px solid #aa9b83;border-radius:18px;background:#fffaf0;color:#6c6254;font-size:16px;font-weight:900;line-height:1;cursor:pointer}.watermark-size-controls{display:flex;align-items:center;gap:6px}.watermark-size-range{width:min(220px,42vw);accent-color:var(--green-deep)}.watermark-size-label{min-width:38px;color:var(--green-deep);font-size:11px;font-weight:900;text-align:center}.outro-background-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:0 18px 18px}.outro-background-controls>span{color:#6c6254;font-size:11px;font-weight:900}.outro-background-choice{padding:7px 12px;border:1px solid #aa9b83;border-radius:18px;background:#fffaf0;color:#6c6254;font-size:11px;font-weight:900;cursor:pointer}.outro-background-choice[aria-pressed="true"]{border-color:var(--green-deep);background:var(--green-deep);color:#fff}.outro-preview-background{position:absolute;z-index:1;inset:0;pointer-events:none}
.watermark-preview-dialog .watermark-demo-frame.ratio-4x5{width:min(400px,100%);aspect-ratio:4/5}
.outro-preview-asset{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain}.outro-preview-dialog .watermark-demo-bg{filter:brightness(.82)}
.brand-outro-preview{position:absolute;z-index:9;inset:0;pointer-events:none}.brand-outro-preview img,.brand-outro-preview video{position:absolute;max-width:none;height:auto;object-fit:contain}.stage.has-outro-preview .title-wrap,.stage.has-outro-preview .shade,.stage.has-outro-preview .brand-watermark-preview{opacity:0}
@media(max-width:720px){.watermark-preview-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;padding:14px 8px}.watermark-preview-grid{min-height:440px}.watermark-preview-arrow{width:36px;height:36px;font-size:19px}.watermark-preview-dialog .watermark-demo-frame.ratio-16x9{width:100%}.watermark-preview-dialog .watermark-demo-frame.ratio-9x16{width:min(220px,100%)}.watermark-preview-dialog .watermark-demo-frame.ratio-1x1{width:100%}}
