/* The signed-in studio inherits the picture-house palette and control owners. */
:root{--studio-sidebar-width:248px;--studio-white:#fff;--studio-mint:#dff1e9;--studio-blue-soft:#edf3ff;--studio-shadow:0 10px 32px rgb(25 43 69 / 5%)}
[hidden]{display:none!important}
.has-studio-workspace{padding-left:var(--studio-sidebar-width)}
.studio-sidebar{position:fixed;inset:0 auto 0 0;width:var(--studio-sidebar-width);height:100dvh;display:flex;flex-direction:column;background:var(--studio-white);border-right:1px solid var(--line);padding:22px 20px calc(18px + env(safe-area-inset-bottom));overflow:auto;z-index:20;scrollbar-gutter:stable}
.sidebar-brand{display:block;align-self:center;width:156px;height:156px;flex-shrink:0;border-radius:18px;transition:transform .18s}
.sidebar-brand:hover{transform:translateY(-2px)}
.sidebar-brand img{display:block;width:100%;height:100%;object-fit:contain}
.sidebar-caption{text-align:center;color:var(--muted);font-size:11px;margin:0 0 29px;line-height:1.5}
.sidebar-navigation{display:grid;gap:7px}
.sidebar-navigation a{position:relative;display:flex;align-items:center;gap:13px;min-height:48px;padding:13px 15px;border-radius:14px;font-size:14px;font-weight:600;color:var(--muted);transition:background .18s,color .18s}
.sidebar-navigation .ui-icon{width:20px;height:20px}
.sidebar-navigation a:hover{background:var(--paper);color:var(--ink)}
.sidebar-navigation a[aria-current=page]{background:var(--studio-blue-soft);color:var(--accent)}
.sidebar-navigation a[aria-current=page]:before{content:"";height:18px;width:3px;background:var(--accent);border-radius:3px;position:absolute;left:5px;margin:0}
.sidebar-navigation a:active{background:var(--soft)}
.sidebar-bottom{margin-top:auto;padding-top:48px}
.sidebar-credit-card{border:1px solid var(--line);background:var(--paper);border-radius:21px;padding:17px;box-shadow:var(--studio-shadow)}
.sidebar-balance{border:0;background:transparent;text-align:left;width:100%;padding:0;display:grid;gap:11px;border-radius:6px}
.sidebar-balance:hover .sidebar-credit-label{color:var(--accent)}
.sidebar-credit-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}
.sidebar-credit-number{display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--muted)}
.sidebar-credit-number strong{font:750 37px/1.05 var(--display);letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums}
.sidebar-credit-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px;min-height:32px}
.sidebar-upgrade{width:100%;margin-top:13px;min-height:43px;padding:10px 15px;font-size:12px;gap:12px}
.sidebar-account{display:flex;align-items:center;gap:9px;margin-top:19px;min-width:0}
.sidebar-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--studio-mint);color:var(--ink)}
.sidebar-account-copy{min-width:0;flex:1}
.sidebar-account-copy strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.5}
.sidebar-account-copy small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}
.sidebar-account .icon-button{flex-shrink:0;width:34px;height:38px;border:0;background:transparent;color:var(--muted)}
.sidebar-account .icon-button:hover{background:var(--soft);color:var(--ink)}
.sidebar-account-error{font-size:11px;color:var(--ink);line-height:1.5;margin-top:7px}
.sidebar-legal{display:flex;gap:12px;font-size:10px;color:var(--muted);margin-top:15px}
.sidebar-legal a:hover{text-decoration:underline;color:var(--accent)}
.sidebar-close{display:none}
.workspace-topbar{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 42px;border-bottom:1px solid var(--line);min-height:83px}
.workspace-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.workspace-breadcrumb strong{color:var(--ink);font-weight:600}
.workspace-private{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.workspace-private .ui-icon{width:15px;height:15px}
.workspace-menu{display:none}
.workspace-content{max-width:1280px;margin:auto;padding:37px 42px 48px;min-height:calc(100dvh - 83px)}
.workspace-page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.workspace-content .workspace-page-heading h1{font:750 clamp(28px,3.1vw,40px)/1.15 var(--display);letter-spacing:-1.5px;margin:8px 0 0}
.workspace-page-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px;max-width:640px}
.workspace-page-heading>.text-button{font-size:12px;white-space:nowrap}
.workspace-heading-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:160px;text-align:right}
.workspace-welcome{position:relative;background:var(--studio-white);border:1px solid var(--line);border-radius:26px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;box-shadow:var(--studio-shadow)}
.workspace-welcome-copy{padding:32px 32px 28px;align-self:center}
.workspace-welcome h2{font:750 clamp(28px,3vw,40px)/1.1 var(--display);letter-spacing:-1.5px;max-width:390px;margin:11px 0 15px}
.workspace-welcome h2 em{color:var(--accent);font-style:normal}
.workspace-welcome-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:330px;color:var(--muted)}
.workspace-welcome-copy .button{margin-top:21px;gap:16px}
.workspace-welcome-footnote{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:14px}
.workspace-welcome-footnote .ui-icon{width:13px;height:13px}
.workspace-welcome-art{position:relative;background:var(--studio-mint);padding:23px 33px 25px;display:grid;place-items:center;min-height:320px}
.workspace-poster{position:relative;width:min(100%,250px);aspect-ratio:4/4.2;margin:0;transform:rotate(3deg);border:6px solid var(--studio-white);border-bottom-width:32px;border-radius:14px;box-shadow:0 8px 22px rgb(25 43 69 / 14%);background:var(--studio-white)}
.workspace-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:7px}
.workspace-poster figcaption{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:9px;color:var(--ink);letter-spacing:.08em;font-weight:700}
.workspace-chorus{position:absolute;bottom:12px;left:13px;padding:13px 17px;border-radius:15px;transform:rotate(-5deg);background:var(--ink);color:var(--studio-white);box-shadow:var(--studio-shadow)}
.workspace-chorus .ui-icon{color:var(--studio-mint);width:17px;height:17px;margin-right:7px;vertical-align:middle}
.workspace-chorus span{font-size:11px;line-height:1.7}
.workspace-pause{display:flex;align-items:center;gap:10px;padding:13px 17px;margin-top:17px;background:var(--studio-blue-soft);border-radius:13px;font-size:12px;line-height:1.7;color:var(--ink)}
.workspace-pause .ui-icon{flex-shrink:0;color:var(--accent)}
.workspace-section{margin-top:33px}
.workspace-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.workspace-section-heading h2{font:700 21px/1.3 var(--display);letter-spacing:-.5px}
.workspace-section-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.workspace-section-heading .text-button{font-size:12px;white-space:nowrap}
.workspace-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.workspace-scene{min-width:0;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--studio-white);text-align:left;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.workspace-scene:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--studio-shadow)}
.workspace-scene:active{transform:translateY(0)}
.workspace-scene-image{display:block;position:relative;aspect-ratio:1.55;overflow:hidden;background:var(--soft)}
.workspace-scene-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .4s}
.workspace-scene:hover .workspace-scene-image>img{transform:scale(1.035)}
.workspace-scene-image>span{position:absolute;top:11px;left:11px;display:flex;align-items:center;gap:5px;background:var(--studio-white);color:var(--ink);padding:5px 8px;border-radius:7px;font-size:9px;font-weight:600}
.workspace-scene-image .ui-icon{width:12px;height:12px}
.workspace-scene-copy{position:relative;display:block;padding:16px 38px 17px 16px}
.workspace-scene-copy strong{display:block;font:700 16px/1.35 var(--display);letter-spacing:-.2px}
.workspace-scene-copy small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:4px}
.workspace-scene-copy>.ui-icon{position:absolute;right:15px;top:19px;width:16px;height:16px;color:var(--accent)}
.workspace-empty{padding:40px 28px;border:1px dashed var(--line);border-radius:20px;background:var(--studio-white);text-align:center}
.workspace-empty h3{font:700 21px/1.4 var(--display);letter-spacing:-.4px}
.workspace-empty p{font-size:13px;color:var(--muted);line-height:1.8;margin:8px 0 15px}
.workspace-empty.compact{display:flex;align-items:center;text-align:left;gap:16px;padding:21px 24px;min-height:112px}
.workspace-empty.compact h3{font-size:16px}
.workspace-empty.compact p{font-size:12px;margin:4px 0 0}
.workspace-empty.compact>a{margin-left:auto;font-size:12px;white-space:nowrap}
.workspace-empty-icon{width:45px;height:45px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:var(--studio-blue-soft);color:var(--accent)}
.workspace-recent-grid{display:grid;gap:12px}
.workspace-recent-film{display:flex;align-items:center;gap:16px;padding:14px 17px;background:var(--studio-white);border:1px solid var(--line);border-radius:16px;text-align:left;width:100%}
.workspace-recent-film:hover{border-color:var(--accent);background:var(--studio-blue-soft)}
.workspace-recent-film img{width:51px;height:62px;object-fit:cover;border-radius:8px;background:var(--soft)}
.workspace-recent-film strong{font-size:14px;line-height:1.5}
.workspace-recent-film small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
.workspace-recent-film>.ui-icon{margin-left:auto;color:var(--accent)}
.workspace-music-note{display:flex;align-items:start;gap:17px;background:var(--studio-mint);border-radius:20px;padding:24px;margin-top:23px}
.workspace-music-note>.ui-icon{width:26px;height:26px;margin-top:2px;color:var(--accent)}
.workspace-music-note h2{font:700 20px/1.35 var(--display);letter-spacing:-.5px}
.workspace-music-note p{font-size:13px;line-height:1.8;color:var(--muted);max-width:650px;margin-top:6px}
.workspace-custom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px;border:1px dashed var(--line);border-radius:20px;margin-top:20px;background:var(--studio-white)}
.workspace-custom h2{font:700 21px/1.4 var(--display);letter-spacing:-.5px}
.workspace-custom p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:5px;max-width:550px}
.workspace-custom .button{white-space:nowrap;gap:11px;flex-shrink:0}
.workspace-connection{border:1px solid var(--line);border-radius:12px;padding:13px 17px;margin-bottom:24px;background:var(--studio-white);font-size:12px;line-height:1.7}
.workspace-connection button{font-size:12px;margin-left:9px}
.workspace-loading{min-height:220px;display:grid;place-items:center;color:var(--muted)}
.workspace-footer{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
.workspace-footer .ui-icon{width:13px;height:13px;color:var(--accent)}
.workspace-credit-link{font-size:12px}
.workspace-content #pricing{padding:0;max-width:none;margin:0}
.workspace-content #pricing>.section-heading,.workspace-content #pricing>.credit-ribbon,.workspace-content #pricing>.credit-intro{display:none}
.workspace-content .credit-membership{margin-top:0}
.workspace-content .credit-offer-heading{align-items:start;flex-wrap:wrap}
.workspace-content .credit-offer-heading .credit-section-title{font-size:24px}
.workspace-content .credit-model p{min-height:4.5em}
.workspace-content .studio-empty{padding:45px 18px}
.workspace-content .studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-content .studio-add{margin-top:25px}
.workspace-content .studio-summary{margin-bottom:20px}
.workspace-content .project-details h3{font-size:23px}
.workspace-content .project-actions{flex-wrap:wrap}
.workspace-content .project-actions .button{padding:9px 12px;min-height:38px}
.workspace-content .project-details .text-button{font-size:11px}
.studio-navigation-dialog{padding:0;border:0;max-height:100dvh;height:100dvh;width:min(300px,calc(100% - 34px));max-width:none;margin:0;border-radius:0 22px 22px 0;overflow:hidden;background:var(--studio-white)}
.studio-navigation-dialog::backdrop{background:rgb(25 43 69 / 35%);backdrop-filter:blur(3px)}
@media(min-width:861px){.studio-sidebar{animation:studio-arrive .35s ease both}.studio-navigation-dialog{display:none}}
@keyframes studio-arrive{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(max-width:1180px) and (min-width:861px){:root{--studio-sidebar-width:224px}.studio-sidebar{padding-inline:16px}.workspace-content{padding:30px 26px 40px}.workspace-topbar{padding-inline:26px}.workspace-welcome-copy{padding:25px}.workspace-welcome-art{padding-inline:22px}.workspace-chorus{left:5px;bottom:20px;padding:10px 12px}.workspace-scene-grid{gap:12px}.workspace-content .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-content .credit-model-grid{grid-template-columns:1fr}.workspace-content .credit-model p{min-height:0}.workspace-content .credit-offer-grid{grid-template-columns:1fr}.workspace-content .credit-offer-grid.is-topups{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-heading-note{display:none}}
@media(max-width:860px){.has-studio-workspace{padding-left:0}.workspace-topbar{padding:14px 24px;min-height:73px;position:sticky;top:0;background:var(--paper);z-index:10}.workspace-menu{display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--studio-white);border-radius:12px;flex-shrink:0;min-width:42px;min-height:42px}.workspace-breadcrumb{margin-right:auto}.workspace-breadcrumb>span{display:none}.workspace-private{font-size:10px}.workspace-private>span{display:none}.studio-navigation-dialog .studio-sidebar{position:relative;inset:auto;width:100%;height:100%;border:0;padding-top:15px}.sidebar-close{display:inline-grid;align-self:end;flex-shrink:0;border:0;background:transparent;margin-bottom:-10px;z-index:1}.sidebar-brand{width:140px;height:140px}.sidebar-caption{margin-bottom:24px}.sidebar-bottom{padding-top:30px}.workspace-content{padding:27px 24px 35px;min-height:calc(100dvh - 73px)}.workspace-content .workspace-page-heading h1{font-size:34px}.workspace-heading-note{display:none}.workspace-content .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-content .credit-offer-grid{grid-template-columns:1fr}.workspace-content .credit-offer-grid.is-topups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workspace-topbar{padding-inline:18px;gap:13px}.workspace-content{padding:24px 18px 30px}.workspace-content .workspace-page-heading h1{font-size:28px;letter-spacing:-1px}.workspace-page-heading{align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:22px}.workspace-page-heading p:not(.eyebrow){font-size:12px}.workspace-welcome{grid-template-columns:1fr}.workspace-welcome-copy{padding:25px 24px}.workspace-welcome h2{font-size:33px;max-width:290px}.workspace-welcome-art{min-height:250px;padding:20px 38px 24px}.workspace-poster{width:190px;aspect-ratio:1.12}.workspace-chorus{position:relative;bottom:auto;left:auto;justify-self:start;margin-top:19px;transform:rotate(-3deg)}.workspace-section{margin-top:27px}.workspace-section-heading h2{font-size:19px}.workspace-section-heading p{font-size:11px}.workspace-section-heading .text-button{font-size:11px}.workspace-scene-grid{grid-template-columns:1fr;gap:16px}.workspace-scene{display:grid;grid-template-columns:110px 1fr;border-radius:15px}.workspace-scene-image{aspect-ratio:auto;height:132px}.workspace-scene-image>span{left:7px;top:7px;padding:4px 6px;font-size:8px}.workspace-scene-image>span .ui-icon{display:none}.workspace-scene-copy{align-self:center;padding:17px 32px 17px 17px}.workspace-scene-copy strong{font-size:16px}.workspace-scene-copy small{font-size:11px}.workspace-scene-copy>.ui-icon{right:11px}.workspace-empty.compact{flex-wrap:wrap;padding:20px;gap:13px}.workspace-empty.compact>div{flex:1;min-width:170px}.workspace-empty.compact>a{margin-left:58px}.workspace-custom{align-items:start;flex-direction:column;padding:22px;gap:16px}.workspace-custom h2{font-size:20px}.workspace-music-note{padding:21px;gap:12px}.workspace-music-note h2{font-size:19px}.workspace-music-note p{font-size:12px}.workspace-content .studio-grid{grid-template-columns:1fr}.workspace-content .credit-offer-grid.is-topups{grid-template-columns:1fr}.workspace-content .credit-switches{min-width:0;width:100%;flex-shrink:1}.workspace-content .credit-segmented{flex-wrap:wrap}.workspace-content .credit-segmented button{flex:1;min-width:0}.workspace-content .credit-soundtrack{padding:24px 20px}.workspace-content .credit-calculator{padding:20px}.workspace-pause{font-size:11px;padding:12px}.workspace-footer{line-height:1.7;align-items:start}}
@media(prefers-reduced-motion:reduce){.studio-sidebar,.workspace-scene,.workspace-scene-image>img,.sidebar-navigation a,.sidebar-brand{animation:none;transition:none}.workspace-scene:hover,.sidebar-brand:hover{transform:none}}
@media(forced-colors:active){.sidebar-navigation a[aria-current=page]{outline:2px solid Highlight}.workspace-scene,.sidebar-credit-card{border:1px solid CanvasText}}