/* Compass Creative Studio: six standalone page designs, one shared project.
 * All rules are scoped to data-studio-page, preserving the legacy page.
 */
body[data-studio-page]{
 --studio-page-border:#6e518e;
 background:radial-gradient(ellipse at 7% 2%,#26143e 0%,transparent 38%),radial-gradient(ellipse at 99% 14%,#10334d 0%,transparent 44%),#090c19!important;
 color:#f5ecff!important;
}
body[data-studio-page] .sv-app{width:100%!important;max-width:none!important;margin:0!important;min-height:100vh!important;overflow-x:clip!important;}
body[data-studio-page] .sv-head{position:sticky!important;top:0!important;z-index:200!important;backdrop-filter:blur(22px)!important;background:linear-gradient(110deg,#171126ed,#101a2ded)!important;border-bottom:1px solid #744da375!important;box-shadow:0 8px 24px #07051f90!important}
body[data-studio-page] .sv-production-shell{max-width:none!important;width:100%!important;padding:0 28px 44px!important;}
body[data-studio-page] .sv-grid{display:block!important;width:100%!important;max-width:1700px!important;margin:0 auto!important;grid-template-columns:none!important;}
body[data-studio-page] .sv-steps,body[data-studio-page] .sv-inspector{display:none!important;}
body[data-studio-page] .sv-content{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;}
body[data-studio-page] .sv-mode-shortcuts{display:flex!important;position:sticky!important;top:60px!important;z-index:180!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:11px 17px!important;border:1px solid #74539977!important;border-radius:0 0 16px 16px!important;background:linear-gradient(95deg,#211532f0,#162038f0)!important;backdrop-filter:blur(20px)!important;box-shadow:0 10px 30px #05031566!important;margin:0 0 22px!important;}
body[data-studio-page] .sv-mode-shortcuts-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;}
body[data-studio-page] .sv-mode-shortcuts-tabs button,body[data-studio-page] #sv-account-open{border:1px solid #765e9c!important;background:linear-gradient(160deg,#44305d,#292342)!important;color:#f0deff!important;border-radius:12px!important;font:850 12px/1.35 system-ui,sans-serif!important;padding:10px 15px!important;min-height:39px!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:inset 0 1px #ffffff3d,0 3px 9px #1208216b!important;}
body[data-studio-page] .sv-mode-shortcuts-tabs button.is-active{background:linear-gradient(135deg,#a34ccf,#6048c7 55%,#177cb7)!important;border-color:#ceadff!important;box-shadow:inset 0 1px #fff9,0 0 20px #ad70ee77!important;color:#fff!important;}
body[data-studio-page] #sv-account-open{display:flex!important;align-items:center!important;gap:10px!important;border-color:#a875dc!important}
body[data-studio-page] #sv-account-open.is-active{background:linear-gradient(125deg,#7955ba,#2267b6)!important}
body[data-studio-page] .sv-account-avatar{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#cdaef1!important;color:#36224b!important;}
body[data-studio-page] .sv-mode-account{margin-left:auto!important;}
body[data-studio-page] #sv-message{max-width:1200px!important;margin:0 auto 12px!important;}
body[data-studio-page] section[data-panel]{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
body[data-studio-page] section[data-panel][hidden]{display:none!important;}
body[data-studio-page] section[data-panel]>.sv-heading{width:100%!important;max-width:1650px!important;margin:0 auto 18px!important;}
body[data-studio-page] section[data-panel]>.sv-heading h2{color:#fff2ff!important;}
body[data-studio-page] .sv-head-actions .sv-workspace-tag{display:none!important;}
body[data-studio-page] .sv-head-active{display:none!important;}
body[data-studio-page] .sv-save-indicator{color:#c9b7ee!important}
body[data-studio-page="story"] section[data-panel="story"]{width:min(1300px,100%)!important;margin:0 auto!important}
body[data-studio-page="story"] #sv-manuscript{min-height:250px!important;font-size:15px!important;line-height:1.7!important}
body[data-studio-page="story"] .sv-upload-card{background:linear-gradient(130deg,#231a36,#121d2e)!important;border:1px solid #684b8d!important;}
body[data-studio-page="images"] #sv-image-layout-shell{width:100%!important;max-width:none!important;}
body[data-studio-page="images"] #sv-image-workstage{min-width:0!important;}
body[data-studio-page="video"] section[data-panel="video"]>.sv-heading{display:none!important;}
body[data-studio-page="video"] .sv-video-review-wizard{width:min(1500px,100%)!important;max-width:1500px!important;margin:auto!important;}
body[data-studio-page="video"] #sv-video-working-layout{width:100%!important;max-width:1600px!important;margin:0 auto!important;}
body[data-studio-page="music"] section[data-panel="music"]{width:100%!important;margin:auto!important;}
body[data-studio-page="music"] #sv-music-frame{width:100%!important;max-width:100%!important;min-height:690px!important;border:1px solid #6b4798!important;border-radius:16px!important;background:#111326!important;}
/* CHARACTER CREATOR — large primary preview, generous prompt editor and visual cast cards */
body[data-studio-page="characters"] .sv-character-workspace{display:flex!important;flex-direction:column!important;gap:15px!important;width:min(1600px,100%)!important;margin:0 auto!important;color:#f4e8ff!important;}
body[data-studio-page="characters"] .sv-character-workspace[hidden]{display:none!important;}
body[data-studio-page="characters"] .sv-character-workspace .sv-heading p{font-size:13px!important;color:#ccb5de!important;}
body[data-studio-page="characters"] .sv-character-worktop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:13px 17px!important;border:1px solid #79509c!important;border-radius:12px!important;background:linear-gradient(120deg,#3a2050,#18253e)!important;font:800 12px system-ui!important;color:#f4dfff!important;}
body[data-studio-page="characters"] .sv-character-workgrid{display:grid!important;grid-template-columns:minmax(330px,.85fr) minmax(360px,1.3fr)!important;gap:18px!important;align-items:stretch!important;}
body[data-studio-page="characters"] .sv-character-editor,body[data-studio-page="characters"] .sv-character-preview{display:flex!important;flex-direction:column!important;gap:11px!important;padding:20px!important;border:1px solid #79549b!important;border-radius:18px!important;background:linear-gradient(150deg,#272039,#121c2d)!important;box-shadow:0 12px 30px #05051988!important;min-width:0!important;}
body[data-studio-page="characters"] .sv-character-editor label{color:#e3ceff!important;font:800 12px system-ui!important;}
body[data-studio-page="characters"] .sv-character-editor input,body[data-studio-page="characters"] .sv-character-editor select,body[data-studio-page="characters"] .sv-character-editor textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #8c65a8!important;border-radius:10px!important;background:#131729!important;color:#f5efff!important;padding:11px 13px!important;font:13px/1.55 system-ui!important;min-height:41px!important;}
body[data-studio-page="characters"] .sv-character-editor textarea{resize:vertical!important;min-height:175px!important;}
body[data-studio-page="characters"] .sv-character-handle{font:800 12px system-ui!important;color:#95eaff!important;}
body[data-studio-page="characters"] .sv-character-work-actions,body[data-studio-page="characters"] .sv-character-preview-buttons{display:flex!important;gap:9px!important;flex-wrap:wrap!important;}
body[data-studio-page="characters"] .sv-character-work-actions button,body[data-studio-page="characters"] .sv-character-preview-buttons button{flex:1 1 150px!important;font:800 12px system-ui!important;min-height:43px!important;}
body[data-studio-page="characters"] .sv-character-preview-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;font:850 12px system-ui!important;color:#ead6ff!important;}
body[data-studio-page="characters"] .sv-character-preview-top span{color:#bbaed0!important;font-size:11px!important;}
body[data-studio-page="characters"] .sv-character-preview-frame{display:grid!important;place-items:center!important;flex:1 1 auto!important;min-height:420px!important;max-height:680px!important;background:radial-gradient(circle at 50% 35%,#26384b,#0c1022 68%)!important;border:1px solid #654d89!important;border-radius:14px!important;overflow:hidden!important;}
body[data-studio-page="characters"] .sv-character-preview-frame img{display:block!important;width:100%!important;height:100%!important;max-height:660px!important;object-fit:contain!important;}
body[data-studio-page="characters"] .sv-character-preview-frame img[hidden],body[data-studio-page="characters"] #sv-character-work-placeholder[hidden]{display:none!important;}
body[data-studio-page="characters"] #sv-character-work-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;color:#cab6e3!important;text-align:center!important;}
body[data-studio-page="characters"] #sv-character-work-placeholder>span{font-size:80px!important;color:#a779ed!important;}
body[data-studio-page="characters"] #sv-character-work-placeholder strong{font-size:17px!important;color:#f6eaff!important;}
body[data-studio-page="characters"] #sv-character-work-placeholder small{font-size:12px!important;}
body[data-studio-page="characters"] .sv-character-saved{padding:18px!important;background:linear-gradient(160deg,#231b35,#131d2d)!important;border:1px solid #75508d!important;border-radius:17px!important;}
body[data-studio-page="characters"] .sv-character-saved-header{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;margin-bottom:14px!important;}
body[data-studio-page="characters"] .sv-character-saved-header h3{margin:0!important;color:#f5e8ff!important;}
body[data-studio-page="characters"] .sv-character-saved-header span{font:750 12px system-ui!important;color:#c4b2df!important;}
body[data-studio-page="characters"] .sv-character-work-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;gap:15px!important;}
body[data-studio-page="characters"] .sv-character-saved-card{overflow:hidden!important;border:1px solid #765597!important;border-radius:13px!important;background:linear-gradient(#302044,#161b2d)!important;}
body[data-studio-page="characters"] .sv-character-saved-figure{display:grid!important;place-items:center!important;aspect-ratio:3/4!important;background:#171529!important;color:#af90df!important;font-size:60px!important;}
body[data-studio-page="characters"] .sv-character-saved-figure img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body[data-studio-page="characters"] .sv-character-saved-info{display:flex!important;flex-direction:column!important;gap:6px!important;padding:12px!important;}
body[data-studio-page="characters"] .sv-character-saved-info strong{font:850 13px system-ui!important;color:#fff!important;}
body[data-studio-page="characters"] .sv-character-saved-info small{font:800 11px system-ui!important;color:#9aeaff!important;}
body[data-studio-page="characters"] .sv-character-saved-info button{font-size:11px!important;min-height:34px!important;}
body[data-studio-page="characters"] .sv-character-empty{color:#c3b1df!important;font-size:13px!important;}
/* MY PROJECTS — original Compass style with image-first project cards */
body[data-studio-page="account"] .sv-account-workspace{display:flex!important;flex-direction:column!important;gap:18px!important;max-width:1660px!important;margin:0 auto!important;color:#f3eaff!important;}
body[data-studio-page="account"] .sv-account-workspace[hidden]{display:none!important;}
body[data-studio-page="account"] .sv-account-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding:20px!important;border:1px solid #6b528e!important;border-radius:15px!important;background:linear-gradient(125deg,#30203d,#19283c)!important;}
body[data-studio-page="account"] .sv-account-toolbar>div:first-child{display:flex!important;flex-direction:column!important;gap:6px!important;}
body[data-studio-page="account"] .sv-account-toolbar strong{font:850 17px system-ui!important;color:#f7edff!important;}
body[data-studio-page="account"] .sv-account-toolbar span{font:700 12px system-ui!important;color:#b8a9d7!important;}
body[data-studio-page="account"] .sv-account-toolbar-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
body[data-studio-page="account"] .sv-account-toolbar-actions button{font:800 12px system-ui!important;min-height:42px!important;}
body[data-studio-page="account"] .sv-account-filters{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding-bottom:12px!important;border-bottom:1px solid #6f578a!important;}
body[data-studio-page="account"] .sv-account-filters button{border:1px solid transparent!important;border-radius:9px!important;padding:9px 14px!important;background:transparent!important;color:#b9a9ce!important;cursor:pointer!important;font:850 12px system-ui!important;}
body[data-studio-page="account"] .sv-account-filters button.is-active{border-color:#9c70d9!important;background:linear-gradient(120deg,#674a9d,#283a75)!important;color:#fff!important;}
body[data-studio-page="account"] .sv-account-statline{font:750 12px system-ui!important;color:#d2bdea!important;}
body[data-studio-page="account"] .sv-account-project-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;gap:16px!important;}
body[data-studio-page="account"] .sv-account-project-card{overflow:hidden!important;display:flex!important;flex-direction:column!important;border-radius:14px!important;border:1px solid #74558f!important;background:linear-gradient(#29203d,#171b2e)!important;min-height:280px!important;box-shadow:0 8px 24px #090a1b70!important;}
body[data-studio-page="account"] .sv-account-project-cover{display:grid!important;place-items:center!important;position:relative!important;aspect-ratio:16/10!important;background:linear-gradient(140deg,#38224d,#0d2440)!important;overflow:hidden!important;color:#b68aeb!important;font-size:58px!important;}
body[data-studio-page="account"] .sv-account-project-cover img{width:100%!important;height:100%!important;object-fit:cover!important;}
body[data-studio-page="account"] .sv-account-project-status{position:absolute!important;right:9px!important;top:9px!important;padding:5px 9px!important;border-radius:7px!important;background:#22182eca!important;color:#eddbff!important;font:800 10px system-ui!important;}
body[data-studio-page="account"] .sv-account-project-body{display:flex!important;flex:1!important;flex-direction:column!important;gap:7px!important;padding:14px!important;}
body[data-studio-page="account"] .sv-account-project-body strong{color:#fff!important;font:850 13px system-ui!important;}
body[data-studio-page="account"] .sv-account-project-body small,body[data-studio-page="account"] .sv-account-project-body>span{color:#bbaed4!important;font:700 11px system-ui!important;}
body[data-studio-page="account"] .sv-account-project-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:5px!important;}
body[data-studio-page="account"] .sv-account-project-actions button{font:850 11px system-ui!important;cursor:pointer!important;padding:8px 10px!important;min-height:32px!important;border-radius:8px!important;background:linear-gradient(125deg,#4b3b6c,#263a63)!important;color:#f3e9ff!important;border:1px solid #886da4!important;}
body[data-studio-page="account"] .sv-account-project-actions button.primary{background:linear-gradient(120deg,#8454ce,#306dc4)!important;border-color:#bd9dfb!important;}
body[data-studio-page="account"] .sv-account-empty{padding:40px!important;text-align:center!important;border:1px dashed #78568f!important;border-radius:17px!important;background:#1c1a2d!important;color:#baa8cf!important;font:700 14px system-ui!important;}
@media(max-width:960px){
 body[data-studio-page] .sv-production-shell{padding:0 11px 25px!important;}
 body[data-studio-page] .sv-mode-shortcuts{top:52px!important;padding:8px!important;}
 body[data-studio-page] .sv-mode-shortcuts-tabs button{font-size:10px!important;padding:8px 10px!important;}
 body[data-studio-page="characters"] .sv-character-workgrid{grid-template-columns:minmax(0,1fr)!important;}
 body[data-studio-page="characters"] .sv-character-preview-frame{min-height:320px!important;}
}
@media(max-width:560px){
 body[data-studio-page] .sv-head{position:relative!important;}
 body[data-studio-page] .sv-mode-shortcuts{position:relative!important;top:0!important;}
 body[data-studio-page] .sv-head .sv-projectbar{display:none!important;}
 body[data-studio-page] .sv-mode-shortcuts-tabs{width:100%!important;justify-content:center!important;}
 body[data-studio-page] .sv-mode-shortcuts-tabs button{flex:1 1 auto!important;}
 body[data-studio-page] .sv-mode-account{width:100%!important;}
 body[data-studio-page] #sv-account-open{width:100%!important;justify-content:center!important;}
}

/* Video storyboard: reference-style shot rail, cinematic monitor, inspector. */
body[data-studio-page="video"] .sv-review-editor-grid{display:grid!important;grid-template-columns:195px minmax(0,1fr) 280px!important;gap:14px!important;align-items:stretch!important;min-height:680px!important;}
body[data-studio-page="video"] .sv-review-filmstrip-wrap,body[data-studio-page="video"] .sv-review-monitor,body[data-studio-page="video"] .sv-review-shot-inspector{background:linear-gradient(150deg,#1d1a2b,#101726)!important;border:1px solid #654d82!important;border-radius:13px!important;min-width:0!important;overflow:hidden!important;}
body[data-studio-page="video"] .sv-review-filmstrip-wrap{display:flex!important;flex-direction:column!important;gap:7px!important;padding:10px!important;}
body[data-studio-page="video"] .sv-review-filmstrip-title{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 4px!important;color:#ecd6ff!important;font:850 11px system-ui!important;}
body[data-studio-page="video"] .sv-review-shot-filmstrip{display:flex!important;flex-direction:column!important;gap:9px!important;max-height:690px!important;overflow-y:auto!important;scrollbar-width:thin!important;padding:2px!important;}
body[data-studio-page="video"] .sv-review-filmstrip-shot{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;cursor:pointer!important;text-align:left!important;border:1px solid #5a476f!important;border-radius:10px!important;padding:6px!important;color:#e4d8f5!important;background:#121a2d!important;}
body[data-studio-page="video"] .sv-review-filmstrip-shot.is-current{border-color:#69d4ff!important;box-shadow:0 0 0 1px #65bdf5aa,0 5px 16px #53aeef44!important;background:#1d263d!important;}
body[data-studio-page="video"] .sv-review-filmstrip-picture{aspect-ratio:16/9!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:#0a1020!important;color:#8c73c3!important;font-size:32px!important;overflow:hidden!important;}
body[data-studio-page="video"] .sv-review-filmstrip-picture img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body[data-studio-page="video"] .sv-review-filmstrip-label{display:flex!important;align-items:center!important;gap:9px!important;padding:3px 1px!important;}
body[data-studio-page="video"] .sv-review-filmstrip-label strong{color:#bcecff!important;font:850 12px system-ui!important;}
body[data-studio-page="video"] .sv-review-filmstrip-label small{color:#b9aed0!important;font:750 10px system-ui!important;}
body[data-studio-page="video"] .sv-review-monitor{display:flex!important;flex-direction:column!important;min-height:600px!important;}
body[data-studio-page="video"] .sv-review-monitor-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;padding:12px 15px!important;border-bottom:1px solid #58466d!important;font:800 12px system-ui!important;color:#d8c1f0!important;}
body[data-studio-page="video"] .sv-review-monitor-picture{flex:1 1 auto!important;display:grid!important;place-items:center!important;background:radial-gradient(circle,#253049,#070d18 80%)!important;min-height:380px!important;overflow:hidden!important;}
body[data-studio-page="video"] .sv-review-monitor-picture img{width:100%!important;max-height:670px!important;height:100%!important;object-fit:contain!important;display:block!important;}
body[data-studio-page="video"] #sv-review-monitor-image[hidden],body[data-studio-page="video"] #sv-review-monitor-empty[hidden]{display:none!important;}
body[data-studio-page="video"] #sv-review-monitor-empty{display:flex!important;flex-direction:column!important;gap:13px!important;text-align:center!important;align-items:center!important;color:#9d82c7!important;font-size:85px!important;}
body[data-studio-page="video"] #sv-review-monitor-empty span{font-size:13px!important;color:#c6b5e0!important;}
body[data-studio-page="video"] .sv-review-monitor-caption{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:17px!important;border-top:1px solid #59486d!important;background:#232031!important;}
body[data-studio-page="video"] .sv-review-monitor-caption strong{font:800 13px/1.5 system-ui!important;color:#f3e6ff!important;min-width:0!important;}
body[data-studio-page="video"] .sv-review-monitor-caption small{color:#ffe09d!important;white-space:nowrap!important;font:850 11px system-ui!important;}
body[data-studio-page="video"] .sv-review-shot-inspector{display:flex!important;flex-direction:column!important;gap:11px!important;padding:17px!important;}
body[data-studio-page="video"] .sv-review-shot-inspector>strong,body[data-studio-page="video"] .sv-review-shot-inspector label{color:#f1dcff!important;font:850 12px system-ui!important;}
body[data-studio-page="video"] .sv-review-shot-inspector textarea{box-sizing:border-box!important;width:100%!important;min-height:180px!important;resize:vertical!important;padding:10px!important;border:1px solid #765c9a!important;border-radius:9px!important;background:#111829!important;color:#f5ecff!important;font:12px/1.6 system-ui!important;}
body[data-studio-page="video"] .sv-review-inspector-cast{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-height:200px!important;overflow-y:auto!important;}
body[data-studio-page="video"] .sv-review-cast-option{display:flex!important;align-items:center!important;gap:4px!important;padding:7px 8px!important;background:#2c2241!important;border:1px solid #64508b!important;border-radius:8px!important;font:750 10px system-ui!important;color:#e8daff!important;}
body[data-studio-page="video"] .sv-review-no-cast,body[data-studio-page="video"] .sv-review-inspector-mentions{font:750 11px/1.5 system-ui!important;color:#cab5e7!important;}
body[data-studio-page="video"] .sv-review-shot-inspector button{width:100%!important;min-height:40px!important;font-size:11px!important;}
body[data-studio-page="video"] .sv-review-shot-inspector>small{font:700 10px/1.5 system-ui!important;color:#bdabd4!important;}
@media(max-width:1200px){body[data-studio-page="video"] .sv-review-editor-grid{grid-template-columns:150px minmax(0,1fr) 230px!important;}}
@media(max-width:850px){body[data-studio-page="video"] .sv-review-editor-grid{grid-template-columns:110px minmax(0,1fr)!important;}body[data-studio-page="video"] .sv-review-shot-inspector{grid-column:1/-1!important;}body[data-studio-page="video"] .sv-review-filmstrip-picture{aspect-ratio:1.6!important;}}
@media(max-width:500px){body[data-studio-page="video"] .sv-review-editor-grid{grid-template-columns:1fr!important;}body[data-studio-page="video"] .sv-review-shot-filmstrip{flex-direction:row!important;max-height:200px!important;overflow-x:auto!important;}body[data-studio-page="video"] .sv-review-filmstrip-shot{min-width:120px!important;width:120px!important;}body[data-studio-page="video"] .sv-review-shot-inspector{grid-column:auto!important;}}

/* v3 — compact single toolbar. The old double-header and large banners were wasting
   space on standalone pages. Keep the original editor internals and jelly buttons. */
body[data-studio-page] .sv-head,
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-app{padding:0!important;max-width:none!important;min-height:100dvh!important;}
body[data-studio-page] .sv-production-shell{padding:0 14px 16px!important;margin:0!important;max-width:none!important;}
body[data-studio-page] .sv-production-shell .sv-grid{display:block!important;max-width:1700px!important;width:100%!important;margin:0 auto!important;min-height:0!important;}
body[data-studio-page] .sv-production-shell .sv-content{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;min-height:0!important;overflow:visible!important;}
body[data-studio-page] .sv-mode-shortcuts{
 display:flex!important;position:sticky!important;top:0!important;z-index:250!important;
 box-sizing:border-box!important;width:100%!important;max-width:1700px!important;
 min-height:48px!important;height:auto!important;max-height:none!important;
 padding:5px 11px!important;margin:0 auto 11px!important;
 gap:9px!important;align-items:center!important;justify-content:flex-start!important;
 border:1px solid #6d5686!important;border-top:0!important;border-radius:0 0 11px 11px!important;
 background:linear-gradient(100deg,#211833f5,#172039f5)!important;
 box-shadow:0 6px 15px #07051444!important;backdrop-filter:blur(16px)!important;
}
body[data-studio-page] .sv-compact-brand{
 display:flex!important;align-items:center!important;gap:6px!important;
 flex:0 0 auto!important;white-space:nowrap!important;text-decoration:none!important;
 font:850 12px/1.1 system-ui,sans-serif!important;color:#fff!important;
 padding:0 10px 0 1px!important;
 border-right:1px solid #6a4f83!important;
}
body[data-studio-page] .sv-compact-brand em{font-style:normal!important;color:#e8b8ff!important;}
body[data-studio-page] .sv-compact-mark{
 width:26px!important;height:26px!important;display:grid!important;place-items:center!important;
 border-radius:8px!important;color:white!important;font-size:17px!important;
 background:linear-gradient(135deg,#bf6aff,#6c4bb7 60%,#2cb2dd)!important;
 box-shadow:inset 0 1px #fff9,0 2px 7px #c06ae05c!important;
}
body[data-studio-page] .sv-mode-shortcuts-tabs{
 display:flex!important;flex:1 1 auto!important;align-items:center!important;
 gap:4px!important;flex-wrap:nowrap!important;min-width:0!important;
 width:auto!important;grid-template-columns:none!important;
 overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;
}
body[data-studio-page] .sv-mode-shortcuts-tabs::-webkit-scrollbar{display:none!important;}
body[data-studio-page] .sv-mode-shortcuts-tabs button,
body[data-studio-page] #sv-account-open,
body[data-studio-page] #sv-quick-save{
 box-sizing:border-box!important;min-width:0!important;flex:0 0 auto!important;
 min-height:31px!important;height:33px!important;width:auto!important;
 margin:0!important;padding:5px 9px!important;
 border-radius:8px!important;border:1px solid #715787!important;
 background:linear-gradient(150deg,#3b2952,#2b2445)!important;
 color:#f5e7ff!important;white-space:nowrap!important;
 font:800 11px/1.2 system-ui,sans-serif!important;
 box-shadow:inset 0 1px #ffffff3b,0 2px 4px #1009184d!important;
 cursor:pointer!important;
}
body[data-studio-page] .sv-mode-shortcuts-tabs button.is-active{
 border-color:#dab1fc!important;color:#fff!important;
 background:linear-gradient(140deg,#9b5bcb,#6546b3 60%,#336cb4)!important;
 box-shadow:inset 0 1px #ffffff9a,0 2px 8px #925ac369!important;
}
body[data-studio-page] .sv-mode-shortcuts-tabs button span{font-size:12px!important;}
body[data-studio-page] .sv-mode-account{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 gap:5px!important;min-width:0!important;width:auto!important;margin-left:auto!important;
}
body[data-studio-page] #sv-quick-save{
 border-color:#638c97!important;
 background:linear-gradient(155deg,#2e5c73,#293552)!important;
}
body[data-studio-page] #sv-account-open{display:flex!important;gap:4px!important;}
body[data-studio-page] #sv-account-open strong{font:inherit!important;}
body[data-studio-page] #sv-account-open.is-active{border-color:#c7a3f0!important;background:linear-gradient(140deg,#744caf,#304f9b)!important;}
/* The message area is a brief toast, not another permanent full-width bar. */
body[data-studio-page] .sv-message:not(.is-visible){display:none!important;}
body[data-studio-page] .sv-message.is-visible{
 display:block!important;position:fixed!important;z-index:300!important;
 bottom:16px!important;left:50%!important;transform:translateX(-50%)!important;
 max-width:min(520px,calc(100vw - 30px))!important;width:max-content!important;
 margin:0!important;padding:9px 12px!important;border-radius:9px!important;
 background:#211933f5!important;border:1px solid #9c77be!important;
 color:#f3e6ff!important;box-shadow:0 6px 24px #060315a0!important;
 font:750 12px/1.5 system-ui!important;
}
body[data-studio-page] .sv-production-shell section[data-panel]{margin:0!important;min-height:0!important;}
body[data-studio-page] .sv-production-shell section[data-panel]>.sv-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:0!important;height:auto!important;margin:0 0 9px!important;
 padding:0 3px!important;gap:10px!important;
}
body[data-studio-page] .sv-production-shell section[data-panel]>.sv-heading h2{
 font-size:19px!important;line-height:1.25!important;margin:0!important;letter-spacing:-.01em!important;
}
body[data-studio-page] .sv-production-shell section[data-panel]>.sv-heading p{
 font-size:11px!important;line-height:1.4!important;margin:2px 0 0!important;
}
body[data-studio-page] .sv-production-shell section[data-panel]>.sv-heading-icon,
body[data-studio-page] .sv-production-shell section[data-panel]>.sv-heading .sv-heading-icon{
 width:32px!important;height:32px!important;min-height:0!important;font-size:15px!important;
}
body[data-studio-page] .sv-production-shell .sv-panel{
 margin:0!important;min-height:0!important;height:auto!important;
 padding:8px 11px 13px!important;
 border-radius:10px!important;
 background:linear-gradient(155deg,#1e192ab0,#161a2bc7)!important;
 border:1px solid #58466a88!important;box-shadow:none!important;
}
body[data-studio-page="images"] #sv-image-layout-shell{margin-top:0!important;padding:0!important;}
body[data-studio-page="images"] .sv-image-layout{min-height:0!important;}
body[data-studio-page="video"] .sv-video-review-wizard{margin:0 auto!important;}
body[data-studio-page="video"] .sv-review-step-head{
 margin:0 0 10px!important;padding:7px 11px!important;
 min-height:40px!important;box-shadow:none!important;border-radius:9px!important;
}
body[data-studio-page="video"] .sv-review-step-nav button{
 min-height:30px!important;padding:4px 7px!important;font-size:11px!important;
}
body[data-studio-page="video"] .sv-review-step-nav button b{width:20px!important;height:20px!important;font-size:10px!important;}
body[data-studio-page="characters"] .sv-character-worktop{padding:7px 10px!important;min-height:30px!important;border-radius:8px!important;font-size:11px!important;}
body[data-studio-page="characters"] .sv-character-workspace{gap: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;border-radius:12px!important;}
body[data-studio-page="account"] .sv-account-workspace{gap:12px!important;}
body[data-studio-page="account"] .sv-account-toolbar{padding:12px!important;border-radius:10px!important;}
body[data-studio-page="account"] .sv-account-project-gallery{gap:12px!important;}
/* Dock is relevant only to the Music and Video pages; don't consume space elsewhere. */
body[data-studio-page="story"] .sv-dock,
body[data-studio-page="characters"] .sv-dock,
body[data-studio-page="images"] .sv-dock,
body[data-studio-page="account"] .sv-dock{display:none!important;}
body:not([data-studio-page]) .sv-compact-brand,
body:not([data-studio-page]) #sv-quick-save{display:none!important;}
@media(max-width:750px){
 body[data-studio-page] .sv-production-shell{padding:0 7px 14px!important;}
 body[data-studio-page] .sv-mode-shortcuts{padding:4px 6px!important;gap:5px!important;}
 body[data-studio-page] .sv-compact-brand{padding-right:4px!important;font-size:0!important;}
 body[data-studio-page] .sv-compact-brand strong{display:none!important;}
 body[data-studio-page] .sv-mode-shortcuts-tabs{gap:3px!important;}
 body[data-studio-page] .sv-mode-shortcuts-tabs button{padding:5px 7px!important;font-size:10px!important;}
 body[data-studio-page] .sv-mode-account{gap:3px!important;}
 body[data-studio-page] #sv-account-open,
 body[data-studio-page] #sv-quick-save{padding:4px 6px!important;font-size:10px!important;}
}
@media(max-width:470px){
 body[data-studio-page] .sv-mode-shortcuts{flex-wrap:nowrap!important;}
 body[data-studio-page] .sv-mode-account{margin-left:0!important;}
 body[data-studio-page] #sv-account-open strong{display:none!important;}
}