/* WATEEN_AD_STUDIO_STYLES=1 — scoped to the creative workspace. */
.wtn-ad-studio{--studio-ink:#123e4a;--studio-muted:#647b83;--studio-line:#dfe9e9;max-width:1600px}.wtn-ad-studio [hidden]{display:none!important}.wtn-ad-studio button,.wtn-ad-studio input,.wtn-ad-studio textarea,.wtn-ad-studio select{font:inherit}.wtn-ad-studio button{cursor:pointer}.wtn-ad-studio .is-error{color:#a52e45}.wtn-studio-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px;border:1px solid #dce9e8;border-radius:22px;background:radial-gradient(circle at 4% 20%,#ffddd0 0,transparent 32%),linear-gradient(110deg,#fcf5eb,#edf6f3 75%);margin-bottom:24px;overflow:hidden;position:relative}.wtn-studio-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2px;color:#517c7b}.wtn-studio-hero h1{font-size:38px;line-height:1.3;letter-spacing:-1px;color:var(--studio-ink);margin:8px 0 12px}.wtn-studio-hero h1 span{color:#e76b61;display:inline-block;transform:rotate(-12deg);font-size:44px;margin-right:7px}.wtn-studio-hero p{font-size:13px;color:#4d6e74;margin:0;max-width:500px}.wtn-studio-hero-note{display:flex;flex-direction:column;gap:8px;border-right:1px solid #bed4d1;padding:12px 26px;flex:0 0 auto}.wtn-studio-hero-note b{font-size:16px;color:var(--studio-ink)}.wtn-studio-hero-note span{font-size:11px;color:var(--studio-muted)}.wtn-studio-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}.wtn-studio-tools{display:grid;gap:18px;min-width:0}.wtn-ad-studio .panel{padding:23px;border:1px solid var(--studio-line);border-radius:18px;margin:0;box-shadow:0 4px 22px #123e4a04;background:#fff}.wtn-studio-product summary{display:flex;flex-direction:column;gap:8px;cursor:pointer;list-style:none;position:relative;padding-left:23px}.wtn-studio-product summary:after{content:'⌄';position:absolute;left:0;top:0;color:#78928e}.wtn-studio-product summary b{font-size:15px;color:var(--studio-ink)}.wtn-studio-product summary span{font-size:11px;color:var(--studio-muted);overflow-wrap:anywhere}.wtn-studio-product[open] summary{padding-bottom:18px;border-bottom:1px solid var(--studio-line);margin-bottom:17px}.wtn-studio-product form label{font-size:12px;display:block;margin-bottom:7px}.wtn-studio-search-bar{display:flex;gap:8px;margin-bottom:10px}.wtn-studio-search-bar input{min-width:0;flex:1}.wtn-ad-studio input:not([type=color]):not([type=checkbox]):not([type=file]),.wtn-ad-studio select,.wtn-ad-studio textarea{width:100%;border:1px solid #d3e0e1;border-radius:9px;padding:11px 12px;color:var(--studio-ink);background:#fbfdfc;font-size:13px;box-sizing:border-box}.wtn-ad-studio textarea{resize:vertical;min-height:75px;line-height:1.7}.wtn-ad-studio input:focus,.wtn-ad-studio select:focus,.wtn-ad-studio textarea:focus{outline:2px solid #0b5e7233;border-color:#0b5e72}.wtn-studio-product [data-studio-search-results]{display:grid;gap:7px;max-height:350px;overflow-y:auto;overscroll-behavior:contain;margin-top:10px}.wtn-studio-result{border:1px solid #e3ecea;background:#f8fbfa;border-radius:10px;padding:11px 12px;text-align:right;display:grid;gap:5px;color:var(--studio-ink);min-width:0;transition:border-color .15s,background .15s}.wtn-studio-result:hover{border-color:#80b0a7;background:#edf7f2}.wtn-studio-result span{font-weight:700;font-size:12px;overflow-wrap:anywhere}.wtn-studio-result small{font-size:10px;color:var(--studio-muted)}.wtn-studio-search-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:12px}.wtn-studio-editor{min-width:0}.wtn-studio-editor legend{color:var(--studio-ink);font-weight:700;font-size:15px;background:#fff;border:1px solid var(--studio-line);border-radius:8px;padding:4px 11px}.wtn-studio-control{display:grid;gap:9px;font-size:12px;color:var(--studio-ink);margin:0 0 20px}.wtn-studio-control>b{font-size:12px}.wtn-studio-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wtn-studio-templates>button{border:1px solid #dce7e5;border-radius:11px;padding:5px;background:#fff;display:grid;gap:8px;text-align:center;color:#45616a;overflow:hidden}.wtn-studio-templates>button>b{font-size:10px;padding:2px 0 5px}.wtn-studio-template-art{height:67px;border-radius:7px;background:linear-gradient(135deg,#f7f3ed 55%,#c5d9ce 55%);position:relative;color:#0b5e72;font-size:28px;display:flex;align-items:center;justify-content:center}.wtn-studio-template-art:before{content:'';position:absolute;width:32px;height:32px;border:1px solid #ffffffaa;background:#fff;border-radius:6px;transform:rotate(-12deg);box-shadow:0 2px 7px #123e4a12}.wtn-studio-template-art[data-art=offer]{background:#0b5e72;color:#fff}.wtn-studio-template-art[data-art=offer]:before{background:#ff8d7d;border:0;transform:rotate(12deg)}.wtn-studio-template-art[data-art=arrival]{background:#fff;border:1px solid #e3ebe6}.wtn-studio-template-art[data-art=arrival]:before{border-radius:22px 22px 5px 5px;background:#f2dfce;transform:none}.wtn-studio-templates>button[aria-pressed=true]{border-color:#0b5e72;box-shadow:0 0 0 2px #0b5e7217;background:#eff7f5;color:#0b5e72}.wtn-studio-formats{display:flex;gap:9px}.wtn-studio-formats button{flex:1;min-width:0;min-height:42px}.wtn-studio-formats button[aria-pressed=true]{background:#eaf4f0;border-color:#6e9e93;color:#0b5e72}.wtn-studio-palettes{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wtn-studio-palettes>button{width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--studio-swatch);box-shadow:0 0 0 1px #d6e0dd}.wtn-studio-palettes>button[aria-pressed=true]{box-shadow:0 0 0 2px #0b5e72}.wtn-studio-palettes label{display:flex;align-items:center;gap:7px;margin-right:auto;font-size:10px;color:#607d80}.wtn-studio-palettes input[type=color]{width:33px;height:33px;border:1px solid #cbd9d6;border-radius:8px;padding:2px;background:#fff;cursor:pointer}.wtn-studio-check{display:flex;gap:9px;align-items:center;font-size:12px;margin:0 0 10px}.wtn-studio-check input{accent-color:#0b5e72;width:17px;height:17px}.wtn-studio-editor>small{display:block;color:var(--studio-muted);font-size:10px;line-height:1.8}.wtn-studio-image-tools{margin:18px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);padding:14px 0}.wtn-studio-image-tools summary{font-size:12px;font-weight:700;cursor:pointer;color:#355b64}.wtn-studio-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 12px}.wtn-studio-thumbs button{width:52px;height:52px;padding:3px;border:1px solid #dce5e4;background:#fff;border-radius:9px;overflow:hidden}.wtn-studio-thumbs img{width:100%;height:100%;object-fit:contain}.wtn-studio-thumbs button[aria-pressed=true]{border:2px solid #0b5e72}.wtn-studio-upload{display:block;position:relative;padding:11px;border:1px dashed #97b5ae;border-radius:9px;text-align:center;font-size:12px;color:#0b5e72;background:#f6fbf9;cursor:pointer;margin-bottom:8px}.wtn-studio-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.wtn-studio-image-tools>small{display:block;color:var(--studio-muted);font-size:10px;margin-bottom:14px}.wtn-studio-image-tools .wtn-studio-control{margin-bottom:0}.wtn-studio-warning{margin:0;font-size:11px;color:#935a1c;background:#fff5e7;border-radius:10px;padding:12px;line-height:1.8}.wtn-studio-warning:empty{display:none}.wtn-studio-preview{background:#fff;border:1px solid var(--studio-line);border-radius:20px;padding:22px;min-width:0;position:sticky;top:105px;box-shadow:0 8px 30px #123e4a06}.wtn-studio-preview>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.wtn-studio-preview h2{font-size:18px;color:var(--studio-ink);margin:5px 0 0}.wtn-studio-live{font-size:10px;color:#40775d;background:#edf6f0;border:1px solid #d7eadd;border-radius:20px;padding:5px 12px}.wtn-studio-stage{background-color:#ecf0ef;background-image:linear-gradient(45deg,#e2e8e6 25%,transparent 25%),linear-gradient(-45deg,#e2e8e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8e6 75%),linear-gradient(-45deg,transparent 75%,#e2e8e6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:14px;padding:25px;display:flex;justify-content:center;align-items:center;min-height:250px;overflow:hidden}.wtn-studio-stage canvas{display:block;width:100%;height:auto;max-width:460px;box-shadow:0 10px 30px #183e4920}.wtn-studio-stage canvas[data-format=story]{max-width:300px}.wtn-studio-preview-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0 17px;flex-wrap:wrap;color:#597479;font-size:11px}.wtn-studio-preview-meta small{font-size:10px;color:var(--studio-muted)}.wtn-studio-download{display:flex;gap:9px;flex-wrap:wrap}.wtn-studio-download .primary{background:#0b5e72;box-shadow:0 3px 9px #0b5e7220;min-height:43px;padding:10px 19px}.wtn-studio-download .primary:hover:not(:disabled){background:#084a5a}.wtn-studio-download a{text-decoration:none;padding:10px 13px}.wtn-studio-preview [data-studio-message]{font-size:12px;line-height:1.8;color:#456d65;margin:13px 0 8px}.wtn-studio-preview [data-studio-message].is-error{color:#a52e45}.wtn-studio-preview [data-studio-logo-note],.wtn-studio-preview [data-studio-text-note]{font-size:11px;margin:8px 0}.wtn-studio-preview [data-studio-logo-note]:empty,.wtn-studio-preview [data-studio-text-note]:empty{display:none}.wtn-studio-session-note{display:block;font-size:10px;color:var(--studio-muted);line-height:1.8}.wtn-studio-mobile-tune{display:none!important}
@media(min-width:1500px){.wtn-studio-layout{grid-template-columns:410px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:761px){.wtn-studio-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:16px}.wtn-ad-studio .panel,.wtn-studio-preview{padding:17px}.wtn-studio-hero{padding:25px}.wtn-studio-hero h1{font-size:30px}.wtn-studio-hero-note{display:none}.wtn-studio-stage{padding:15px}.wtn-studio-templates{gap:5px}.wtn-studio-palettes{gap:7px}.wtn-studio-palettes label{margin-right:0}.wtn-studio-download>button{flex:1 1 100%}}
@media(max-width:760px){.wtn-studio-hero{padding:24px 20px;border-radius:16px;margin-bottom:17px}.wtn-studio-hero h1{font-size:31px}.wtn-studio-hero h1 span{font-size:32px}.wtn-studio-hero p{font-size:12px;line-height:1.8}.wtn-studio-hero-note{display:none}.wtn-studio-layout{display:flex;flex-direction:column;gap:16px}.wtn-studio-tools{display:contents}.wtn-studio-product{order:0;width:100%}.wtn-studio-warning{order:1;width:100%}.wtn-studio-preview{order:2;position:static;width:100%;padding:17px;border-radius:16px;box-sizing:border-box}.wtn-studio-editor{order:3;width:100%;box-sizing:border-box}.wtn-studio-stage{padding:17px;min-height:200px}.wtn-studio-stage canvas{max-width:360px}.wtn-studio-stage canvas[data-format=story]{max-width:260px}.wtn-studio-preview h2{font-size:16px}.wtn-studio-download{gap:8px}.wtn-studio-download .primary{flex:1 1 100%}.wtn-studio-preview-meta{display:grid;gap:4px}.wtn-studio-mobile-tune{display:inline-flex!important}.wtn-ad-studio .panel{padding:19px;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.wtn-ad-studio *{scroll-behavior:auto!important;transition:none!important}}

.wtn-product-studio-actions{display:grid;gap:7px;justify-items:start}.wtn-product-studio-actions>.secondary{font-size:11px;color:#0b5e72;border-color:#c6dcd9;background:#f5faf8}.wtn-studio-price{display:block;font-size:12px;color:#0b5e72;margin-bottom:8px}

.wtn-studio-upload:focus-within{outline:3px solid #0b5e72;outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){.wtn-studio-layout{display:flex;flex-direction:column;gap:18px}.wtn-studio-tools{display:contents}.wtn-studio-product{order:0;width:100%;box-sizing:border-box}.wtn-studio-warning{order:1;width:100%;box-sizing:border-box}.wtn-studio-preview{order:2;position:static;width:100%;box-sizing:border-box}.wtn-studio-editor{order:3;width:100%;box-sizing:border-box}.wtn-studio-download>button{flex:0 1 auto}.wtn-studio-download .primary{flex:1}.wtn-studio-mobile-tune{display:inline-flex!important}.wtn-studio-stage{padding:24px}.wtn-studio-palettes label{margin-right:auto}}
