/* Compact layout repair for the six dedicated Compass Creative Studio pages.
   Keep the existing product styles; remove the two sticky mega-bars and extra wrappers.
   Do not affect the working legacy studio URL. */
body[data-studio-page] .sv-app{
  width:min(1400px,100%)!important;max-width:1400px!important;margin:0 auto!important;
  min-height:100vh!important;padding:7px clamp(8px,1.3vw,19px) 24px!important;
}
body[data-studio-page] .sv-head{
  position:relative!important;top:auto!important;z-index:5!important;
  min-height:46px!important;max-height:none!important;
  padding:0 3px 5px!important;margin:0 0 4px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;gap:8px!important;
}
body[data-studio-page] .sv-brand{font-size:13px!important;gap:6px!important}
body[data-studio-page] .sv-logo{height:32px!important;width:32px!important;border-radius:9px!important;font-size:18px!important}
body[data-studio-page] .sv-brand small{font-size:8px!important}
body[data-studio-page] .sv-head .sv-back,
body[data-studio-page] .sv-head .sv-welcome-return-worlds,
body[data-studio-page] .sv-head .sv-rail-toggle,
body[data-studio-page] .sv-head .sv-sparkle-toggle,
body[data-studio-page] .sv-head .sv-head-active,
body[data-studio-page] .sv-head .sv-workspace-tag{display:none!important}
body[data-studio-page] .sv-head-actions{margin-left:auto!important;gap:6px!important}
body[data-studio-page] .sv-projectbar{
  min-width:0!important;max-width:230px!important;margin:0!important;padding:0!important;
  border:0!important;box-shadow:none!important;background:transparent!important
}
body[data-studio-page] .sv-projectbar label{font-size:9px!important}
body[data-studio-page] .sv-projectbar input{height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:11px!important}
body[data-studio-page] .sv-head #sv-home,
body[data-studio-page] .sv-head #sv-head-export{
  padding:6px 9px!important;min-height:30px!important;min-width:0!important;
  border-radius:9px!important;font-size:10px!important;box-shadow:none!important
}
body[data-studio-page] #sv-welcome,
body[data-studio-page] .sv-production-sheen,
body[data-studio-page] .sv-steps,
body[data-studio-page] .sv-inspector{display:none!important}
body[data-studio-page] .sv-production-shell{
  position:relative!important;width:100%!important;max-width:100%!important;
  padding:0!important;margin:0!important;min-height:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important
}
body[data-studio-page] .sv-production-shell::before,
body[data-studio-page] .sv-production-shell::after{display:none!important}
body[data-studio-page] .sv-grid{
  display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important
}
body[data-studio-page] .sv-content{
  display:flex!important;flex-direction:column!important;width:100%!important;
  min-width:0!important;max-width:100%!important;margin:0!important;padding:0 4px 20px!important
}
body[data-studio-page] .sv-mode-shortcuts{
  position:relative!important;top:auto!important;z-index:4!important;
  display:flex!important;width:max-content!important;max-width:100%!important;
  min-height:0!important;margin:1px 0 12px!important;padding:4px!important;
  gap:4px!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;border:1px solid #6b5095!important;border-radius:12px!important;
  background:linear-gradient(110deg,#281d3d,#172239)!important;
  box-shadow:0 3px 11px #05031966!important;backdrop-filter:none!important
}
body[data-studio-page] .sv-mode-shortcuts-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important}
body[data-studio-page] .sv-mode-shortcuts-tabs button,
body[data-studio-page] #sv-account-open{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:29px!important;height:29px!important;min-width:0!important;width:auto!important;
  margin:0!important;padding:5px 9px!important;border-radius:8px!important;
  font:800 11px/1.1 system-ui,sans-serif!important;letter-spacing:0!important;
  border:1px solid #73569c!important;color:#f3e3ff!important;
  background:linear-gradient(180deg,#49305f,#2a213a)!important;
  box-shadow:inset 0 1px #ffffff3a!important
}
body[data-studio-page] .sv-mode-shortcuts-tabs button.is-active,
body[data-studio-page] #sv-account-open.is-active{
  border-color:#d8b5ff!important;color:#fff!important;
  background:linear-gradient(180deg,#a778e0,#663ea9)!important;
  box-shadow:inset 0 1px #fff6,0 2px 7px #8855ba66!important
}
body[data-studio-page] .sv-mode-account{margin:0!important;padding:0!important;display:flex!important}
body[data-studio-page] .sv-account-avatar{display:none!important}
body[data-studio-page] #sv-message{max-width:100%!important;margin:0!important}
body[data-studio-page] section[data-panel]{
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:0!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important
}
body[data-studio-page] section[data-panel][hidden]{display:none!important}
body[data-studio-page] section[data-panel]>.sv-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;width:100%!important;min-height:0!important;max-width:100%!important;
  padding:2px 0 9px!important;margin:0 0 12px!important;
  border:0!important;border-bottom:1px solid #6f5794!important;background:transparent!important
}
body[data-studio-page] section[data-panel]>.sv-heading h2{
  padding:0!important;margin:0!important;
  font-size:clamp(18px,1.6vw,23px)!important;line-height:1.25!important;
  letter-spacing:-.02em!important
}
body[data-studio-page] section[data-panel]>.sv-heading p{font-size:11px!important;margin:3px 0 0!important}
body[data-studio-page] section[data-panel]>.sv-heading .sv-heading-icon{
  font-size:19px!important;min-width:0!important;min-height:0!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important
}
body[data-studio-page="characters"] .sv-character-workspace{gap:11px!important}
body[data-studio-page="characters"] .sv-character-worktop{
  margin:0!important;padding:7px 10px!important;min-height:0!important;font-size:11px!important;border-radius:9px!important
}
body[data-studio-page="characters"] .sv-character-workgrid{gap:12px!important}
body[data-studio-page="characters"] .sv-character-editor,
body[data-studio-page="characters"] .sv-character-preview{padding:13px!important;gap:8px!important;border-radius:12px!important}
body[data-studio-page="characters"] .sv-character-preview-frame{min-height:300px!important;max-height:550px!important}
body[data-studio-page="characters"] .sv-character-saved{margin:10px 0!important;padding:12px!important;border-radius:12px!important}
body[data-studio-page="account"] .sv-account-toolbar{padding:12px!important;gap:9px!important;border-radius:11px!important}
body[data-studio-page="account"] .sv-account-filters{margin:9px 0!important;padding:5px 0!important;gap:5px!important}
body[data-studio-page="account"] .sv-account-filters button{padding:7px 10px!important;font-size:11px!important;border-radius:8px!important}
body[data-studio-page="video"] .sv-review-step-head{
  position:static!important;top:auto!important;
  padding:8px 11px!important;margin:0 0 12px!important;
  border-radius:10px!important;gap:8px!important;box-shadow:none!important
}
body[data-studio-page="video"] .sv-review-step-head>strong{font-size:12px!important}
body[data-studio-page="video"] .sv-review-step-nav{gap:4px!important}
body[data-studio-page="video"] .sv-review-step-nav button{padding:5px 8px!important;min-height:29px!important;font-size:10px!important}
body[data-studio-page="video"] .sv-review-step-nav button b{height:19px!important;width:19px!important}
body[data-studio-page="video"] .sv-review-heading h3{font-size:17px!important}
body[data-studio-page="video"] .sv-review-panel{gap:11px!important}
body[data-studio-page="video"] .sv-review-scene-card{padding:12px!important}
body[data-studio-page="video"] .sv-review-footer{padding:9px 12px!important;border-radius:10px!important}
body[data-studio-page="images"] #sv-image-layout-shell{width:100%!important;max-width:100%!important;min-height:0!important}
@media(max-width:670px){
 body[data-studio-page] .sv-head{flex-wrap:wrap!important}
 body[data-studio-page] .sv-head .sv-projectbar{max-width:180px!important}
 body[data-studio-page] .sv-mode-shortcuts{width:100%!important;justify-content:center!important}
 body[data-studio-page] .sv-mode-shortcuts-tabs{justify-content:center!important}
 body[data-studio-page] .sv-mode-shortcuts-tabs button{padding:5px 7px!important;font-size:10px!important}
}