/* Final responsive layer for the permanent five-page Podcast Launch Canvas. */
body.canvas-active{--canvas-nav-height:72px}
body.canvas-active .launch-grid,
body.canvas-active #showShelf{display:none!important;pointer-events:none!important}
body.canvas-active .canvas-manage-nav,
body.canvas-active .canvas-manage-nav a,
body.canvas-active .canvas-floating-edit-button{pointer-events:auto!important}
body.canvas-active .canvas-page[aria-hidden="true"]{display:none!important}
body.canvas-active .canvas-page[aria-hidden="false"]{display:grid!important}

.canvas-settings-backdrop[hidden],
#canvasSettings[hidden]{display:none!important}
.canvas-settings-backdrop{position:fixed;z-index:88;inset:0;border:0;background:rgba(2,5,8,.72);backdrop-filter:blur(5px);cursor:default}
#canvasSettings.canvas-settings-overlay{position:fixed;z-index:90;left:50%;top:50%;width:min(900px,calc(100vw - 36px));max-height:min(820px,calc(100dvh - 36px));transform:translate(-50%,-50%);overflow:auto;margin:0;padding:22px;border:1px solid #33475a;border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(66,232,245,.08),transparent 30%),linear-gradient(180deg,#111922,#090e14);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.canvas-settings-close{position:sticky;z-index:2;top:0;float:right;width:36px;height:36px;margin:-7px -5px 0 10px;border:1px solid #354454;border-radius:50%;background:#0d151d;color:#e8eff5;font-size:25px;line-height:1;cursor:pointer}
body.canvas-settings-open{overflow:hidden}

