.poster-section{margin:0 0 17px;padding:13px 12px 11px;border:1px solid #b7c7ef40;border-radius:19px;background:linear-gradient(130deg,#ffffff13,#ffffff05);box-shadow:inset 0 1px #ffffff0a,0 16px 30px #07112630;overflow:hidden}
.poster-heading{display:flex;justify-content:space-between;align-items:center;margin:0 1px 10px;color:#d4dff4;font-size:10px;letter-spacing:1px}.poster-heading>span:first-child{display:flex;align-items:center;gap:7px}.poster-heading img{width:20px;height:20px;object-fit:contain}.poster-heading>span:last-child{font-family:ui-monospace,monospace;font-size:9px;color:#9caed0;letter-spacing:1.5px}
.poster-carousel{position:relative;width:100%;aspect-ratio:1186/360;background:#0c1424;border:1px solid #b7c6ed28;border-radius:11px;overflow:hidden;touch-action:pan-y}
.poster-track{display:flex;height:100%;width:100%;transition:transform .45s cubic-bezier(.2,.7,.3,1);will-change:transform}.poster-slide{display:block;flex:0 0 100%;min-width:0;height:100%;position:relative}.poster-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#101925}.poster-slide:focus-visible{outline:3px solid #a8b8ff;outline-offset:-3px}
.poster-prev,.poster-next{position:absolute;top:50%;transform:translateY(-50%);width:27px;height:34px;display:grid;place-items:center;background:#07102178;color:#edf1ff;border:1px solid #ffffff26;border-radius:8px;z-index:2;opacity:0;transition:opacity .2s}.poster-prev{left:7px}.poster-next{right:7px}.poster-prev svg,.poster-next svg{width:16px;height:16px}.poster-carousel:hover .poster-prev,.poster-carousel:hover .poster-next,.poster-carousel:focus-within .poster-prev,.poster-carousel:focus-within .poster-next{opacity:1}
.poster-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 1px 0;gap:12px;color:#b3c1dc;font-size:9px;letter-spacing:.3px}.poster-dots{display:flex;align-items:center;gap:5px;flex:none}.poster-dots button{padding:0;width:6px;height:6px;border-radius:4px;background:#b7c6ec44;border:0;transition:width .2s,background .2s}.poster-dots button[aria-pressed=true]{width:19px;background:#c7d2ff;box-shadow:0 0 7px #b3c0ff30}
.banner-admin{color:var(--text,#24334e)}.banner-admin h3{margin:0 0 7px;font-size:16px}.banner-admin .banner-note{font-size:12px;line-height:1.8;color:#7787a3;margin:5px 0 17px}.banner-admin .banner-list{display:grid;gap:12px}.banner-admin .banner-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:14px;border:1px solid #e0e6f3;border-radius:13px;background:#f8faff}.banner-admin .banner-preview{width:100%;aspect-ratio:1186/360;object-fit:contain;background:#14203a;border-radius:8px;display:block}.banner-admin .banner-fields{min-width:0}.banner-admin label{font-size:12px;color:#5c6e8c;display:block;margin:0 0 5px}.banner-admin .banner-fields input[type=text],.banner-admin select{width:100%;min-width:0;box-sizing:border-box;display:block;margin:0 0 10px;padding:9px 10px;border:1px solid #dce3f1;background:white;border-radius:8px;color:#24334e;font:inherit;font-size:12px}.banner-admin .banner-fields select{margin:0}.banner-admin .banner-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.banner-admin .banner-inline label{display:flex;gap:6px;align-items:center;margin:0 auto 0 0}.banner-admin input[type=checkbox]{width:15px;height:15px;accent-color:#6575d7}.banner-admin button{width:auto;min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe3f3;border-radius:8px;background:white;color:#596c91;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}.banner-admin button:disabled{opacity:.45;cursor:wait}.banner-admin button[data-op=delete]{color:#bc6470}.banner-admin .banner-save{background:linear-gradient(120deg,#526bd2,#7767c9);border:0;color:white;font-weight:600;padding:11px 20px;min-height:42px}.banner-admin .banner-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.banner-admin .banner-status{margin-top:11px;line-height:1.8;font-size:12px;color:#667ba7;min-height:20px}.banner-admin .banner-status[data-error=true]{color:#bf5563}.banner-admin .banner-file{display:none!important}
@media(max-width:650px){.banner-admin .banner-item{grid-template-columns:1fr;gap:12px;padding:11px}.banner-admin .banner-actions button{flex:1}.banner-admin .banner-inline{gap:6px}.banner-admin .banner-inline button{padding:6px 8px}.poster-carousel{min-height:96px}.poster-prev,.poster-next{opacity:.75;width:23px;height:30px;top:50%;background:#07102158}}
@media(min-width:700px){.poster-section{padding:16px 16px 12px;margin-bottom:20px}.poster-heading{font-size:11px}.poster-heading img{width:22px;height:22px}.poster-bottom{font-size:10px;padding-top:12px}.poster-carousel{max-height:245px}}
@media(prefers-reduced-motion:reduce){.poster-track{transition:none}.poster-dots button{transition:none}}