/* BoothbysWorkShop v9.1 unified augmented workspace.
   Only visual surfaces and control affordances change; no audio-processing logic. */
:root{
 --b9-ink:#e9f7ff;--b9-muted:#a7bbd1;--b9-cyan:#79eaf4;--b9-violet:#ae8eff;
 --b9-glass-a:rgba(21,32,60,.80);--b9-glass-b:rgba(8,14,29,.76);
 --b9-edge:rgba(133,201,255,.28);--b9-shadow:rgba(0,2,13,.60);--b9-accent:#73e4f4;--b9-accent-rgb:115,228,244;
}
body.bws9-ui[data-bws9-family="mastering"]{--b9-accent:#8bf0ed;--b9-accent-rgb:139,240,237}
body.bws9-ui[data-bws9-family="analysis"]{--b9-accent:#72dafb;--b9-accent-rgb:114,218,251}
body.bws9-ui[data-bws9-family="editing"]{--b9-accent:#bf98ff;--b9-accent-rgb:191,152,255}
body.bws9-ui[data-bws9-family="video"]{--b9-accent:#ef9ed7;--b9-accent-rgb:239,158,215}
body.bws9-ui[data-bws9-family="metadata"]{--b9-accent:#84ecc5;--b9-accent-rgb:132,236,197}
body.bws9-ui[data-bws9-family="epk"]{--b9-accent:#d5a1ff;--b9-accent-rgb:213,161,255}
body.bws9-ui[data-bws9-family="live"]{--b9-accent:#6cefff;--b9-accent-rgb:108,239,255}
body.bws9-ui[data-bws9-family="admin"]{--b9-accent:#8ee4c9;--b9-accent-rgb:142,228,201}
body.bws9-ui:not([data-bws9-family="live"]){
  background-color:#070b17;
  background-image:
   radial-gradient(ellipse at 18% 4%,rgba(var(--b9-accent-rgb),.15) 0%,transparent 36%),
   radial-gradient(ellipse at 83% 20%,rgba(140,85,246,.14) 0%,transparent 45%),
   linear-gradient(156deg,#060b16,#101329 51%,#070b16);
  color:var(--b9-ink);
}
body.bws9-ui{isolation:isolate;color-scheme:dark}
body.bws9-ui::before{
  content:"";pointer-events:none;position:fixed;z-index:-1;inset:0;
  background-image:linear-gradient(rgba(124,194,250,.031) 1px,transparent 1px),linear-gradient(90deg,rgba(124,194,250,.025) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,.11));
}
body.bws9-ui :where(main,.wrap,.page,.workspace,.layout,.clip-layout,.editpanel,.previewcol){min-width:0}
/* Specific scopes preserve original homepage desktop coordinates and On Air canvas transforms. */
body.bws9-ui[data-bws9-role="tool"] :is(main,main.wrap){
  width:min(100%,1540px);max-width:1540px;margin-inline:auto;
  padding-inline:clamp(14px,2.8vw,42px);
}
body.bws9-ui[data-bws9-role="tool"] :where(main>h1,main>.intro h1){
  font-size:clamp(31px,4.8vw,64px);font-weight:850;line-height:1.03;
  letter-spacing:-.047em;max-width:26ch;
  color:#f9fdff;text-shadow:0 4px 34px rgba(var(--b9-accent-rgb),.19),0 2px 16px #0007;
  margin-bottom:14px;
}
.bws9-system-label{display:inline-flex!important;align-items:center;gap:11px;margin:12px 0 6px;
  font:800 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em!important;text-transform:uppercase;color:var(--b9-accent)!important}
.bws9-system-label::before{content:"";width:25px;height:2px;background:var(--b9-accent);box-shadow:0 0 13px var(--b9-accent)}
.bws9-workflow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:clamp(12px,2vw,20px) 0 22px;padding:11px 14px;
  background:linear-gradient(125deg,rgba(12,21,41,.84),rgba(17,13,34,.68));border:1px solid rgba(var(--b9-accent-rgb),.25);
  border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 28px #0004;}
.bws9-workflow span{display:inline-flex;align-items:center;gap:8px;color:#dcebf6;font-weight:650;font-size:clamp(11px,.88vw,13px);padding:8px 11px;border:1px solid #b3ddff1c;border-radius:11px;
  background:linear-gradient(160deg,rgba(55,88,129,.19),rgba(17,24,49,.30))}
.bws9-workflow span em{font:800 10px ui-monospace,monospace;color:var(--b9-accent);font-style:normal}
.bws9-workflow span:first-child{border-color:rgba(var(--b9-accent-rgb),.38);box-shadow:0 0 17px rgba(var(--b9-accent-rgb),.08)}
.bws9-workflow i{display:block;opacity:.45;font-size:12px;font-style:normal}
/* All actual tool workspaces: a structural raised bezel rather than merely background shade. */
body.bws9-ui[data-bws9-role="tool"] :is(
 .panel,.clip-preview-shell,.preview,.notice,.metric,.bws-pro-helper,.bw-v4-quickstart,
 .field,.control,.stage,.toolbar,.design-card,.editpanel,.previewcol,.visual-option,.clip-stage,.clip-gallery,
 .clip-settings,fieldset,.drop,.file,.form-group,.stats,.result,.test-results,
 #tool-guide,#app>section,#app>.panel,#app>fieldset,#app>.layout>.panel
),
body.bws9-ui[data-bws9-role="home"] :is(.tools-window,.window-body,.v20-command-card,.v10-journey-card),
body.bws9-ui[data-bws9-role="admin"] :is(fieldset,.tools-panel,.admin-tile,.tool-group,.zip-dropzone,.admin-card),
body.bws9-ui[data-bws9-role="epk"] :is(.epk-section,.sound-card,.press-card,.booking-panel,.hero,.section.shell){
  position:relative;
  border:1px solid var(--b9-edge)!important;
  border-radius:clamp(14px,1.8vw,24px)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),transparent 24%),
    linear-gradient(155deg,var(--b9-glass-a),var(--b9-glass-b) 72%,rgba(25,16,46,.80))!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),
    0 0 0 1px rgba(8,21,41,.43),0 18px 28px rgba(0,0,0,.31),
    0 34px 58px rgba(0,4,18,.23),0 0 42px rgba(var(--b9-accent-rgb),.036)!important;
  backdrop-filter:blur(8px) saturate(1.09);
  -webkit-backdrop-filter:blur(8px) saturate(1.09);
}
/* Thin perimeter rim placed behind contents, no click interception. */
body.bws9-ui[data-bws9-role="tool"] :is(.panel,.editpanel,.clip-preview-shell,.previewcol,.visual-option,.design-card,#tool-guide)::before,
body.bws9-ui[data-bws9-role="home"] :is(.tools-window,.v20-command-card)::before,
body.bws9-ui[data-bws9-role="admin"] :is(fieldset,.tools-panel)::before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:0;
  box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(var(--b9-accent-rgb),.06);
  background:linear-gradient(138deg,rgba(var(--b9-accent-rgb),.055),transparent 20%,transparent 85%,rgba(173,93,255,.055));
}
body.bws9-ui[data-bws9-role="tool"] :is(.panel,.editpanel,.clip-preview-shell,.previewcol,.design-card,#tool-guide)>*,
body.bws9-ui[data-bws9-role="home"] :is(.tools-window,.v20-command-card)>*{position:relative;z-index:1}
body.bws9-ui[data-bws9-role="tool"] .panel,
body.bws9-ui[data-bws9-role="tool"] .editpanel,
body.bws9-ui[data-bws9-role="tool"] #tool-guide{padding:clamp(17px,2vw,27px)!important}
body.bws9-ui[data-bws9-role="tool"] :where(.panel h2,.editpanel h2,.clip-settings h2,.clip-stage h2,.clip-gallery h2){
  font-size:clamp(18px,1.45vw,23px);color:#f4fcff!important;font-weight:800;letter-spacing:-.02em;
  margin-top:0;padding-bottom:12px;border-bottom:1px solid rgba(var(--b9-accent-rgb),.17);
}
body.bws9-ui[data-bws9-role="tool"] :where(.panel h2,.editpanel h2)::before{
  content:"";display:inline-block;width:4px;height:16px;margin-right:11px;border-radius:4px;
  background:var(--b9-accent);box-shadow:0 0 13px rgba(var(--b9-accent-rgb),.45);vertical-align:middle;
}
body.bws9-ui[data-bws9-role="tool"] :where(.layout,.clip-layout){gap:clamp(14px,1.7vw,24px)!important;align-items:start}
/* Modern controls preserve every id, name, event handler, form field and action. */
body.bws9-ui[data-bws9-role="tool"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
body.bws9-ui[data-bws9-role="admin"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select){
  max-width:100%;min-height:44px;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(4,11,26,.96),rgba(10,20,40,.89))!important;
  color:#f0f9ff!important;border:1px solid rgba(124,182,233,.36)!important;
  box-shadow:inset 0 3px 7px #0005,inset 0 1px rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.04)!important;
  transition:border-color .18s,box-shadow .18s!important;
}
body.bws9-ui[data-bws9-role="tool"] :where(input,select,textarea):focus,
body.bws9-ui[data-bws9-role="admin"] :where(input,select,textarea):focus{
  border-color:rgba(var(--b9-accent-rgb),.75)!important;
  box-shadow:0 0 0 3px rgba(var(--b9-accent-rgb),.17),inset 0 2px 5px #0005!important;
}
body.bws9-ui[data-bws9-role="tool"] :where(input[type="file"]){padding:10px!important;cursor:pointer}
body.bws9-ui[data-bws9-role="tool"] input[type="file"]::file-selector-button{
  margin-right:12px;padding:10px 14px;border:1px solid rgba(var(--b9-accent-rgb),.45);
  border-radius:10px;background:rgba(var(--b9-accent-rgb),.15);color:#eaffff;cursor:pointer;font-weight:750;
}
body.bws9-ui[data-bws9-role="tool"] :where(button,.btn,a.go,input[type="submit"],input[type="button"]),
body.bws9-ui[data-bws9-role="admin"] :where(button,input[type="submit"]),
body.bws9-ui[data-bws9-role="home"] :where(.tools-window button,.btn){
  min-height:42px;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 37%),
    linear-gradient(145deg,rgba(var(--b9-accent-rgb),.19),rgba(68,48,121,.43))!important;
  border:1px solid rgba(var(--b9-accent-rgb),.42)!important;
  color:#f5fbff!important;font-weight:750;
  text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.23),
    0 7px 11px rgba(0,0,0,.24),0 0 18px rgba(var(--b9-accent-rgb),.035)!important;
  transition:transform .19s ease,box-shadow .19s ease,filter .19s ease,border-color .19s ease;
}
body.bws9-ui[data-bws9-role="tool"] :where(button.secondary,.btn-secondary),
body.bws9-ui[data-bws9-role="home"] :where(.tools-window .btn-secondary){
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(18,27,52,.77))!important;border-color:#83b4e044!important;
}
body.bws9-ui :where(button,input,a,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--b9-accent)!important;outline-offset:3px!important;
}
body.bws9-ui :where(button,a.go,input[type="submit"]):active{transform:translateY(1px);filter:brightness(.95)}
body.bws9-ui :where(button:disabled,[aria-disabled="true"]){cursor:not-allowed;filter:saturate(.45);opacity:.56}
body.bws9-ui[data-bws9-role="tool"] :where(input[type="range"]){accent-color:var(--b9-accent);min-height:24px;cursor:pointer}
body.bws9-ui[data-bws9-role="tool"] :where(.control,.field,.form-group){padding:12px;border-radius:14px!important;background:rgba(5,14,30,.36)!important;border:1px solid rgba(113,160,215,.18)!important}
body.bws9-ui[data-bws9-role="tool"] :where(.control,.field,.form-group) label{color:#d6e8f6;font-size:13px;font-weight:700}
body.bws9-ui[data-bws9-role="tool"] :where(canvas:not([hidden]),.preview canvas){border-radius:15px!important;border-color:rgba(var(--b9-accent-rgb),.25)!important;box-shadow:inset 0 0 20px #0009,0 11px 19px #0005!important}
body.bws9-ui[data-bws9-role="tool"] .actions,
body.bws9-ui[data-bws9-role="tool"] .buttons{gap:10px!important}
body.bws9-ui[data-bws9-role="tool"] #tool-guide{margin-top:32px!important;background:linear-gradient(150deg,rgba(19,28,51,.62),rgba(9,16,32,.64))!important}
/* Launch destinations have a real product entry card, not a wall of descriptive text. */
body.bws9-ui[data-bws9-tooltype="launcher"] main>p{max-width:850px}
body.bws9-ui[data-bws9-tooltype="launcher"] main>a.go{
  display:inline-flex!important;align-items:center;justify-content:center;gap:12px;
  min-height:64px;padding:16px 26px!important;font-size:16px;letter-spacing:.02em;
  border-radius:18px!important;box-shadow:inset 0 1px rgba(255,255,255,.20),0 17px 30px #0006,0 0 0 5px rgba(var(--b9-accent-rgb),.055)!important;
}
body.bws9-ui[data-bws9-tooltype="launcher"] .bw-v4-quickstart{font-weight:650;max-width:900px}
body.bws9-ui[data-bws9-tooltype="launcher"] #tool-guide{margin-top:clamp(24px,4vw,45px)!important}
/* Main app workspaces and stage previews get stronger, physically separated depth. */
body.bws9-ui[data-bws9-role="tool"] :where(.layout>.panel:first-child,.clip-settings,.editor,.page .editpanel){
  transform:translateZ(0);
  box-shadow:inset 0 2px rgba(255,255,255,.11),0 24px 38px #0006,0 43px 70px #0004!important;
}
body.bws9-ui[data-bws9-role="tool"] :where(.layout>.panel:nth-child(2),.clip-stage,.previewcol,.previewshell){
  box-shadow:inset 0 2px rgba(255,255,255,.12),0 26px 49px #0008,0 0 0 1px rgba(var(--b9-accent-rgb),.15),0 0 47px rgba(var(--b9-accent-rgb),.075)!important;
}
body.bws9-ui[data-bws9-family="video"] :where(.clip-preview-shell,.canvas-wrap,.stage){border:1px solid rgba(239,158,215,.35)!important;box-shadow:inset 0 0 55px rgba(24,4,34,.30),0 28px 48px #0007!important}
body.bws9-ui[data-bws9-family="analysis"] :where(.metric,.metrics>*,.notice){border-left:2px solid rgba(var(--b9-accent-rgb),.48)!important}
body.bws9-ui[data-bws9-family="metadata"] :where(.field,.form-group){border-color:rgba(132,236,197,.27)!important}
body.bws9-ui[data-bws9-role="tool"] .wrap>h1{max-width:100%}
/* Embedded editors and modal desktop windows are part of the same experience. */
body.bws9-ui[data-bws9-role="home"] .tools-window:not(.hidden){
  outline:1px solid rgba(125,221,255,.24);outline-offset:4px;
  box-shadow:0 32px 65px #0009,0 0 50px rgba(101,210,255,.10),inset 0 1px rgba(255,255,255,.11)!important;
}
body.bws9-ui[data-bws9-role="home"] .tools-window .window-header{
  border-bottom:1px solid #76dff83d!important;
  background:linear-gradient(180deg,rgba(76,104,151,.26),rgba(9,15,30,.46))!important;
}
body.bws9-ui[data-bws9-role="home"] .tools-window .window-body{background:linear-gradient(145deg,rgba(14,25,44,.84),rgba(9,16,34,.84))!important}
body.bws9-ui[data-bws9-role="home"] :where(.window-body .form-group,.window-body .form-control){border-radius:11px!important}
/* EPK editor and generated press materials are deliberately not identical to mastering tools. */
body.bws9-ui[data-bws9-family="epk"] :where(.workspace,.editor,.previewcol){gap:clamp(12px,1.5vw,20px)}
body.bws9-ui[data-bws9-family="epk"] :where(.design-card,.design-thumb){overflow:hidden;border-radius:15px!important;border:1px solid rgba(213,161,255,.36)!important;box-shadow:0 16px 30px #0005,inset 0 1px #ffffff19!important}
body.bws9-ui[data-bws9-family="epk"] :where(.design-card.selected,.design-card.active){outline:2px solid #d5a1ff!important;outline-offset:2px}
body.bws9-ui[data-bws9-family="epk"] :where(.previewcol,.previewshell){background:linear-gradient(180deg,rgba(42,23,68,.65),rgba(9,17,37,.8))!important}
body.bws9-ui[data-bws9-family="epk"] iframe{border-radius:13px;border:1px solid #b3b2ff44;max-width:100%}
/* Owner dashboard retains existing navigation and updater behavior. */
body.bws9-ui[data-bws9-role="admin"] fieldset{margin-block:18px!important;padding:clamp(16px,2vw,28px)!important}
body.bws9-ui[data-bws9-role="admin"] legend{font-size:clamp(15px,1.2vw,20px);font-weight:850;color:#e8fff6!important;padding-inline:14px}
body.bws9-ui[data-bws9-role="admin"] :where(.admin-quick-nav,.admin-tile-grid,.tool-grid){gap:10px}
body.bws9-ui[data-bws9-role="admin"] .admin-quick-nav{box-shadow:0 13px 28px #0007;border-radius:13px;max-width:100%}
body.bws9-ui[data-bws9-role="admin"] .admin-tile{min-height:88px}
/* Shared header/footer restraint: no transforms on fixed navigation or overlays. */
body.bws9-ui :is(header nav a,.appbar nav a,.sl-global-head a){border-radius:9px}
body.bws9-ui[data-bws9-role="tool"] :where(footer,.site-footer){color:#b7cadd}
/* True hover lift applies only to real work cards; sensors on mobile do not skew text. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.bws9-ui[data-bws9-role="tool"] :is(.visual-option,.design-card,.app-card,.metric),
 body.bws9-ui[data-bws9-role="home"] :is(.app-icon,.v20-command-card){transition:transform .22s ease,box-shadow .22s ease}
 body.bws9-ui[data-bws9-role="tool"] :is(.visual-option,.design-card,.app-card,.metric):hover,
 body.bws9-ui[data-bws9-role="home"] :is(.app-icon,.v20-command-card):hover{
   transform:perspective(1200px) translateY(-4px) translateZ(12px) rotateX(1deg);
   box-shadow:0 24px 35px #0008,0 0 24px rgba(var(--b9-accent-rgb),.10)!important;
 }
 body.bws9-ui[data-bws9-role="tool"] :where(button:not(:disabled),a.go):hover,
 body.bws9-ui[data-bws9-role="admin"] button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.11)}
}
@media(max-width:900px){
 body.bws9-ui[data-bws9-role="tool"] :is(.layout,.clip-layout,.two){grid-template-columns:minmax(0,1fr)!important;}
 body.bws9-ui[data-bws9-role="tool"] :is(.clip-settings,.clip-gallery){max-height:none!important;overflow:visible!important}
 body.bws9-ui[data-bws9-role="tool"] :is(.layout>.panel,.clip-settings,.clip-stage,.clip-gallery){width:100%;max-width:100%;min-width:0}
 body.bws9-ui[data-bws9-role="tool"] .actions{display:flex;flex-wrap:wrap;gap:9px!important}
 body.bws9-ui[data-bws9-role="tool"] .actions>*{flex:1 1 150px;min-width:0}
 body.bws9-ui[data-bws9-role="tool"] .bws9-workflow{padding:9px;gap:6px}
}
@media(max-width:600px){
 body.bws9-ui[data-bws9-role="tool"] :is(main,main.wrap){padding-inline:14px!important;padding-bottom:90px}
 body.bws9-ui[data-bws9-role="tool"] :where(.panel,.editpanel,.previewcol,#tool-guide){padding:16px!important}
 .bws9-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bws9-workflow>i{display:none}
 .bws9-workflow span{justify-content:flex-start;min-width:0}
 body.bws9-ui[data-bws9-role="tool"] :where(button,.btn,a.go,input[type="submit"]){min-height:46px!important}
 body.bws9-ui[data-bws9-role="tool"] :where(.layout,.clip-layout){gap:14px!important}
 body.bws9-ui[data-bws9-role="tool"] :where(.actions,.buttons){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
 body.bws9-ui[data-bws9-role="tool"] :where(.actions,.buttons)>*{min-width:0;width:100%;white-space:normal}
 body.bws9-ui[data-bws9-role="tool"] :where(.visual-grid,.designgrid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.bws9-ui[data-bws9-role="tool"] :where(.panel,.editpanel,.previewcol,.clip-stage){box-shadow:inset 0 1px #ffffff17,0 13px 22px #0007,0 24px 35px #0004!important}
}
@media(max-width:390px){body.bws9-ui[data-bws9-role="tool"] :where(.actions,.buttons){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 body.bws9-ui :is(.panel,.design-card,.visual-option,button,a.go,.v20-command-card){transition:none!important;animation:none!important;}
}
/* Dynamic StudioTools workspaces are created after page load. */
body.bws9-ui[data-bws9-role="tool"] #app> :where(section,article,fieldset,.panel,.layout),
body.bws9-ui[data-bws9-role="tool"] #app .bws9-generated-panel{
  position:relative;padding:clamp(14px,1.6vw,24px);
  border:1px solid rgba(var(--b9-accent-rgb),.26);border-radius:20px;
  background:linear-gradient(140deg,rgba(255,255,255,.055),transparent 21%),linear-gradient(150deg,rgba(19,32,57,.84),rgba(11,16,35,.83))!important;
  box-shadow:inset 0 1px #ffffff1a,0 17px 33px #0007,0 0 27px rgba(var(--b9-accent-rgb),.035)!important;
}
body.bws9-ui[data-bws9-role="tool"] #app> .layout{display:grid;gap:clamp(14px,2vw,24px)}
body.bws9-ui[data-bws9-role="tool"] #app:empty{min-height:90px;position:relative}
body.bws9-ui[data-bws9-role="tool"] #app:empty::before{
  content:"Preparing your workspace";display:block;letter-spacing:.02em;font-size:13px;color:var(--b9-muted);
  border:1px solid var(--b9-edge);padding:26px;border-radius:17px;background:rgba(10,19,39,.7);
}
body.bws9-ui[data-bws9-role="tool"] #app:empty::after{
  content:"";position:absolute;width:17px;height:17px;right:25px;top:31px;border:2px solid var(--b9-accent);
  border-right-color:transparent;border-radius:50%;animation:bws9-spin .8s linear infinite;
}
@keyframes bws9-spin{to{transform:rotate(360deg)}}
body.bws9-ui[data-bws9-role="tool"] #app :where(h2,h3){letter-spacing:-.025em;color:#effbff}
body.bws9-ui[data-bws9-role="tool"] #app :where(label,.field label){line-height:1.45}
body.bws9-ui[data-bws9-role="tool"] #app :where(.metric,.meter,.wave){border-radius:13px}
body.bws9-ui[data-bws9-role="tool"] #app .visual-option{padding:11px}
body.bws9-ui[data-bws9-role="content"] :is(.hero,.section.shell,.section,.card,article,.content-card,.panel),
body.bws9-ui[data-bws9-role="static"] :is(.hero,.card,article,.panel,main>section){
  position:relative;
  border-radius:clamp(16px,2vw,26px);
  box-shadow:inset 0 1px #ffffff16,0 22px 40px #0005,0 0 0 1px rgba(var(--b9-accent-rgb),.09);
}
body.bws9-ui[data-bws9-role="content"] :is(.hero,.section.shell,.section,.card,article,.content-card,.panel):not(.mast):not(header){
  border-color:rgba(var(--b9-accent-rgb),.28);
}
body.bws9-ui[data-bws9-role="content"] :is(.hero,.section.shell,.section,.card,article,.content-card,.panel)::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 -1px rgba(var(--b9-accent-rgb),.06)
}
body.bws9-ui[data-bws9-role="tool"] .bws9-page-ribbon{
  font-size:12px;font-weight:650;letter-spacing:.015em;color:#b9cbdb;margin:6px 0 12px;
}
body.bws9-ui[data-bws9-role="tool"] .bws9-page-ribbon strong{color:var(--b9-accent)}
@media(max-width:600px){
 body.bws9-ui[data-bws9-role="tool"] #app :where(.bws9-generated-panel,fieldset){padding:13px!important}
 body.bws9-ui[data-bws9-role="tool"] #app> :where(section,article,fieldset,.panel,.layout){padding:14px}
}
@media(prefers-reduced-motion:reduce){body.bws9-ui[data-bws9-role="tool"] #app:empty::after{animation:none}}
/* Dimensional site landing without touching player or desktop/window coordinates. */
body.bws9-ui[data-bws9-role="home"] :is(.v10-hero,.v20-command-panel,.v10-journey,.bws51-hub,.v10-story){
  position:relative;isolation:isolate;
  box-shadow:0 1px rgba(255,255,255,.10) inset,0 16px 35px #0005,0 33px 65px #0005,0 0 46px rgba(153,83,255,.06)!important;
  border-color:rgba(128,196,244,.23);
}
body.bws9-ui[data-bws9-role="home"] .v20-command-panel :is(.v20-command-card,.v10-journey-card){
  border:1px solid rgba(123,204,250,.33)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 19px 32px #0007,0 0 30px rgba(126,208,255,.07)!important;
}
body.bws9-ui[data-bws9-role="home"] .app-icon{
  filter:drop-shadow(0 13px 15px rgba(0,0,0,.30));
}
body.bws9-ui[data-bws9-role="home"] :is(.bw-dialog,.bw-dialog-backdrop .bw-dialog){
  border:1px solid rgba(113,211,251,.31);border-radius:21px;
  background:linear-gradient(145deg,rgba(27,35,67,.96),rgba(9,15,32,.96));
  box-shadow:inset 0 1px #ffffff22,0 35px 70px #000b,0 0 48px rgba(112,214,255,.11)
}
body.bws9-ui[data-bws9-role="home"] :is(.v20-command-card,.window-body .btn){touch-action:manipulation}
/* EPK marketing pages carry the same studio construction, but preserve photography layouts. */
body.bws9-ui[data-bws9-role="epk"] :is(.hero,.epk-section,.sound-card,.press-card){
  border:1px solid rgba(213,161,255,.22)!important;
  box-shadow:inset 0 1px #ffffff18,0 19px 39px #0006,0 42px 70px #0004!important;
}
body.bws9-ui[data-bws9-role="epk"] .hero{
  box-shadow:inset 0 1px #ffffff22,0 31px 55px #0008,0 0 60px rgba(141,114,244,.08)!important;
}
body.bws9-ui[data-bws9-role="epk"] :where(.press-card,.sound-card){backdrop-filter:blur(6px)}
/* Small account workspace is a complete page, not an unstyled legacy destination. */
body.bws9-ui[data-bws9-role="tool"]>fieldset{margin-block:17px!important;padding:clamp(16px,2vw,25px)!important}
body.bws9-ui[data-bws9-role="tool"]>fieldset legend{padding-inline:8px;color:var(--b9-accent);font-weight:800}

/* Additional owner-only pages, not just the full-site updater. */
body.bws9-ui[data-bws9-role="admin"] :is(section,article,.review,.review-card,.notice,.box,.card,.admin-section,.status-panel,.container>form){
  border:1px solid rgba(var(--b9-accent-rgb),.23)!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,rgba(31,46,73,.83),rgba(10,19,37,.88))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.07),0 12px 26px rgba(0,0,0,.25),0 27px 50px rgba(0,0,0,.18)!important;
}
body.bws9-ui[data-bws9-role="admin"] :is(section,article,.review,.review-card,.admin-section){padding:clamp(14px,2vw,25px)}
body.bws9-ui[data-bws9-role="admin"] :where(h1,h2,h3){color:#f0fdff;text-shadow:0 7px 20px rgba(94,219,253,.12)}
body.bws9-ui[data-bws9-role="admin"] :where(input[type=file]){padding:10px}
body.bws9-ui[data-bws9-role="admin"] :where(a):not(.button){text-underline-offset:3px}
@media(max-width:600px){
  body.bws9-ui[data-bws9-role="admin"] :is(section,article,.review,.review-card,.admin-section){padding:14px}
  body.bws9-ui[data-bws9-role="admin"] :where(form){max-width:100%}
}

/* Compact legacy tool navigation: one clear primary navigation line, not three stacked copies. */
.bws9-guide-disclosure{display:block;margin:0 0 18px;border:1px solid rgba(var(--b9-accent-rgb),.26);border-radius:13px;
  background:linear-gradient(150deg,rgba(20,31,54,.76),rgba(9,16,34,.80));box-shadow:0 12px 25px rgba(0,0,0,.20)}
.bws9-guide-disclosure>summary{padding:11px 15px;cursor:pointer;color:var(--b9-accent);font-weight:800;list-style-position:inside}
.bws9-guide-disclosure>.bws-pro-helper{margin:0!important;padding:5px 15px 14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:760px){
  body.bws9-ui[data-bws9-role="tool"]:has(> .sl-global-head)> .v20-tool-banner{display:none!important}
  body.bws9-ui[data-bws9-role="tool"]>.bws-pro-helper{display:none}
  body.bws9-ui[data-bws9-role="tool"] .bws9-guide-disclosure{margin:0 0 13px}
  body.bws9-ui[data-bws9-role="tool"] .bws9-guide-disclosure>summary{padding:10px 12px}
}