.p-banner{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:12px;width:100%;height:clamp(160px,28vw,254px);margin:0;position:relative;overflow:hidden}.p-banner.p-banner-skel{background:var(--skel-bg);border:1px solid var(--skel-bd)}.p-banner.p-banner-skel:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(110deg, transparent 0%, var(--skel-shine) 45%, transparent 70%);animation:1.45s ease-in-out infinite p-banner-skel-shine;position:absolute;inset:0;transform:translate(-100%)}.p-banner-skel-toolbar{z-index:3;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.p-banner-skel-btn{border-radius:12px;width:40px;height:40px;display:inline-block}.p-banner-skel-btn-primary{width:88px}@keyframes p-banner-skel-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.p-banner.p-banner-skel:after{animation:none}}.p-banner .p-banner-img{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.p-banner:not(.has-img) .p-banner-img{transform:none}.p-banner .p-banner-img>img{object-fit:cover;object-position:center var(--y,50%);opacity:1;width:100%;height:100%;transform:translate3d(0, var(--py,0px), 0) scale(var(--parallax-scale,1.12));transform-origin:50%;will-change:transform;transition:opacity .28s;display:block;position:absolute;inset:0}.p-banner.editing .p-banner-img{pointer-events:auto}@media (width<=880px){.p-banner.has-img .p-banner-img>img{will-change:auto;transform:translate3d(0, 0, 0) scale(var(--parallax-scale,1.12))!important}}@media (width>=1024px) and (width<=1366px) and (orientation:landscape) and (pointer:coarse),(width>=1024px) and (width<=1366px) and (orientation:landscape) and (any-pointer:coarse){.p-banner.has-img .p-banner-img>img{transform:translate3d(0, 0, 0) scale(var(--parallax-scale,1.12))!important;will-change:auto!important}}:root{--banner-ph-bg:#0e0e0e;--banner-ph-img:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2770%27%20height%3D%2746%27%20viewBox%3D%270%200%2070%2046%27%3E%3Cg%20fill-rule%3D%27evenodd%27%3E%3Cg%20fill%3D%27%234f4f4f%27%20fill-opacity%3D%270.22%27%3E%3Cpolygon%20points%3D%2768%2044%2062%2044%2062%2046%2056%2046%2056%2044%2052%2044%2052%2046%2046%2046%2046%2044%2040%2044%2040%2046%2038%2046%2038%2044%2032%2044%2032%2046%2026%2046%2026%2044%2022%2044%2022%2046%2016%2046%2016%2044%2012%2044%2012%2046%206%2046%206%2044%200%2044%200%2042%208%2042%208%2028%206%2028%206%200%2012%200%2012%2028%2010%2028%2010%2042%2018%2042%2018%2028%2016%2028%2016%200%2022%200%2022%2028%2020%2028%2020%2042%2028%2042%2028%2028%2026%2028%2026%200%2032%200%2032%2028%2030%2028%2030%2042%2038%2042%2038%200%2040%200%2040%2042%2048%2042%2048%2028%2046%2028%2046%200%2052%200%2052%2028%2050%2028%2050%2042%2058%2042%2058%2028%2056%2028%2056%200%2062%200%2062%2028%2060%2028%2060%2042%2068%2042%2068%200%2070%200%2070%2046%2068%2046%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E)}html[data-theme=light]{--banner-ph-bg:#eee;--banner-ph-img:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2770%27%20height%3D%2746%27%20viewBox%3D%270%200%2070%2046%27%3E%3Cg%20fill-rule%3D%27evenodd%27%3E%3Cg%20fill%3D%27%23919191%27%20fill-opacity%3D%270.18%27%3E%3Cpolygon%20points%3D%2768%2044%2062%2044%2062%2046%2056%2046%2056%2044%2052%2044%2052%2046%2046%2046%2046%2044%2040%2044%2040%2046%2038%2046%2038%2044%2032%2044%2032%2046%2026%2046%2026%2044%2022%2044%2022%2046%2016%2046%2016%2044%2012%2044%2012%2046%206%2046%206%2044%200%2044%200%2042%208%2042%208%2028%206%2028%206%200%2012%200%2012%2028%2010%2028%2010%2042%2018%2042%2018%2028%2016%2028%2016%200%2022%200%2022%2028%2020%2028%2020%2042%2028%2042%2028%2028%2026%2028%2026%200%2032%200%2032%2028%2030%2028%2030%2042%2038%2042%2038%200%2040%200%2040%2042%2048%2042%2048%2028%2046%2028%2046%200%2052%200%2052%2028%2050%2028%2050%2042%2058%2042%2058%2028%2056%2028%2056%200%2062%200%2062%2028%2060%2028%2060%2042%2068%2042%2068%200%2070%200%2070%2046%2068%2046%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E)}.p-banner .placeholder{background-color:var(--banner-ph-bg);background-image:var(--banner-ph-img);background-position:0 0;background-repeat:repeat;background-size:auto;position:absolute;inset:0}.p-banner .p-banner-loading-skeleton{background:var(--skel-bg);border-radius:inherit;opacity:0;pointer-events:none;transition:none;position:absolute;inset:0}.p-banner.has-img.is-img-loading .p-banner-loading-skeleton,.p-banner.is-loading .p-banner-loading-skeleton{opacity:1}.p-banner .placeholder:after{content:"";pointer-events:none;background:radial-gradient(#0000 0 62%,#00000038),linear-gradient(#ffffff05,#ffffff0d);position:absolute;inset:0}html[data-theme=light] .p-banner .placeholder:after{background:radial-gradient(#0000 0 62%,#0000001a),linear-gradient(#ffffff1a,#ffffff40)}.p-banner:not(.p-banner-skel):not(.is-loading):not(.is-img-loading):after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#00000040 85%,#00000061 100%);position:absolute;inset:0}.p-banner .p-banner-desktop-guide{display:none}.p-banner .p-banner-actions{z-index:20;pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}@media (width<=880px){.p-banner.editing.has-img{--banner-desktop-safe-height:44%;--banner-desktop-ref-width:1286;--banner-desktop-ref-height:254;--banner-desktop-safe-mult:.96;--banner-desktop-guide-top:calc(((100% - var(--banner-desktop-safe-height)) / 2) + var(--banner-desktop-guide-shift-y));--banner-desktop-guide-bottom:calc(((100% - var(--banner-desktop-safe-height)) / 2) - var(--banner-desktop-guide-shift-y));--banner-desktop-guide-shift-y:0px;--banner-desktop-guide-tint:#1212125c;--banner-desktop-guide-line:#ffffff57;--banner-desktop-guide-label-top:8px}.p-banner.editing.has-img .p-banner-desktop-guide{pointer-events:none;z-index:12;display:block;position:absolute;inset:0}.p-banner.editing.has-img .p-banner-desktop-guide:before,.p-banner.editing.has-img .p-banner-desktop-guide:after{content:"";background:var(--banner-desktop-guide-tint);position:absolute;left:0;right:0}.p-banner.editing.has-img .p-banner-desktop-guide:before{height:var(--banner-desktop-guide-top);border-bottom:1px dashed var(--banner-desktop-guide-line);top:0}.p-banner.editing.has-img .p-banner-desktop-guide:after{height:var(--banner-desktop-guide-bottom);border-top:1px dashed var(--banner-desktop-guide-line);bottom:0}.p-banner.editing.has-img .p-banner-desktop-guide__label{left:50%;top:var(--banner-desktop-guide-label-top);color:#ffffffdb;letter-spacing:0;-webkit-backdrop-filter:blur(4px);background:#0a0a0a6b;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;min-height:18px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%)}}.p-banner .p-banner-actions .btn{--_btn-bg:var(--prefs-glass-bg);--_btn-bd:var(--prefs-glass-border);--_btn-fg:var(--text);--_btn-hover-bg:var(--btn-hover-bg,var(--prefs-glass-bg));--_btn-hover-bd:var(--btn-hover-bd,var(--btn-bd-hover,var(--surface-border-strong,#000)));--_btn-active-bg:var(--btn-active-bg,var(--_btn-hover-bg));--_btn-active-bd:var(--btn-active-bd,var(--_btn-hover-bd));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.p-banner .p-banner-actions .banner-btn-icon{line-height:0;display:none}.p-banner .p-banner-actions .banner-btn-icon svg{width:18px;height:18px;display:block}.p-banner .banner-btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.85s cubic-bezier(.2,.05,.85,1) infinite bannerSpinner;display:none;position:absolute;top:50%;left:50%}.p-banner .js-apply.is-loading{cursor:progress}.p-banner .js-apply.is-loading .banner-btn-text,.p-banner .js-apply.is-loading .banner-btn-icon{opacity:0}.p-banner .js-apply.is-loading .banner-btn-spinner{display:block}.p-banner.is-loading .p-banner-img{opacity:.2;filter:saturate(.7)}.p-banner.is-loading:before,.p-banner.is-img-loading:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(110deg,#0000 0%,#ffffff1f 45%,#0000 70%);animation:1.6s ease-in-out infinite bannerShine;position:absolute;inset:0;transform:translate(-100%)}html[data-theme=light] .p-banner.is-loading:before,html[data-theme=light] .p-banner.is-img-loading:before{background:linear-gradient(110deg,#0000 0%,#00000024 45%,#0000 70%)}@keyframes bannerSpinner{to{transform:rotate(360deg)}}@keyframes bannerShine{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.p-banner .js-edit-actions[hidden]{display:none!important}.p-banner .js-apply .banner-btn-icon svg{transform:translate(1px,1px)}.p-banner .banner-edit-btn{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:0;display:inline-flex}.p-banner .banner-edit-btn .banner-btn-icon{display:block}.p-banner .banner-edit-btn .banner-btn-icon svg{width:18px;height:18px;display:block}.p-banner.editing .banner-edit-btn{display:none!important}.p-banner .banner-x{border:1px solid var(--prefs-glass-border);background:var(--prefs-glass-bg);width:24px;height:24px;color:var(--text);cursor:pointer;z-index:30;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.p-banner .banner-x:hover{background:var(--prefs-glass-bg);transform:scale(1.05)}.p-banner .banner-x:active{background:var(--prefs-glass-bg);transform:scale(.96)}.p-banner .banner-x:before{content:"";background:currentColor;width:12px;height:12px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>") 50%/contain no-repeat}.p-banner.has-img:not(.is-img-loading) .placeholder,.p-banner.has-img .placeholder{display:none}.p-banner.is-img-loading .p-banner-img>img{opacity:0;transition:none}.p-banner.editing .p-banner-img>img{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}@media (width<=880px){.p-banner.editing .p-banner-img{touch-action:none;cursor:grab}}.p-banner.dragging .p-banner-img>img{cursor:grabbing}@media (width<=880px){.p-banner.dragging .p-banner-img{cursor:grabbing}}.p-banner.editing{border-style:dashed;border-color:var(--btn-primary-bd,#3a63d9);box-shadow:inset 0 0 0 2px #3a63d938}.p-banner input[type=file]{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=880px){.p-banner .js-edit-actions .btn{border-radius:12px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.p-banner .js-edit-actions{align-items:center;gap:12px;display:flex}.p-banner .js-edit-actions .banner-btn-icon{display:block}.p-banner .js-edit-actions .banner-btn-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}