/* Studio 301: indigo, blue and cyan with purple / teal accents. */
/* Organized workflow and accessible text contrast. */
.asset-library{margin-top:24px}.asset-library summary{cursor:pointer;font-size:13px;font-weight:650;color:#355681}.asset-library summary>span{font-size:11px;font-weight:400;color:#6c80a0;margin-left:12px}.library-toolbar{display:flex;gap:12px;margin:20px 0}.library-toolbar input{flex:1;border:1px solid #dbe4f0;border-radius:10px;padding:12px;font-size:13px;min-width:120px}.library-toolbar select{max-width:190px;margin:0}.library-upload{background:#f3f7fe;border:1px solid #e0e8f5;border-radius:12px;padding:18px;display:grid;grid-template-columns:1.2fr .9fr 1.2fr auto;gap:14px;align-items:end}.library-upload .button{align-self:end;margin-bottom:0}.library-upload label{margin-bottom:8px}.library-upload select{margin:0}.library-upload input[type=file]{font-size:11px;max-width:100%}.library-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px;margin-top:20px}.library-asset{border:1px solid #e0e8f5;background:#fafcff;border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:10px}.library-asset strong{font-size:13px;color:#354e78}.asset-kind{font-size:10px;color:#6d84a4;text-transform:uppercase;letter-spacing:.6px}.library-asset audio{margin:0;height:34px}.library-asset .button{margin-top:auto;font-size:11px}.library-asset input{font-size:12px!important}.library-asset .effect-color-dot{width:9px;height:9px}@media(max-width:1000px){.library-upload{grid-template-columns:1fr 1fr}}@media(max-width:650px){.library-toolbar{flex-wrap:wrap}.library-toolbar select{flex:1;max-width:none}.library-upload{grid-template-columns:1fr}.asset-library summary>span{display:block;margin:7px 0 0}.library-assets{grid-template-columns:1fr}}
:root{--navy:#242265;--ink:#20294a;--muted:#65758d;--paper:#f5f8fd;--line:#e1e7f2;--orange:#087ead;--green:#187bb5;--brand-gradient:linear-gradient(110deg,#302574,#175993 58%,#078bb8)}
body{background:radial-gradient(ellipse at 90% 0,#e5f5fc 0,transparent 40%),radial-gradient(ellipse at 10% 45%,#eeeaff 0,transparent 40%),var(--paper);font-size:14px;-webkit-font-smoothing:antialiased}
.sidebar{background:linear-gradient(165deg,#252163 0,#253b80 48%,#087ca6 100%);width:224px;padding:34px 24px;border-right:1px solid #ffffff16;box-shadow:4px 0 28px #2521630b}
.brand{gap:12px}.brand-mark{letter-spacing:-2px;border-bottom-color:#24bfd3;font-size:36px}.brand-mark span{color:#a8e3f2;letter-spacing:3px}.brand-name{font-size:17px;font-weight:650;letter-spacing:-.4px}
.sidebar-section{color:#bbc9ee;font-size:10px}.nav-item{border-radius:12px;padding:15px 12px}.nav-item.active{background:#ffffff13;border-color:#ffffff24;box-shadow:inset 3px 0 0 #39c6e0}.nav-item span{color:#72d9ed}.sidebar-note{color:#c0ceeb;font-size:12px}.sidebar-bottom{color:#ddedf8}.version{color:#b0cbe6}.status-dot{background:#48d4c5;box-shadow:0 0 0 4px #48d4c519}
main{margin-left:224px;max-width:1800px;padding:0 42px}header{height:82px;border-bottom-color:#dce5f1}.breadcrumb{color:#667794}.breadcrumb span{color:#a3aec9}.private-badge{background:#fff9;border-color:#cbdceb;color:#2c6b97;border-radius:20px;font-size:9px;font-weight:600;letter-spacing:1px}
.page-heading{margin:34px 0 28px}.eyebrow{color:#6f58b5;font-size:10px;letter-spacing:2px}h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(32px,3vw,46px);font-weight:700;letter-spacing:-1.8px;line-height:1.15;background:linear-gradient(105deg,#30256e,#126ea9 75%,#148f98);background-clip:text;-webkit-background-clip:text;color:transparent;margin:11px 0 12px}.page-heading p{font-size:14px;color:#667794}
.workspace-toolbar{background:#ffffffa8;border:1px solid #e0e7f2;border-radius:14px;padding:12px 14px;margin-bottom:24px;gap:12px}.workspace-toolbar>span{color:#67758c;font-size:11px}.production-search input{padding:11px 14px;border:1px solid #dbe4f1;border-radius:10px;background:#fff;color:var(--ink);font-size:12px}.history-results{border-color:#dbe4f1;border-radius:12px;box-shadow:0 14px 35px #2521631b}.history-results button{color:var(--ink);font-size:12px}.history-results button:hover,.history-results button:focus{background:#edf4fe}
.workspace{gap:24px}.card{border:1px solid #e0e7f2;border-radius:18px;box-shadow:0 5px 22px #28386d06;padding:28px}.card-heading{gap:14px;margin-bottom:26px}.step{background:linear-gradient(135deg,#e9e4fa,#e4f4fd);color:#4c56a1;font-weight:700;width:36px;height:36px}.card h2{font-size:19px;color:#26355b;font-weight:650;letter-spacing:-.5px}.card-heading p{font-size:12px;color:#6e7d94}.card label{font-size:12px;font-weight:600;color:#435375}
.card input[type=text],.card textarea,.card select,.card input[type=number],.optional-grid input,.admin-grid input,.admin-grid select,.login-card input,.delivery-panel input,.template-rule-row input,.template-rule-row select,#template-name{border:1px solid #dbe4f0;border-radius:10px;background:#fafcff;color:#283856;padding:12px 13px;font-size:12px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:2px solid #2396c14d;outline-offset:2px;border-color:#5c9ecb!important;box-shadow:0 0 0 4px #e9f5fe}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #1e85bf;outline-offset:4px}.card textarea{font-size:13px;line-height:1.8}.card input::placeholder,.card textarea::placeholder{color:#8997ad}
.dropzone{background:linear-gradient(125deg,#f9f8ff,#f3faff);border-color:#bed2e7;border-radius:14px;padding:23px 14px;min-height:155px}.dropzone.dragging{background:#eef7ff;border-color:#188cbd}.upload-symbol{color:#278ab7;font-size:27px}.dropzone strong{color:#355479;font-size:13px}.dropzone span:not(.upload-symbol){color:#6c819d;font-size:12px}.dropzone small{color:#7688a1;font-size:10px}
.performance-note{background:#edf8fa;color:#237784;border-radius:12px;padding:15px}.performance-note strong{font-size:12px}.performance-note p{color:#5e7e8e;font-size:11px}.script-save-row span{color:#65819b;font-size:11px}.template-summary{background:linear-gradient(110deg,#f4f0fd,#eef7fc);border-color:#e3e6f6;border-radius:12px;padding:16px 13px}.template-icon{color:#7766bd}.template-summary strong{font-size:12px;color:#4a4e87}.template-summary p{color:#6b7796;font-size:11px}
.button{border-radius:10px;font-size:12px;padding:12px 17px;font-weight:650}.button.primary{background:var(--brand-gradient);box-shadow:0 6px 14px #2168a322;padding:16px;font-size:14px}.button.primary:hover{background:linear-gradient(110deg,#392b87,#15619f 58%,#0783ab);box-shadow:0 8px 19px #2168a32b}.button.dark{background:linear-gradient(115deg,#302574,#214d8b);box-shadow:0 3px 8px #30257413}.button.secondary{color:#315781;border-color:#d5e1ee;background:#fff}.button.secondary:hover{background:#f1f7ff;border-color:#aac9e3}.text-button{color:#2478a9;font-size:11px}.delete-agency{color:#ab4270}
.effect-option{background:#fafcff;border-color:#dfe7f3;border-radius:10px;padding:11px;font-size:11px!important;color:#465878!important}.effect-option:has(input:checked){background:#f2f7fe;border-color:#cadbef}.effect-option input,.slider-row input,.switch-label input{accent-color:#1981b5}.effect-option .effect-color-dot{width:8px;height:8px;margin-right:0}.slider-row output{color:#667d99;font-size:11px}.cue-hint,.generate-note,.empty-note{color:#657b96}.cue-hint{font-size:11px;line-height:1.75}.generate-note{font-size:10px}.label-row>span{color:#7187a0}.pill{background:#eeebf9;color:#615099;border-radius:20px;padding:8px 11px;font-size:9px}.pill.muted{background:#eef3fa;color:#6e83a1}.pill.ready{background:#e8f7f9;color:#20788a}
.preview-card{margin-top:26px}.waveform-wrap{background:linear-gradient(180deg,#fbfdff,#f0f6fd);border-color:#dfe9f5;border-radius:13px}.waveform-times{color:#617d9f}.timeline-effect{border-radius:5px;box-shadow:0 2px 5px #283d6b1a}.timeline-effect:hover,.timeline-effect:focus{outline-color:#26316b}.technical-summary{color:#637897;font-size:11px}.comparison,.cue-editor,.delivery-panel{border-color:#e1e8f3}.comparison summary,.precise-cues summary{color:#536c92;font-size:12px}.comparison h3,.cue-editor h3,.delivery-panel h3{font-size:13px;color:#3a5178}.cue-chip{background:#edf3fd;color:#52749c;border-radius:6px}.comparison-grid{gap:24px}.progress-track{background:#e9f0fa}#progress-fill{background:var(--brand-gradient)}.progress-info{color:#356e9d}.error-box{background:#fff1f5;border-color:#efcfda;color:#a04165}
.optional-effects summary,.music-library summary,.asset-library summary{color:#385a84}.optional-effects summary span{color:#7083a0}.extra-effect-row{padding:14px;border:1px solid #e3eaf5;border-radius:12px;background:#fafcff}.extra-effect-row label{margin-bottom:0;font-size:12px}.music-library{color:#627b9b}.template-rule-row{border-color:#e3eaf5}.template-rule-row strong{color:#3c5279}.admin-list-row,.admin-section{border-color:#e3eaf5}.admin-section p,#admin-message{color:#657997;font-size:12px}.admin-grid label{color:#506888}.switch-label{color:#4f6486}#google-redirect{background:#f0f5fe;color:#4b6794;border-radius:10px}dialog{border-color:#dce5f3;border-radius:18px;padding:30px;box-shadow:0 24px 80px #24226533}dialog::backdrop{background:#24226588}.login-overlay{background:linear-gradient(130deg,#252163ee,#087ca6ee)}.login-card{background:#fff;border-radius:20px;box-shadow:0 25px 80px #20245655}.login-card h1{font-size:36px}.login-card p{color:#637895}.login-card label{color:#4a6185}footer{color:#657c9c;font-size:10px}footer strong{color:#34658e}
@media(min-width:1450px){main{padding:0 54px}.card{padding:30px}}
@media(max-width:1100px){.sidebar{width:184px;padding:30px 18px}main{margin-left:184px;padding:0 24px}.card{padding:23px}.mix-levels{gap:12px}}
@media(max-width:760px){.sidebar{width:100%;height:78px;padding:14px 22px;background:linear-gradient(110deg,#252163,#087ca6)}main{margin-left:0;padding:0 16px}.workspace-toolbar{padding:11px;gap:9px}.production-search{max-width:none;min-width:180px}.card{padding:22px;border-radius:15px}.page-heading{margin:25px 0}.preview-card{margin-top:18px}header{height:59px}.private-badge{font-size:8px}.breadcrumb{font-size:11px}.brand-mark{font-size:28px}.brand-name{font-size:14px}dialog{padding:22px}.extra-effect-row{padding:12px}}
.sidebar-settings{background:transparent;color:#e3effb;border:1px solid transparent;width:100%;margin-top:9px;font-size:13px;text-align:left;cursor:pointer}.sidebar-settings:hover{background:#ffffff16;border-color:#ffffff22}.sidebar-settings span{font-size:18px}.music-generator{margin-bottom:22px;padding:15px;border:1px solid #e0e7f5;border-radius:12px;background:linear-gradient(120deg,#f5f0fd,#f0f9fd)}.music-generator summary{font-size:12px;color:#4e5b94;cursor:pointer;font-weight:600}.music-generator label{margin-top:15px}.music-generator textarea{height:110px;min-height:80px}.music-generator .button{margin-top:13px}.music-generator input[type=number]{width:120px}#admin-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(780px,100%);border-radius:20px 0 0 20px;border-right:0;box-shadow:-15px 0 70px #24226533}#admin-dialog .admin-heading{position:sticky;top:-30px;padding:18px 0;background:#fff;z-index:2}@media(max-width:760px){.sidebar-settings{width:auto;display:flex!important;margin:0;padding:9px 12px;font-size:12px}.sidebar-note{display:none}.sidebar-bottom{display:none}#admin-dialog{border-radius:0}.sidebar{gap:12px}}

/* Main workspace: only the three production steps. */
:root{--ink:#141d31;--muted:#39485e}body{font-size:15px}.workspace{align-items:start}.workflow-steps{display:flex;gap:14px;margin:0 0 22px;flex-wrap:wrap}.workflow-steps a{display:flex;align-items:center;gap:9px;padding:10px 15px;background:white;border:1px solid #dce4f0;border-radius:10px;color:#243858;font-size:14px;font-weight:600}.workflow-steps a span{background:#ecebfb;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#44347c}.workflow-steps a:hover{border-color:#699bc1;background:#f2f7ff}.card label{font-size:14px;color:#1c2940}.card input[type=text],.card input[type=number],.card textarea,.card select,.optional-grid input,.admin-grid input,.admin-grid select,.delivery-panel input,.template-rule-row input,.template-rule-row select{font-size:14px;color:#18283f}.card input::placeholder,.card textarea::placeholder{color:#586a82}.card h2{font-size:21px;color:#192541}.card-heading p,.page-heading p{color:#394a63;font-size:14px}.cue-hint,.generate-note,.empty-note,.script-save-row span,.template-summary p,.technical-summary,.performance-note p,.dropzone span:not(.upload-symbol),.dropzone small,.workspace-toolbar>span,.label-row>span,.slider-row output,.optional-effects summary span{color:#3d4c63;font-size:13px;line-height:1.7}.template-summary strong,.performance-note strong{font-size:14px;color:#233c60}.text-button{font-size:13px;color:#185b87}.card textarea#script{height:175px}.performance-note{padding:12px;margin-top:15px}.dropzone{min-height:130px;padding:18px 12px}.dropzone strong{font-size:14px}.template-summary{padding:13px;margin-bottom:18px}.compact-effects{padding:13px 0;border-top:1px solid #e2e8f2;border-bottom:1px solid #e2e8f2;margin:17px 0}.compact-effects>summary{font-size:14px;font-weight:600;color:#243758;cursor:pointer}.compact-effects .label-row{margin-top:18px}.effect-option{font-size:13px!important}.production-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.production-tools .button{flex:1;padding:11px 9px;font-size:13px;white-space:nowrap}.generate-note{font-size:12px}.preview-card{margin-top:24px}.deliver-launcher{margin-top:22px}.tool-dialog{width:min(940px,calc(100% - 32px));max-height:90dvh;margin:auto;padding:28px;border-radius:18px}.tool-dialog#library-dialog{width:min(1120px,calc(100% - 32px))}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;position:sticky;top:-28px;background:white;padding:14px 0;z-index:3}.tool-heading h2{margin:0;font-size:23px;color:#192541}.tool-dialog label{display:block;margin:17px 0 9px}.tool-dialog .mix-levels{margin:24px 0 8px}.tool-dialog .delivery-panel{margin:0;padding:0;border-top:0}.tool-tabs{display:flex;gap:10px;border-bottom:1px solid #e0e7f2;padding-bottom:17px;margin-bottom:22px}.tool-tabs [aria-pressed=true]{background:#ecebfb;color:#40327c;border-color:#b9b2df}.tool-dialog textarea{height:135px}.tool-dialog .asset-library{margin-top:0}.tool-dialog audio{margin-top:10px}.library-toolbar input,.library-asset strong,.library-asset .button,.library-asset input{font-size:14px!important}.asset-kind{font-size:12px;color:#364d6e}.library-asset .button{font-size:13px!important}.library-asset audio{height:38px}.tool-dialog input[type=file]{font-size:13px;max-width:100%;padding:9px 0}.tool-dialog .optional-grid{gap:18px}.tool-dialog .button{font-size:14px}.tool-dialog #extra-effects{margin-top:20px}.tool-dialog .library-assets{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.production-search input{font-size:14px}.breadcrumb,footer,.private-badge{color:#425875}.breadcrumb{font-size:13px}footer{font-size:12px}.pill{font-size:10px}.waveform-times{font-size:11px;color:#364d70}.cue-editor h3,.delivery-panel h3,.comparison-grid h3{font-size:14px;color:#1e3455}.comparison summary,.precise-cues summary{font-size:14px;color:#264764}.admin-section p,#admin-message,.admin-grid label,.admin-section input,.admin-section select,.switch-label{font-size:14px;color:#273951}.admin-section h3{font-size:17px}.asset-library .library-upload{padding:16px}.library-upload input[type=file]{font-size:13px}.sidebar-note{color:#d9e6f9;font-size:13px}.sidebar-section{font-size:11px}.sidebar-settings,.nav-item{font-size:14px}.sidebar-bottom{font-size:12px}.template-summary .pill{display:none}@media(max-width:760px){.workflow-steps{gap:8px}.workflow-steps a{padding:9px 10px;font-size:12px;flex:1;justify-content:center}.workflow-steps a span{width:22px;height:22px;flex-shrink:0}.production-tools .button{font-size:12px}.tool-dialog{padding:20px;width:calc(100% - 20px);max-height:94dvh}.tool-heading{top:-20px}.tool-heading h2{font-size:20px}.tool-tabs{flex-wrap:wrap}.tool-dialog .mix-levels{grid-template-columns:1fr;gap:20px}.tool-dialog#library-dialog{width:calc(100% - 20px)}.tool-dialog .library-assets{grid-template-columns:1fr}.sidebar-settings{font-size:12px}.page-heading h1{font-size:34px}.card-heading p{font-size:13px}}

.production-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;align-items:start}.production-selection .template-summary{display:none}.production-selection .label-row{min-height:22px}.production-selection .text-button{font-size:11px}.recording-list{display:flex;flex-direction:column;gap:7px;margin:16px 0}.recording-choice{text-align:left;border:1px solid #dce5f1;border-radius:8px;background:#fafcff;padding:10px;color:#283b5b;font-size:12px;overflow-wrap:anywhere}.recording-choice.active{background:#edf4ff;border-color:#6d9dcb;font-weight:600}.email-preview{border:1px solid #dce5f0;background:#fafcff;border-radius:12px;padding:18px;margin:20px 0}#delivery-email-body{white-space:pre-wrap;font-size:14px;color:#172b43;line-height:1.75;margin-top:16px}#setting-email_body_template{display:block;width:100%;min-height:210px;margin-top:9px;padding:12px;border:1px solid #dce5f0;border-radius:10px;font-size:14px}.version-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e7f2;padding:15px 0}.version-row>span{flex:1;font-size:14px;color:#223856;overflow-wrap:anywhere}.versions-launcher{margin-top:22px;margin-right:10px}#production-title{margin-bottom:2px}@media(max-width:650px){.production-selection{grid-template-columns:1fr}.version-row{flex-wrap:wrap}.version-row>span{width:100%;flex:auto}}
.drive-destination{display:block;margin:-4px 0 16px;font-size:12px}.version-row{flex-wrap:wrap}.version-row input{max-width:220px;font-size:13px}.version-row>span{min-width:220px}.recording-list:before{content:"Choose a recording to prepare its script and mix:";font-size:12px;color:#344866;line-height:1.6} #production-title + .cue-hint{margin-bottom:17px}

.connection-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:650;line-height:1.5;border:1px solid;max-width:100%;overflow-wrap:anywhere}.connection-badge.connected{background:#eaf8ef;color:#145c32;border-color:#a9d9ba}.connection-badge.pending{background:#fff5e6;color:#744810;border-color:#e8c891}