@media(max-width:720px){
  body.canvas-active{padding-bottom:calc(var(--canvas-nav-height) + 18px + env(safe-area-inset-bottom))}
  body.canvas-active .launch-shell{padding-bottom:calc(var(--canvas-nav-height) + 25px + env(safe-area-inset-bottom))}
  body.canvas-active .launch-header{position:sticky;top:0;z-index:24;height:44px;padding:0 6px;background:rgba(7,10,14,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}
  body.canvas-active .brand-lockup span{display:none}

  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav{position:fixed;z-index:70;left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:auto;padding:6px;border:1px solid #29394a;border-radius:20px;background:rgba(7,11,16,.96);box-shadow:0 18px 48px rgba(0,0,0,.5);backdrop-filter:blur(24px);overflow:visible}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a{position:relative;min-width:0;height:57px;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:14px;color:#788b9d;text-align:center;white-space:normal;box-shadow:none}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a.is-active{background:#15222d;color:#f2f7fa;box-shadow:inset 0 0 0 1px #30465a}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:3px;width:15px;height:2px;border-radius:99px;background:var(--cyan);transform:translateX(-50%)}
  .canvas-nav-icon{font-size:19px;line-height:1}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a b{font-size:7.5px;line-height:1;font-weight:850}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a em{position:absolute;right:3px;top:3px;padding:2px 3px;border-color:#344656;background:#0e1720;font-size:5px;letter-spacing:.03em}
  .canvas-nav-count{position:absolute!important;right:4px;top:4px;min-width:15px!important;height:15px!important;padding:0 3px!important;font-size:6px!important}

  .canvas-floating-edit-slot{right:max(14px,env(safe-area-inset-right));bottom:calc(var(--canvas-nav-height) + 22px + env(safe-area-inset-bottom))}
  .canvas-floating-edit-button{width:49px!important;height:49px!important;border-color:#3f5a70!important;background:rgba(11,18,25,.96)!important;box-shadow:0 14px 32px rgba(0,0,0,.45)!important}
  .canvas-floating-edit-button::before{font-size:20px}

  .canvas-page{min-height:calc(100dvh - 135px);margin:0;animation:canvasMobilePageIn .22s ease}
  @keyframes canvasMobilePageIn{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  .canvas-page>.canvas-panel{margin:0}
  .canvas-page-about .canvas-profile-hero{margin-top:1px}
  .canvas-page-about .canvas-about-details{padding:12px 0 15px;border:0;background:transparent;box-shadow:none}
  .canvas-page-about .canvas-about-details .canvas-panel-heading{padding:5px 3px 0}
  .canvas-page-about .canvas-about-block{padding:14px;border-radius:17px;background:linear-gradient(145deg,#101820,#0b1117)}

  .canvas-page-brand>.canvas-panel,
  .canvas-page-strategy>.canvas-panel{border-radius:17px}
  .canvas-page-brand .canvas-generated-assets-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:5px 0 10px}
  .canvas-page-brand .canvas-generated-assets-panel .canvas-panel-heading{padding:7px 4px 0}
  .canvas-page-brand .canvas-gallery-intro{padding:0 4px}
  .canvas-page-brand .canvas-asset-shelf{gap:8px}
  .canvas-page-brand .canvas-asset-card{border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .canvas-page-brand .canvas-asset-label{left:6px;right:6px;bottom:6px;padding:7px;border-radius:9px;font-size:8px}
  .canvas-brand-system-panel,.canvas-user-media-panel{padding:15px 13px}

  .canvas-page-strategy .canvas-strategy-summary{padding:15px 13px}
  .canvas-page-strategy .canvas-topics-panel{padding:14px 13px}
  .canvas-page-strategy .canvas-strategy-ideas-panel,
  .canvas-page-strategy .canvas-strategy-guests-panel{padding:5px 0 12px;border:0;background:transparent;box-shadow:none;overflow:hidden}
  .canvas-page-strategy .canvas-strategy-ideas-panel .canvas-panel-heading,
  .canvas-page-strategy .canvas-strategy-guests-panel .canvas-panel-heading{padding:7px 4px 0;margin-bottom:7px}
  .canvas-page-strategy .canvas-card-shelf{margin:0 -10px;padding:0 10px 17px;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10px;scrollbar-width:none}
  .canvas-page-strategy .canvas-card-shelf::-webkit-scrollbar{display:none}
  .canvas-page-strategy .canvas-content-card{flex:0 0 calc(100vw - 42px);min-height:320px;padding:18px;border-radius:21px;scroll-snap-align:center;scroll-snap-stop:always}
  .canvas-page-strategy .canvas-content-card h3{font-size:23px;line-height:1.05;margin:13px 0 10px}
  .canvas-page-strategy .canvas-card-copy{font-size:12px;line-height:1.55}
  .canvas-page-strategy .canvas-card-details{padding-top:18px;font-size:10px}
  .canvas-rail-intro{padding:0 4px 11px;margin:0;font-size:10px}
  .canvas-rail-intro span{max-width:77%}

  .canvas-working{padding:11px 13px;border-radius:13px}
  .canvas-working-copy p{font-size:9px}
  .canvas-build-progress{margin-top:9px}

  #canvasSettings.canvas-settings-overlay{left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(88dvh,900px);transform:none;padding:17px 12px calc(20px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0;border-radius:22px 22px 0 0;overscroll-behavior:contain}
  #canvasSettings.canvas-settings-overlay .canvas-panel-heading{padding-right:40px}
  #canvasSettings.canvas-settings-overlay .canvas-settings-groups{grid-template-columns:1fr;gap:9px}
  #canvasSettings.canvas-settings-overlay .canvas-settings-group{grid-template-columns:1fr;padding:13px;border-radius:15px;gap:10px}
  #canvasSettings.canvas-settings-overlay .settings-span{grid-column:auto}
  #canvasSettings.canvas-settings-overlay .canvas-settings-actions,
  #canvasSettings.canvas-settings-overlay .canvas-new-show{display:block;padding:13px;border-radius:14px}
  #canvasSettings.canvas-settings-overlay .canvas-settings-actions button,
  #canvasSettings.canvas-settings-overlay .canvas-new-show button{width:100%;min-width:0;margin-top:11px}
  .canvas-settings-close{position:absolute;right:12px;top:12px;float:none;margin:0}
}

@media(max-width:390px){
  body.canvas-active{--canvas-nav-height:68px}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav{left:max(5px,env(safe-area-inset-left));right:max(5px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));padding:5px;border-radius:18px}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a{height:54px}
  .canvas-nav-icon{font-size:18px}
  .show-management-canvas[data-canvas-v2-mounted="true"] .canvas-manage-nav a b{font-size:7px}
  .canvas-page-strategy .canvas-content-card{flex-basis:calc(100vw - 32px);min-height:305px}
}