.promo-studio{box-sizing:border-box;background:#f1f9ff;color:#152f4b;font:16px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;border:1px solid #d0e4f2;border-radius:20px;padding:0!important;overflow:hidden;max-width:100%;box-shadow:0 10px 35px #123d6510}.promo-studio *{box-sizing:border-box}.promo-studio[open]{width:min(94vw,820px);max-height:94dvh;overflow:auto;margin:auto}.promo-studio::backdrop{background:#10243ebd;backdrop-filter:blur(3px)}.promo-studio svg{width:24px;height:24px;flex:none;stroke-linecap:round;stroke-linejoin:round}.promo-studio .ps-head{display:flex;gap:12px;align-items:center;padding:22px 19px;background:radial-gradient(circle at 2px 2px,#ffffff30 1px,transparent 1.4px) right/8px 8px,linear-gradient(110deg,#00a9ec,#0863d6);color:white}.promo-studio .ps-head>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff26;flex:none}.promo-studio .ps-head>div{flex:1;min-width:0}.promo-studio .ps-head small{font-size:10px;letter-spacing:1.3px;font-weight:750}.promo-studio .ps-head h2{font-size:24px;line-height:1.2;color:inherit;margin:4px 0 7px;letter-spacing:-.4px}.promo-studio .ps-head p{font-size:13px;margin:0;color:#f0fbff}.promo-studio [data-promo-close]{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff55;border-radius:9px;background:#ffffff18;color:#fff;padding:6px;align-self:flex-start;flex:none}.promo-studio .ps-body{padding:18px;display:grid;gap:16px}.promo-studio .ps-card{padding:19px 16px;border:1px solid #d4e6f3;border-radius:16px;background:#fff;box-shadow:0 4px 16px #075da807}.promo-studio .ps-card h3,.promo-studio .ps-gallery>h3{display:flex;gap:9px;align-items:center;font-size:18px;margin:0 0 12px;font-weight:800;color:#163652}.promo-studio .ps-card h3 svg,.promo-studio .ps-label>svg{color:#0863d6}.promo-studio .ps-card>p{font-size:13px;color:#647c92;margin:0 0 14px}.promo-studio .ps-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:750;margin:0 0 10px}.promo-studio input:not([type=file]):not([type=range]),.promo-studio select{width:100%;min-width:0;padding:13px 12px;border:1px solid #c3dcec;border-radius:10px;background:#f9fcff;color:#193d59;font:15px system-ui;min-height:46px}.promo-studio .ps-label>input{margin-top:2px}.promo-studio .ps-caption{color:#6c8398;font-size:12px;line-height:1.5;margin:10px 0 0}.promo-studio form{display:grid;gap:15px;margin:0!important}.promo-studio .ps-file{display:grid;justify-items:center;gap:7px;border:1px dashed #81bbef;border-radius:12px;background:linear-gradient(140deg,#f2faff,#e8f5ff);padding:22px 12px;position:relative;cursor:pointer;color:#0963be;font-size:15px;margin:17px 0 0}.promo-studio .ps-file>svg{width:33px;height:33px}.promo-studio .ps-file small{font-size:11px;color:#668399}.promo-studio .ps-file input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.promo-studio .ps-file:focus-within{outline:3px solid #62c4fa;outline-offset:2px}.promo-studio [data-file-name]{overflow-wrap:anywhere}.promo-studio [data-detection]{background:#ecf7ff;border:1px solid #d1e8f7;padding:11px;border-radius:10px;color:#29617f}.promo-studio .ps-editor{background:#e3eef6;border:1px solid #c7deee;border-radius:12px;overflow:hidden;margin:14px 0}.promo-studio canvas{display:block;width:100%;height:auto;max-width:100%;max-height:none}.promo-studio canvas[data-manual=true]{touch-action:none;cursor:crosshair}.promo-studio .ps-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.promo-studio button{font:700 13px system-ui;display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 9px;border:1px solid #b9d6ee;border-radius:10px;background:#f5faff;color:#0863bd;cursor:pointer}.promo-studio button:disabled{opacity:.45;cursor:wait}.promo-studio .ps-primary{color:#fff;border:0;background:radial-gradient(circle at 2px 2px,#ffffff30 1px,transparent 1.3px) right/8px 8px,linear-gradient(110deg,#00a6eb,#075bda);width:100%;min-height:49px;font-size:15px;box-shadow:0 4px 10px #0863d618}.promo-studio .ps-note{display:flex;gap:9px;align-items:center;background:#def7ee;border-radius:12px;padding:13px;color:#207a60;font-size:12px;margin:0}.promo-studio .ps-adjust{background:#f5faff;border:1px solid #d6e9f7;padding:13px;border-radius:12px;margin-top:12px}.promo-studio .ps-adjust p{font-size:12px;color:#637c92;margin:0 0 12px}.promo-studio .ps-adjust label{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px;font-size:12px;font-weight:650;margin:8px 0}.promo-studio input[type=range]{width:100%;accent-color:#0879e7;padding:0}.promo-studio [data-check]{width:100%;margin-top:12px;background:#def7ed;color:#087b50;border-color:#a5dfc4}.promo-studio [data-zone-preview]{border-top:1px solid #dceaf5;margin-top:17px;padding-top:15px}.promo-studio .ps-good{display:flex;align-items:center;gap:8px;color:#098456;font-size:14px}.promo-studio [data-sample]{display:block;width:100%;height:auto;border-radius:11px;border:1px solid #c7e3f4;margin-top:12px}.promo-studio [data-candidates]{font-size:13px;font-weight:700;display:grid;gap:8px}.promo-studio [data-promo-status]{font-size:13px;color:#266785;overflow-wrap:anywhere;margin:0}.promo-studio [data-promo-status]:empty{display:none}.promo-studio [data-promo-list]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promo-studio .ps-asset{background:#fff;border:1px solid #d2e7f5;border-radius:15px;overflow:hidden;padding:12px;min-width:0;box-shadow:0 4px 12px #0863d609}.promo-studio .ps-asset>img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:9px;background:#edf5fb}.promo-studio .ps-asset h4{font-size:16px;color:#153956;line-height:1.35;margin:12px 0 8px;overflow-wrap:anywhere}.promo-studio .ps-badge{display:block;font-size:10px;color:#098052;background:#e4f8ed;border-radius:7px;padding:6px 8px;margin-bottom:12px}.promo-studio .ps-asset-actions{display:grid;gap:8px}.promo-studio [data-promo-delete]{color:#b03b50;border-color:#eac6ce;background:#fff6f7}.promo-studio [data-asset-status]{font-size:12px;color:#337389;margin:10px 0 0;overflow-wrap:anywhere}.promo-studio [data-asset-status]:empty{display:none}.promo-studio .ps-personal-placeholder{display:grid;justify-items:center;gap:9px;text-align:center;padding:28px 12px;min-height:190px;border:1px dashed #b6d9ef;border-radius:10px;color:#0863bd;background:linear-gradient(130deg,#f4fbff,#e6f5ff);font-size:14px;font-weight:700}.promo-studio .ps-personal-placeholder svg{width:43px;height:43px}.promo-studio .ps-personal-placeholder small{font-size:11px;color:#638199;font-weight:400}.promo-studio .ps-empty{grid-column:1/-1;font-size:13px;color:#6d8397;padding:22px;background:#fff;border:1px dashed #bdd9ed;border-radius:12px}.promo-studio [data-more]{width:100%;margin-top:14px}.promo-studio [hidden]{display:none!important}@media(max-width:600px){.promo-studio [data-promo-list]{grid-template-columns:1fr}.promo-studio .ps-body{padding:13px}.promo-studio .ps-head{padding:18px 13px;gap:9px}.promo-studio .ps-head h2{font-size:21px}.promo-studio .ps-card{padding:16px 13px}.promo-studio .ps-head>span{width:36px;height:36px}.promo-studio .ps-editor-actions button{font-size:11px;gap:6px}.promo-studio .ps-editor-actions svg{width:20px;height:20px}}
:is(#vendors,#report) .promo-studio .ps-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:14px}:is(#vendors,#report) .promo-studio button{font-size:13px;padding:11px 9px}:is(#vendors,#report) .promo-studio .ps-primary{font-size:15px}:is(#vendors,#report) .promo-studio .ps-file{display:grid;margin:17px 0 0}:is(#vendors,#report) .promo-studio [data-candidates]{display:grid;gap:8px}:is(#vendors,#report) .promo-studio .ps-adjust label{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px;font-size:12px;font-weight:650;margin:8px 0}:is(#vendors,#report) .promo-studio input[type=range]{padding:0;background:transparent;border:0}:is(#vendors,#report) .promo-studio .ps-head>button{width:35px;height:35px;padding:6px}
:is(#vendors,#report) .promo-studio button{font:700 13px system-ui;background:#f5faff;color:#0863bd;border:1px solid #b9d6ee}:is(#vendors,#report) .promo-studio .ps-primary{font-size:15px;color:#fff;border:0;background:radial-gradient(circle at 2px 2px,#ffffff30 1px,transparent 1.3px) right/8px 8px,linear-gradient(110deg,#00a6eb,#075bda)}:is(#vendors,#report) .promo-studio .ps-head>button{background:#ffffff18;color:#fff;border-color:#ffffff55}:is(#vendors,#report) .promo-studio [data-check]{background:#def7ed;color:#087b50;border-color:#a5dfc4}:is(#vendors,#report) .promo-studio [data-promo-delete]{color:#b03b50;border-color:#eac6ce;background:#fff6f7}

/* Approved promotional-material window, shared palette and outline icon system. */
.promo-studio .ps-select-wrap{position:relative;display:flex;align-items:center;gap:10px}.promo-studio .ps-select-wrap>svg{position:absolute;left:13px;color:#0863d6;pointer-events:none}.promo-studio .ps-select-wrap>select{padding-left:48px}
.promo-studio .ps-gallery-count{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 8px;background:#e0f0ff;color:#0863d6;border-radius:999px;font-size:14px}
:is(#vendors,#report) .promo-admin-window{width:min(94vw,820px);max-width:820px;max-height:94dvh;overflow:auto;background:#f5f9ff;border:1px solid #d6e6f5;border-radius:24px;padding:20px!important;box-shadow:0 24px 90px #102b4b44;color:#142442;font-family:inherit;container-type:inline-size}
.promo-admin-window .ps-nav{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 15px;align-items:center}
.promo-admin-window .ps-nav>strong{font-size:21px;color:#142442}.promo-admin-window .ps-nav>strong>span{font-weight:400;color:#65768d}
:is(#vendors,#report) .promo-admin-window .ps-nav>[data-promo-close]{position:static;grid-column:2;grid-row:1/3;width:38px;height:38px;align-self:start;min-height:38px;padding:7px;border-radius:50%;background:#f3f9ff;border:1px solid #cce3ff;color:#142442}
:is(#vendors,#report) .promo-admin-window [data-promo-back]{justify-content:flex-start;padding:2px 0;min-height:30px;border:0;background:transparent;font-size:15px;color:#0863d6;grid-column:1;gap:9px;font-weight:500;width:max-content}
.promo-admin-window [data-promo-back]>svg{transform:rotate(180deg);width:19px;height:19px}
.promo-admin-window .ps-head{border-radius:20px;position:relative;overflow:hidden;padding:23px 19px;gap:17px;min-height:134px;background:radial-gradient(circle at 2px 2px,#ffffff30 1px,transparent 1.5px) 0 0/8px 8px,linear-gradient(110deg,#009cf3,#0757d9)}
.promo-admin-window .ps-head>span:first-child{width:65px;height:65px;background:#ddf5ff;color:#0863d6;border-radius:50%;z-index:1}
.promo-admin-window .ps-head>span:first-child svg{width:36px;height:36px}.promo-admin-window .ps-head>div{z-index:1}
.promo-admin-window .ps-head h2{font-size:clamp(23px,5cqw,34px);line-height:1.12;margin:0 0 9px;color:#fff;font-weight:800;max-width:410px;letter-spacing:-.5px}
.promo-admin-window .ps-head p{font-size:14px;color:#fff}
.promo-admin-window .ps-head>.ps-hero-watermark{position:absolute;right:-12px;bottom:-9px;background:transparent;width:130px;height:130px;opacity:.16;transform:rotate(10deg);border-radius:0}
.promo-admin-window .ps-hero-watermark>svg{width:130px;height:130px}
.promo-admin-window .ps-body{padding:17px 0 0;gap:16px}
.promo-admin-window .ps-card{padding:19px;border:1px solid #d3e5fa;border-radius:19px;box-shadow:none}
:is(#vendors,#report) .promo-admin-window .ps-step-title{font-size:18px;gap:14px;margin-bottom:14px;font-weight:800;color:#142442}
.promo-admin-window .ps-step{display:inline-grid;place-items:center;border:1px solid #cde5ff;border-radius:50%;width:42px;height:42px;flex:none;background:linear-gradient(120deg,#e7faff,#ddecff);color:#0863d6;font-size:25px}
.promo-admin-window .ps-card h3{font-size:18px;color:#142442;gap:14px;margin-bottom:17px}
.promo-admin-window input:not([type=file]):not([type=range]),.promo-admin-window select{background:#fff;border:1px solid #cddff8;border-radius:12px;color:#142442;font:inherit;font-size:14px;min-height:48px}
:is(#vendors,#report) .promo-admin-window .ps-label{color:#63799b;font-size:13px;font-weight:650}
:is(#vendors,#report) .promo-admin-window .ps-file{border:1.5px dashed #6ab8ff;border-radius:14px;background:linear-gradient(120deg,#f1faff,#e6f4ff);padding:22px 12px;gap:10px;color:#0863d6;font-size:16px}
.promo-admin-window .ps-file>svg{width:43px;height:43px}.promo-admin-window .ps-file small{font-size:12px;color:#7388a7;font-weight:400}
.promo-admin-window .ps-note{margin-top:14px;border:1px solid #afe6d4;background:linear-gradient(100deg,#e8fbf3,#dff6ee);border-radius:11px;color:#087b60;padding:12px;font-size:12px}
.promo-admin-window .ps-note svg{width:27px;height:27px}
.promo-admin-window .ps-edit-tools>summary{cursor:pointer;display:flex;align-items:center;gap:8px;color:#0863d6;font-size:13px;font-weight:700;list-style:none;padding:4px 0 10px}
.promo-admin-window .ps-edit-tools:not([open]){display:none}
.promo-admin-window .ps-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:center;margin:0;padding:0;border:0}
.promo-admin-window .ps-preview>[data-sample]{margin:0;border:1px solid #d2e6fa;border-radius:12px;max-height:280px;object-fit:contain}
.promo-admin-window .ps-preview h3{margin:0 0 13px;font-size:18px}
.promo-admin-window .ps-preview .ps-good{display:flex;align-items:center;gap:5px;border-radius:999px;background:#e0f8ed;color:#0c8862;padding:7px 9px;font-size:11px;width:fit-content}
.promo-admin-window .ps-preview .ps-good svg{width:17px;height:17px}
.promo-admin-window .ps-preview .ps-caption{font-size:11px;line-height:1.5}
:is(#vendors,#report) .promo-admin-window [data-adjust-open]{margin-top:16px;width:100%;background:white;border:1px solid #0863d6;color:#0863d6;font-size:13px;border-radius:10px}
:is(#vendors,#report) .promo-admin-window .ps-primary{border-radius:14px;min-height:51px;font-size:15px;background:radial-gradient(circle at 2px 2px,#ffffff30 1px,transparent 1.5px) 0 0/8px 8px,linear-gradient(110deg,#009cf3,#0757d9)}
.promo-admin-window .ps-primary:disabled{cursor:not-allowed}
.promo-admin-window .ps-gallery{background:#fff;border:1px solid #d3e5fa;padding:16px;border-radius:19px}
.promo-admin-window .ps-gallery>h3{font-size:18px;color:#142442;gap:9px;margin-bottom:14px}
.promo-admin-window [data-promo-list]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.promo-admin-window .ps-asset{position:relative;padding:10px;border:1px solid #d3e5fa;border-radius:14px;overflow:visible;box-shadow:none}
.promo-admin-window .ps-asset>img{height:170px;width:100%;object-fit:contain;background:#f3f9ff;border-radius:9px}
.promo-admin-window .ps-asset h4{font-size:14px;color:#142442;margin:10px 0 7px}
.promo-admin-window .ps-asset .ps-badge{font-size:9px;padding:5px;margin-bottom:10px}
.promo-admin-window .ps-asset-actions{display:flex;gap:7px;align-items:center}
:is(#vendors,#report) .promo-admin-window .ps-asset-actions>[data-promo-preview],.promo-admin-window .ps-asset-menu>summary{border:1px solid #cddff8;background:white;color:#142442;border-radius:10px;width:39px;min-height:39px;height:39px;display:grid;place-items:center;padding:8px;cursor:pointer;list-style:none}
.promo-admin-window .ps-asset-menu>summary::-webkit-details-marker{display:none}.promo-admin-window .ps-asset-menu{position:relative}
.promo-admin-window .ps-asset-menu>div{position:absolute;right:0;bottom:45px;width:205px;padding:5px;z-index:4;background:white;border:1px solid #d2e3f7;border-radius:13px;box-shadow:0 8px 30px #17325230}
:is(#vendors,#report) .promo-admin-window .ps-asset-menu button{width:100%;border:0;background:white;justify-content:flex-start;font-size:11px;text-align:left;color:#254563;border-radius:9px}
:is(#vendors,#report) .promo-admin-window .ps-asset-menu [data-promo-delete]{color:#b03b50}
.ps-image-viewer{width:min(92vw,740px);max-height:94dvh;border:1px solid #d2e3f7;border-radius:20px;padding:20px;background:#f5f9ff;color:#142442;overflow:auto}.ps-image-viewer::backdrop{background:#10243ebd}.ps-image-viewer>button{float:right}.ps-image-viewer h3{font-size:18px;margin:0 45px 16px 0}.ps-image-viewer img{display:block;width:100%;max-height:75dvh;object-fit:contain;border-radius:12px}
.promo-studio button:focus-visible,.promo-studio summary:focus-visible{outline:3px solid #65bafb;outline-offset:3px}
@media(max-width:420px){:is(#vendors,#report) .promo-admin-window{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:12px!important;border-radius:20px}.promo-admin-window .ps-head{padding:19px 13px;gap:12px}.promo-admin-window .ps-head>span:first-child{width:48px;height:48px}.promo-admin-window .ps-head>span:first-child svg{width:29px;height:29px}.promo-admin-window .ps-card{padding:14px}.promo-admin-window .ps-gallery{padding:12px}.promo-admin-window .ps-gallery>h3{font-size:16px}.promo-admin-window .ps-asset>img{height:140px}.promo-admin-window .ps-preview{gap:10px}.promo-admin-window .ps-preview .ps-good{font-size:10px;padding:6px}.promo-admin-window .ps-preview .ps-caption{font-size:10px}.promo-admin-window .ps-preview h3{font-size:16px}}
:is(#vendors,#report) .promo-admin-window .ps-select-wrap>select{padding-left:48px!important}
:is(#vendors,#report) .promo-admin-window .ps-label.ps-step-title{font-size:18px;color:#142442;font-weight:800}