/* Shared Studio workspace. Behaviour and backend contracts remain in their existing modules. */
:root{--studio-shadow:0 10px 32px #091a2508}body{font-size:16px}.studio-header{padding:16px max(24px,calc((100vw - 1560px)/2));border-bottom:3px solid #d16f43}.studio-header img{width:160px;height:48px}main{max-width:1640px;padding:24px 32px}.welcome{margin:12px 0 24px;gap:24px}.welcome #profile-picture{height:108px;border-radius:12px}.welcome h1{font-size:clamp(30px,3.3vw,44px)}.studio-context{box-shadow:var(--studio-shadow)}button,.button,.tabs>a{min-height:44px;border-radius:8px;line-height:1.35;transition:background-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}a.button{vertical-align:middle}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a54e2b;outline-offset:3px}.tabs{gap:6px;margin:0 0 22px;padding:12px;background:#fffdf9;border:1px solid #d9d6d0;border-radius:12px;box-shadow:var(--studio-shadow)}.tabs>button,.tabs>a{font:600 14px/1.35 Arial,Helvetica,sans-serif;text-decoration:none;border:1px solid transparent;background:transparent;color:#233943;padding:12px 14px;min-width:0;text-align:left;justify-content:flex-start;margin:0}.tabs>button:hover,.tabs>a:hover{background:#eee8dc;filter:none}.tabs>button[aria-pressed=true],.tabs>a[aria-current=page]{background:#091a25;color:#fffdf9}.tabs>a[href*=package-prompts]{border:1px solid #c2cecb;background:#eef4f1;color:#095561}.tabs>button[data-tab=account]{border-top-color:#d9d6d0}.workspace{gap:20px;grid-template-columns:280px minmax(0,1fr)}.editor-panel,aside,.package-panel{box-shadow:var(--studio-shadow)}.panel-controls button{min-width:44px;min-height:44px}.panel-controls input{min-height:44px}.workbar{padding:18px;background:#fffdf9;border:1px solid #d9d6d0;border-radius:12px;gap:16px;align-items:center}.workbar .actions{gap:8px}.workbar .actions button{padding:11px 14px}.prospect-actions{gap:10px}.prospect-links a,#prospect-package>a{display:inline-flex;min-height:44px;padding:10px 14px;border:1px solid #a4b5b8;background:#fffdf9;border-radius:8px;align-items:center;text-decoration:none;margin:4px 8px 8px 0;font-weight:600}.package-panel{background:#fffdf9;padding:24px;border:1px solid #c6d4d3;border-radius:12px}.package-panel>button{margin:8px 8px 8px 0}.package-panel progress{display:block;width:100%;height:10px;margin:16px 0}#package-review{padding-top:18px;border-top:1px solid #d9d6d0}details>summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:600}.studio-task-menu,.studio-back-items{display:none}.studio-context label{margin-top:0}input,select,textarea{max-width:100%}fieldset{min-width:0}.studio-footer{padding:24px}.prospect-heading{gap:14px;flex-wrap:wrap}
@media(min-width:1180px){#studio{display:grid;grid-template-columns:215px minmax(0,1fr);gap:0 28px;align-items:start}#studio>.welcome,#studio>.studio-context{grid-column:1/-1}#studio>nav.tabs{grid-column:1;grid-row:3;display:flex;flex-direction:column;position:sticky;top:20px}#studio>section{grid-column:2;grid-row:3;min-width:0}.tabs>button,.tabs>a{width:100%}.workbar{flex-wrap:wrap}.workbar label{flex-basis:320px}.welcome-copy>p:last-child{max-width:65ch}}
@media(max-width:1179px){.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tabs>button,.tabs>a{justify-content:center;text-align:center}.workspace{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:820px){main{padding:20px 16px}.studio-header{padding:12px 16px}.studio-header span{display:none}.studio-header img{width:136px;height:40px}.studio-header a:last-child{font-size:14px}.welcome{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:4px 0 20px}.welcome #profile{display:none!important}.welcome-copy{grid-column:1;grid-row:1}.welcome #logout{grid-column:2;grid-row:1;align-self:start;min-height:44px;font-size:13px}.welcome h1{font-size:30px}.welcome-copy #status{font-size:14px;margin-bottom:12px}.welcome-copy>p:last-child{font-size:15px}.studio-context{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:16px!important}.studio-context label{grid-column:1/-1;max-width:none!important}#studio-summary{font-size:13px}.studio-task-menu{display:flex;width:100%;justify-content:space-between;background:#091a25;border-color:#091a25;margin:8px 0 12px;padding:15px 16px;font-size:16px}.studio-task-menu:after{content:'';display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat;mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat}.studio-nav-ready .tabs:not(.is-open){display:none}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.tabs>button,.tabs>a{text-align:left;justify-content:flex-start;font-size:15px;min-height:50px;background:#f4f0e8}.workbar{padding:16px;flex-direction:column;align-items:stretch;gap:14px}.workbar label{max-width:none}.actions{display:grid;grid-template-columns:1fr 1fr}.actions #save{grid-column:1/-1}.actions button{min-height:48px}.workspace{display:block;margin-top:16px}.workspace aside{margin-bottom:16px}#panels{max-height:240px}#items{max-height:320px}.editor-panel{position:static;padding:18px}.studio-back-items{display:inline-flex;margin-bottom:12px}.studio-mobile-editing .workspace>aside{display:none}.studio-mobile-editing .workspace>.editor-panel{border-top:3px solid #147782}.prospect-workspace,.prospect-fields,.prospect-filters{grid-template-columns:1fr!important}.prospect-fields .wide{grid-column:auto}.prospect-card{padding:16px}.prospect-heading button{flex:1;min-height:48px}.package-panel{padding:16px}.package-panel>button{width:100%;margin:6px 0}.preview-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-tools button{font-size:14px}.version{align-items:stretch}.tabs button[hidden]{display:none}#profile-picture{max-width:100%}}
@media(max-width:380px){.welcome{grid-template-columns:1fr}.welcome #logout{grid-column:1;grid-row:2;justify-self:start}.tabs{grid-template-columns:1fr}.preview-tools{grid-template-columns:1fr}.studio-context{grid-template-columns:1fr!important}.studio-header a:last-child{font-size:12px}.studio-header{gap:10px}}@media(prefers-reduced-motion:reduce){button,.button,.tabs>a{transition:none}}

.proposal-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 24px;padding:16px;background:#eef4f1;border:1px solid #c2cecb;border-radius:10px}.proposal-bar button{margin:0}.proposal-bar .hint{max-width:45ch}@media(max-width:650px){.proposal-bar{align-items:stretch}.proposal-bar button{width:100%}}

.studio-back-prospects{display:none}@media(max-width:820px){.studio-back-prospects{display:inline-flex;margin-bottom:16px}.studio-mobile-prospect .prospect-layout>aside{display:none}.prospect-layout{grid-template-columns:1fr}#proposal-send-review .inline{align-items:flex-start;font-size:14px}#proposal-send-review input{width:20px;min-width:20px;height:20px;margin-top:3px}}

.gallery-link-settings{margin:20px 0;padding:20px;border:1px solid #b8b8ad;border-radius:12px;background:#fffdf9}.gallery-link-settings legend{font-weight:700;padding-inline:8px}.gallery-link-settings select{max-width:640px}.gallery-link-settings .gallery-link-option{display:flex;align-items:center;gap:12px;min-height:48px;margin:8px 0}.gallery-link-option input{width:20px;height:20px;flex:0 0 auto}.gallery-link-settings .hint{margin-bottom:0}

@media(max-width:650px){.workbar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workbar .actions button{width:100%;min-height:52px;grid-column:auto!important;margin:0}}