.smart-banners-shell{color:var(--text-primary);gap:14px;display:grid}.smart-banners-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px;display:flex}.smart-banners-heading>div:first-child{gap:4px;display:grid}.smart-banners-eyebrow{color:var(--primary-700);letter-spacing:.12em;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.smart-banners-eyebrow svg{width:14px}.smart-banners-heading h3{letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.5vw,30px)}.smart-banners-heading p{max-width:680px;color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.smart-banners-heading-actions{align-items:center;gap:8px;display:flex}.smart-banner-switch{border:1px solid var(--border);min-height:38px;color:var(--text-secondary);background:var(--surface);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 10px;font-size:9px;font-weight:850;display:flex}.smart-banner-switch input{opacity:0;pointer-events:none;position:absolute}.smart-banner-switch i{background:var(--surface-muted);border-radius:999px;width:28px;height:16px;padding:2px;transition:all .2s;display:block}.smart-banner-switch i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;display:block;box-shadow:0 1px 3px #0003}.smart-banner-switch input:checked+i{background:var(--success)}.smart-banner-switch input:checked+i:after{transform:translate(12px)}.smart-banner-generate{color:#111;background:var(--action);min-height:40px;box-shadow:0 8px 18px color-mix(in srgb,var(--action) 24%,transparent);border:0;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:900;display:flex}.smart-banner-generate svg{width:15px}.smart-banners-guard{border:1px solid color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success-soft) 58%,var(--surface));border-radius:13px;align-items:center;gap:10px;min-height:58px;padding:10px 13px;display:flex}.smart-banners-guard>span{width:30px;height:30px;color:var(--success);background:var(--surface);border-radius:9px;place-items:center;display:grid}.smart-banners-guard>span svg{width:15px}.smart-banners-guard>div{flex:1;gap:2px;display:grid}.smart-banners-guard b{font-size:10px}.smart-banners-guard small{color:var(--text-secondary);font-size:9px}.smart-banners-guard em{color:var(--success);background:var(--surface);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.smart-banners-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);align-items:start;gap:14px;display:grid}.smart-banners-main{gap:14px;display:grid}.smart-banners-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.smart-banners-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:14px;padding:14px 16px;display:flex}.smart-banners-panel>header>div{gap:3px;display:grid}.smart-banners-panel>header span{color:var(--primary-700);letter-spacing:.12em;font-size:8px;font-weight:900}.smart-banners-panel>header h4{margin:0;font-size:15px}.smart-banners-panel>header>small{color:var(--text-secondary);font-size:9px}.smart-banners-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 16px;display:grid}.smart-banners-settings-grid label,.smart-banner-modal-body>label{color:var(--text-secondary);gap:5px;font-size:9px;font-weight:850;display:grid}.smart-banners-settings-grid select,.smart-banner-modal select{border:1px solid var(--border);height:37px;color:var(--text-primary);background:var(--surface);border-radius:9px;padding:0 9px;font-size:10px}.smart-banners-content-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 16px;display:grid}.smart-banners-content-types label{border:1px solid var(--border);min-height:38px;color:var(--text-secondary);background:var(--surface-muted);border-radius:9px;align-items:center;gap:7px;padding:0 9px;font-size:9px;font-weight:750;display:flex}.smart-banners-content-types input{accent-color:var(--primary-700)}.smart-banners-content-types span{align-items:center;gap:5px;display:flex}.smart-banners-content-types svg{width:12px;color:var(--success)}.smart-banners-library>header{flex-wrap:wrap;align-items:center}.smart-banners-library>header nav{gap:4px;display:flex;overflow:auto}.smart-banners-library>header nav button{min-height:30px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:850;display:flex}.smart-banners-library>header nav button.active{border-color:var(--border);color:var(--primary-700);background:var(--surface-muted)}.smart-banners-library>header nav svg{width:12px}.smart-banners-library>header nav b{background:var(--surface);border-radius:999px;padding:2px 5px}.smart-banners-list{display:grid}.smart-banner-row{border-bottom:1px solid var(--border);grid-template-columns:154px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.smart-banner-row:last-child{border-bottom:0}.smart-banner-preview{color:#fff;background:#111;border-radius:12px;align-items:flex-end;min-height:150px;padding:15px;display:flex;position:relative;overflow:hidden}.smart-banner-preview.compact{border-radius:9px;height:78px;min-height:78px;padding:9px}.smart-banner-preview:before{content:"";background:radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--smart-accent) 36%,transparent),transparent 48%);pointer-events:none;position:absolute;inset:0}.smart-banner-preview>img{object-fit:contain;filter:drop-shadow(0 8px 10px #0004);width:44%;height:90%;position:absolute;bottom:2%;right:5%}.smart-banner-preview-copy{z-index:1;gap:4px;max-width:72%;display:grid;position:relative}.smart-banner-preview-copy span{color:var(--smart-accent);letter-spacing:.1em;font-size:7px;font-weight:900}.smart-banner-preview-copy h4{letter-spacing:-.04em;margin:0;font-size:19px;line-height:.95}.smart-banner-preview.compact .smart-banner-preview-copy h4{font-size:11px}.smart-banner-preview-copy p{color:#ffffffb8;margin:0;font-size:8px;line-height:1.25}.smart-banner-preview.compact .smart-banner-preview-copy p{white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.smart-banner-preview-copy>b{color:#111;background:var(--smart-accent);border-radius:5px;align-items:center;gap:3px;width:max-content;padding:5px 7px;font-size:7px;display:flex}.smart-banner-preview.compact .smart-banner-preview-copy>b{display:none}.smart-banner-preview-copy>b svg{width:10px}.smart-banner-style-black_gold,.smart-banner-style-energy{--smart-accent:#ffc400;background:linear-gradient(135deg,#080808,#2c2517)}.smart-banner-style-clean_light,.smart-banner-style-minimal{--smart-accent:#111;color:#111;background:linear-gradient(135deg,#fff,#f0f0f0)}.smart-banner-style-clean_light .smart-banner-preview-copy p,.smart-banner-style-minimal .smart-banner-preview-copy p{color:#555}.smart-banner-style-editorial{--smart-accent:#f1d7a1;background:linear-gradient(135deg,#171117,#4a293e)}.smart-banner-style-neon{--smart-accent:#64e6ff;background:linear-gradient(135deg,#08131f,#14506b)}.smart-banner-no-image{color:#fff8;border:1px dashed #fff5;border-radius:10px;place-items:center;width:35%;height:65%;display:grid;position:absolute;bottom:13%;right:10%}.smart-banner-no-image svg{width:20px}.smart-banner-row-copy{gap:4px;min-width:0;display:grid}.smart-banner-row-copy>span{color:var(--primary-700);font-size:8px;font-weight:900}.smart-banner-row-copy h5{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.smart-banner-row-copy p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.smart-banner-row-copy small{color:var(--text-secondary);font-size:8px}.smart-banner-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.smart-banner-row-actions button,.smart-banner-legacy-link{border:1px solid var(--border);min-height:31px;color:var(--text-secondary);background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:850;display:flex}.smart-banner-row-actions button.primary{border-color:var(--primary-700);color:#fff;background:var(--primary-700)}.smart-banner-row-actions svg{width:12px}.smart-banners-empty{min-height:180px;color:var(--text-secondary);text-align:center;place-content:center;justify-items:center;gap:7px;padding:26px;display:grid}.smart-banners-empty>svg{width:30px;color:var(--primary-700)}.smart-banners-empty b{color:var(--text-primary);font-size:11px}.smart-banners-empty p{margin:0;font-size:9px}.smart-banners-empty button{color:#111;background:var(--action);border:0;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:9px;font-weight:900;display:flex}.smart-banners-aside{gap:8px;display:grid;position:sticky;top:12px}.smart-banners-aside-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:13px}.smart-banners-aside-card>header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.smart-banners-aside-card>header>span{width:29px;height:29px;color:var(--primary-700);background:var(--primary-50);border-radius:8px;place-items:center;display:grid}.smart-banners-aside-card>header svg{width:15px}.smart-banners-aside-card>header>div{gap:2px;display:grid}.smart-banners-aside-card>header small{color:var(--primary-700);letter-spacing:.11em;font-size:7px;font-weight:900}.smart-banners-aside-card>header b{font-size:10px}.smart-banners-aside-note{color:var(--text-secondary);margin-top:9px;font-size:8px;line-height:1.4;display:block}.smart-banners-aside-empty{border:1px dashed var(--border-strong);min-height:160px;color:var(--text-secondary);text-align:center;border-radius:11px;place-content:center;justify-items:center;gap:5px;display:grid}.smart-banners-aside-empty svg{width:22px}.smart-banners-aside-empty p{margin:0;font-size:9px}.smart-banner-legacy-link{justify-content:space-between;width:100%;padding-inline:11px}.smart-banner-legacy-link svg{width:14px}.smart-banner-legacy-link .rotated{transform:rotate(90deg)}.smart-banner-saving{z-index:20;border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;padding:8px 11px;font-size:9px;position:fixed;bottom:16px;right:16px}.smart-banner-modal-backdrop{z-index:1600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17072080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.smart-banner-modal{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(630px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:auto;box-shadow:0 28px 80px #17072035}.smart-banner-modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 18px;display:flex}.smart-banner-modal>header>div{gap:10px;display:flex}.smart-banner-modal>header>div>span{color:#111;background:var(--action);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.smart-banner-modal>header svg{width:17px}.smart-banner-modal>header>div>div{gap:3px;display:grid}.smart-banner-modal>header small{color:var(--primary-700);letter-spacing:.12em;font-size:8px;font-weight:900}.smart-banner-modal h4{margin:0;font-size:17px}.smart-banner-modal p{color:var(--text-secondary);margin:0;font-size:9px;line-height:1.4}.smart-banner-modal>header>button{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:var(--surface);border-radius:8px;place-items:center;display:grid}.smart-banner-modal-body{gap:13px;padding:17px 18px;display:grid;overflow:auto}.smart-banner-modal-body fieldset{border:1px solid var(--border);border-radius:11px;margin:0;padding:12px}.smart-banner-modal-body legend{color:var(--text-secondary);padding:0 5px;font-size:9px;font-weight:850}.smart-banner-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.smart-banner-style-grid button{border:1px solid var(--border);min-height:54px;color:var(--text-primary);background:var(--surface);text-align:left;border-radius:9px;align-items:center;gap:7px;padding:7px;display:flex}.smart-banner-style-grid button.active{border-color:var(--primary-700);box-shadow:0 0 0 2px var(--primary-100)}.smart-style-swatch{background:#111;border-radius:7px;flex:none;width:24px;height:24px}.smart-style-black_gold,.smart-style-energy{background:linear-gradient(135deg,#090909,#ffc400)}.smart-style-clean_light,.smart-style-minimal{background:linear-gradient(135deg,#fff,#ddd)}.smart-style-editorial{background:linear-gradient(135deg,#211525,#f1d7a1)}.smart-style-neon{background:linear-gradient(135deg,#0a1b2b,#64e6ff)}.smart-banner-style-grid button span{gap:2px;display:grid}.smart-banner-style-grid b{font-size:8px}.smart-banner-style-grid small{color:var(--text-secondary);font-size:7px}.smart-banner-modal-note{color:var(--text-secondary);background:var(--surface-muted);border-radius:9px;gap:7px;padding:10px;display:flex}.smart-banner-modal-note>svg{width:14px;color:var(--success);flex:none}.smart-banner-modal-note span{gap:2px;display:grid}.smart-banner-modal-note b{font-size:9px}.smart-banner-modal-note small{font-size:8px;line-height:1.4}.smart-banner-modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:7px;padding:12px 18px;display:flex}.smart-banner-modal>footer button{border:1px solid var(--border);min-height:37px;color:var(--text-secondary);background:var(--surface);border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:850;display:flex}.smart-banner-modal>footer button.primary{border-color:var(--primary-700);color:#fff;background:var(--primary-700)}.smart-banner-modal .spin{animation:1s linear infinite warehouse-image-spin}.smart-banners-loading{grid-template-columns:1fr}.smart-banners-loading>span{background:linear-gradient(100deg,var(--surface-muted) 20%,var(--surface) 45%,var(--surface-muted) 70%);background-size:220% 100%;border-radius:14px;height:90px;animation:1.2s linear infinite store-bi-shimmer}.smart-banners-loading>span:nth-child(2){height:240px}.smart-banners-loading>span:nth-child(3){height:360px}@media (max-width:950px){.smart-banners-layout{grid-template-columns:1fr}.smart-banners-aside{position:static}.smart-banners-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.smart-banners-heading{flex-direction:column;align-items:stretch}.smart-banners-heading-actions{justify-content:space-between}.smart-banner-generate{flex:1;justify-content:center}.smart-banners-content-types{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.smart-banners-panel>header{flex-direction:column;align-items:flex-start;padding:12px}.smart-banners-library>header nav{width:100%}.smart-banners-library>header nav button{flex:1;justify-content:center}.smart-banner-row{grid-template-columns:92px minmax(0,1fr);gap:9px;padding:10px 12px}.smart-banner-preview.compact{height:74px;min-height:74px}.smart-banner-row-copy h5{font-size:11px}.smart-banner-row-actions{grid-column:1/-1;justify-content:stretch}.smart-banner-row-actions button{flex:1;justify-content:center}.smart-banner-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-banner-modal-backdrop{align-items:end;padding:0}.smart-banner-modal{border-radius:18px 18px 0 0;max-height:92dvh}.smart-banner-modal>footer button{flex:1;justify-content:center}}.smart-banners-kit{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 14px;font-size:9px;font-weight:850;display:flex}.smart-banners-kit>span{color:var(--text-primary);margin-right:3px}.smart-banners-kit label{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:5px;min-height:30px;padding:3px 7px;font-size:8px;display:flex}.smart-banners-kit label i{border:1px solid #0002;border-radius:50%;width:15px;height:15px;display:block}.smart-banners-kit input[type=color]{opacity:0;border:0;width:0;height:0;padding:0;position:absolute}.smart-banners-kit select{height:24px;color:var(--text-primary);background:0 0;border:0;font-size:8px}.smart-banners-kit small{color:var(--text-secondary);font-size:8px}.smart-banner-style-automatic{--smart-accent:#ffc400;background:linear-gradient(135deg,#080808,#2c2517)}.smart-banner-style-premium{--smart-accent:#d5b36a;background:linear-gradient(135deg,#15110d,#4a3820)}.smart-banner-style-commercial{--smart-accent:#ffc400;background:linear-gradient(135deg,#080808,#2c2517)}.smart-banner-style-elegant{--smart-accent:#f1d7a1;background:linear-gradient(135deg,#171117,#4a293e)}.smart-banner-style-youthful{--smart-accent:#ff71c8;background:linear-gradient(135deg,#211525,#5b236d)}.smart-banner-style-sport{--smart-accent:#ffc400;background-color:#101114;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:18px 18px}.smart-banner-style-colorful{--smart-accent:#ffb400;background:linear-gradient(135deg,#18204f,#5b1d64)}.smart-banner-style-tech{--smart-accent:#64e6ff;background:linear-gradient(135deg,#08131f,#14506b)}.smart-banner-style-natural{--smart-accent:#b7d77a;background:linear-gradient(135deg,#17351f,#3f7d58)}.smart-style-automatic{background:linear-gradient(135deg,#090909,#ffc400)}.smart-style-premium{background:linear-gradient(135deg,#15110d,#d5b36a)}.smart-style-commercial{background:linear-gradient(135deg,#090909,#ffc400)}.smart-style-elegant{background:linear-gradient(135deg,#211525,#f1d7a1)}.smart-style-youthful{background:linear-gradient(135deg,#211525,#ff71c8)}.smart-style-sport{background:linear-gradient(135deg,#101114,#ffc400)}.smart-style-colorful{background:linear-gradient(135deg,#18204f,#ff7a45)}.smart-style-tech{background:linear-gradient(135deg,#0a1b2b,#64e6ff)}.smart-style-natural{background:linear-gradient(135deg,#17351f,#b7d77a)}.smart-banners-kit label img{object-fit:contain;background:var(--surface);border:1px solid #0002;border-radius:6px;width:22px;height:22px}.smart-banners-kit-logo-placeholder{background:linear-gradient(135deg,var(--primary-700),var(--action))}.smart-banner-preview-ratios{z-index:2;color:#fff9;letter-spacing:.02em;font-size:6px;font-weight:800;position:absolute;top:8px;left:9px}.smart-banner-preview.compact .smart-banner-preview-ratios{font-size:5px;top:5px;left:6px}