.youtube-banner-tool{margin-top:28px;padding-top:28px;border-top:1px solid var(--admin-surface-border,rgba(13,27,54,.12))}
.youtube-banner-heading,.youtube-banner-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.youtube-banner-heading{margin-bottom:18px}
.youtube-banner-heading h3,.youtube-banner-preview-head h3{margin:0}
.youtube-banner-kicker{margin:0 0 6px;color:var(--admin-primary-bg,#2463f5);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.youtube-banner-heading .friend-note{max-width:820px;margin:9px 0 0}
.youtube-banner-format{flex:none;padding:8px 12px;border:1px solid var(--admin-surface-border,rgba(13,27,54,.12));border-radius:999px;background:var(--admin-muted-bg,rgba(36,99,245,.07));font-size:.75rem;font-weight:900;letter-spacing:.08em}
.youtube-banner-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);gap:20px;align-items:start}
.youtube-banner-controls .story-crop-controls{margin-top:2px}
.youtube-banner-controls input[type="range"]{width:100%}
.youtube-banner-preview-card{min-width:0}
.youtube-banner-preview-head{align-items:center;margin-bottom:14px}
.youtube-banner-guide-switch{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.youtube-banner-canvas-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--admin-surface-border,rgba(13,27,54,.14));border-radius:18px;background:#0d1b36;box-shadow:0 20px 48px rgba(13,27,54,.16);touch-action:none;cursor:grab;user-select:none}
.youtube-banner-canvas-wrap.is-dragging{cursor:grabbing}
.youtube-banner-canvas-wrap canvas{display:block;width:100%;height:100%}
.youtube-banner-guide{display:none;position:absolute;pointer-events:none;box-sizing:border-box;border:3px solid rgba(255,255,255,.96);box-shadow:0 0 0 9999px rgba(4,10,24,.4),0 0 0 1px rgba(13,27,54,.35) inset}
.youtube-banner-guide span{position:absolute;top:9px;left:50%;transform:translateX(-50%);max-width:calc(100% - 18px);padding:5px 9px;border-radius:999px;background:rgba(4,10,24,.76);color:#fff;font-size:clamp(.56rem,1.1vw,.75rem);font-weight:800;line-height:1;white-space:nowrap}
.youtube-banner-guide--tv{inset:7px;border-radius:12px;box-shadow:0 0 0 1px rgba(13,27,54,.35) inset}
.youtube-banner-guide--desktop{left:0;right:0;top:35.3125%;height:29.375%;border-left:0;border-right:0}
.youtube-banner-guide--mobile{left:19.8047%;top:35.3125%;width:60.3906%;height:29.375%;border-radius:9px}
.youtube-banner-canvas-wrap.is-guide-tv .youtube-banner-guide--tv,.youtube-banner-canvas-wrap.is-guide-desktop .youtube-banner-guide--desktop,.youtube-banner-canvas-wrap.is-guide-mobile .youtube-banner-guide--mobile{display:block}
.youtube-banner-dimensions{margin:11px 0 0;color:var(--admin-text-muted,rgba(13,27,54,.64));font-size:.78rem;text-align:center}
@media(max-width:1100px){.youtube-banner-grid{grid-template-columns:1fr}.youtube-banner-controls{order:2}.youtube-banner-preview-card{order:1}}
@media(max-width:680px){.youtube-banner-tool{margin-top:22px;padding-top:22px}.youtube-banner-heading,.youtube-banner-preview-head{align-items:stretch;flex-direction:column}.youtube-banner-format{align-self:flex-start}.youtube-banner-guide-switch{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.youtube-banner-guide-switch .mini-btn{min-width:0;padding-inline:7px;font-size:.68rem}.youtube-banner-canvas-wrap{border-radius:13px}.youtube-banner-guide{border-width:2px}.youtube-banner-guide span{top:5px}.youtube-banner-controls .actions{display:grid;grid-template-columns:1fr}.youtube-banner-controls .actions .btn{width:100%}}