.studio{--ink:#172c30;--muted:#647779;--line:#dce5e1;--blue-dark:#236854;--paper:#f6f8f5;color:var(--ink);background:var(--paper);min-height:100vh;font-family:Poppins,Avenir Next,sans-serif;font-size:14px;line-height:1.5}.studio *{box-sizing:border-box}.studio button,.studio input{font:inherit}.studio button{cursor:pointer}.studio button:disabled{cursor:default;opacity:.48}.studio button:focus-visible,.studio input:focus-visible{outline-offset:3px;outline:3px solid #b8ce5d}.studio-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 44px;display:flex}.brand{letter-spacing:-1.5px;color:var(--ink);font-size:32px;font-weight:800;text-decoration:none}.brand span{letter-spacing:0;color:var(--muted);margin-left:14px;font-size:15px;font-weight:400}.local-badge{align-items:center;gap:8px;font-size:12px;display:flex}.local-badge i{background:#56977c;border-radius:50%;width:7px;height:7px}.studio-layout{grid-template-columns:276px minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.studio-sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 88px);padding:42px 28px}.eyebrow{letter-spacing:1.8px;color:var(--muted);margin:0 0 14px;font-size:10px;font-weight:700}.studio h1{letter-spacing:-1px;margin:0 0 20px;font-size:32px;line-height:1.2}.sidebar-intro{color:var(--muted);max-width:200px;font-size:12px}.library-count{align-items:center;gap:12px;margin:30px 0;display:flex}.library-count strong{font-size:34px;font-weight:500}.library-count span{max-width:100px;color:var(--muted);font-size:11px}.department{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:10px;padding:14px 12px;display:flex}.department.active{color:#205744;background:#e4ece2;font-weight:600}.department span:last-child{color:var(--muted);font-size:11px}.department-form{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.studio label{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.studio input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;width:100%;min-width:0;padding:12px}.department-form button{width:100%;margin-top:10px}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.workspace-heading h2{letter-spacing:-.7px;margin:0;font-size:30px;font-weight:500;line-height:1.2}.studio .primary{border:1px solid var(--blue-dark);background:var(--blue-dark);color:#fff;border-radius:7px;padding:13px 20px;font-size:12px;font-weight:600}.studio .secondary{color:var(--ink);background:#fff;border:1px solid #bccfc5;border-radius:6px;padding:12px 16px;font-size:12px}.lesson-list{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.lesson-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;min-width:190px;max-width:100%;padding:12px 16px}.lesson-item.selected{border-color:var(--blue-dark);box-shadow:inset 3px 0 var(--blue-dark)}.lesson-item span{font-weight:600;display:block}.lesson-item small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.studio-empty{text-align:center;background:#fff;border:1px dashed #bfcec5;border-radius:12px;padding:70px 25px}.empty-mark{color:#a3b5a4;font-family:Georgia,serif;font-size:74px;font-style:italic;display:block}.studio-empty h3{font-size:22px;font-weight:500}.studio-empty p{color:var(--muted);max-width:370px;margin:auto;font-size:13px}.notice{border-radius:6px;margin-bottom:20px;padding:14px 18px;font-size:12px}.notice.error{color:#823c20;background:#fff0e9;border:1px solid #e6bda7}.notice.success{color:#265c3c;background:#e7f1e8;border:1px solid #bad3bd}.notice button{background:0 0;border:0;margin-left:16px;text-decoration:underline}.lesson-editor{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.editor-title{justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.editor-title>div{flex:1}.editor-title input{font-size:20px;font-weight:500}.revision{color:var(--muted);max-width:100px;font-size:10px}.lesson-languages{color:var(--muted);margin:6px 0 0;font-size:11px}.phrase-table-head,.phrase-row{grid-template-columns:35px minmax(0,1fr) minmax(0,1fr) 24px;column-gap:24px;padding:16px 26px;display:grid}.phrase-table-head{letter-spacing:1px;background:#edf2ed;font-size:10px;font-weight:700}.phrase-table-head small{letter-spacing:0;color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.phrase-row{border-bottom:1px solid #e7ece7;padding-top:22px;padding-bottom:22px}.phrase-number{color:#889b90;font-variant-numeric:tabular-nums;padding-top:11px;font-size:13px}.language-field input{padding:11px 10px;font-size:12px}.audio-field{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.studio .audio-upload{cursor:pointer;color:var(--muted);border:1px dashed #c5d2ca;border-radius:5px;margin:0;padding:7px 10px;font-size:10px;font-weight:400;display:inline-block;position:relative;overflow:hidden}.studio .audio-upload.ready{color:#2d7052;background:#f0f6ec;border-color:#c9ddbd}.studio .audio-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.audio-listen{color:var(--blue-dark);background:#f0f4ed;border:0;border-radius:50%;width:28px;height:28px;font-size:10px}.audio-field audio{width:100%;height:32px}.remove-phrase{color:#8e9c95;background:0 0;border:0;align-self:start;margin-top:5px;font-size:21px}.text-button{color:var(--blue-dark);background:0 0;border:0;padding:16px 26px;font-size:11px}.publication-check{border-top:1px solid var(--line);background:#fafbf8;align-items:baseline;gap:20px;padding:20px 26px;display:flex}.publication-check strong{white-space:nowrap;font-size:12px}.publication-check p{color:var(--muted);margin:0;font-size:11px}.editor-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.editor-actions>div{flex-wrap:wrap;align-items:center;display:flex}.publication-history{border-top:1px solid var(--line);background:#f8faf6;padding:22px 26px}.publication-history h3{margin:0;font-size:14px}.publication-history p{color:var(--muted);font-size:11px}.publication-history button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:5px;margin-top:8px;padding:10px 14px;font-size:11px;display:block}.publication-history .unpublish{color:#8d4a29;margin-top:18px}@media (width<=1000px){.studio-layout{grid-template-columns:220px minmax(0,1fr)}.studio-sidebar{padding:28px 20px}.studio-main{padding:30px 22px}.phrase-table-head,.phrase-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 18px;column-gap:12px;padding-left:16px;padding-right:16px}.editor-title{padding:20px}.editor-actions{padding:18px}.studio h1{font-size:28px}}@media (width<=680px){.studio-header{height:70px;padding:0 20px}.studio-layout{display:block}.studio-sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:0}.studio-sidebar h1,.sidebar-intro,.library-count{display:none}.studio-sidebar nav{flex-wrap:wrap;display:flex}.department{gap:20px;width:auto}.department-form{flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.department-form label{width:100%;margin:0}.department-form input{flex:1;width:140px}.department-form button{width:auto;margin:0}.studio-main{padding:26px 12px}.workspace-heading h2{font-size:24px}.workspace-heading{gap:10px}.studio .primary{padding:12px}.phrase-table-head{grid-template-columns:22px 1fr 1fr 15px;gap:8px;font-size:9px}.phrase-row{grid-template-columns:22px minmax(0,1fr) 18px;gap:10px}.phrase-row .language-field{grid-column:2}.phrase-row .language-field:nth-of-type(2){grid-row:2}.remove-phrase{grid-area:1/3}.editor-title{flex-wrap:wrap;padding:16px}.editor-title>div{flex-basis:100%}.editor-actions{align-items:stretch}.publication-check{gap:10px;padding:16px}.lesson-item{width:100%;min-width:0}}@media (prefers-reduced-motion:no-preference){.lesson-editor{animation:.22s ease-out studio-enter}@keyframes studio-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}.lesson-variants{flex-wrap:wrap;gap:16px;margin:16px 0 24px;display:flex}.lesson-variants label{flex:1;gap:8px;min-width:180px;display:grid}.lesson-variants select{font:inherit;color:#26394d;background:#fff;border:1px solid #cbd5df;border-radius:8px;padding:12px}.lesson-variants p{color:#526375;width:100%;margin:0;font-size:13px}.studio .mobile-language-label{display:none}.department-rename-help{color:var(--muted);width:100%;font-size:11px}@media (width<=680px){.studio .mobile-language-label{color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600;display:block}.studio .mobile-audio-label{margin-top:10px;margin-bottom:0}.mobile-audio-label+.audio-field{margin-top:4px}}.structure-editor{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:28px;overflow:hidden}.structure-heading{justify-content:space-between;align-items:center;gap:20px;padding:24px 26px 0;display:flex}.structure-heading h3{margin:0;font-size:22px;font-weight:500}.structure-heading .eyebrow{margin-bottom:8px}.structure-editor>.structure-help,.structure-editor>.notice{margin:16px 26px}.structure-help{color:var(--muted);font-size:12px}.structure-fields{border:0;min-width:0;margin:0;padding:0 26px 16px}.subsection{border-top:1px solid var(--line);padding:20px 0}.subsection-heading{align-items:center;gap:16px;display:flex}.subsection-heading>label{flex:1;min-width:0}.structure-editor select{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;margin-top:8px;padding:12px;display:block}.structure-editor select:focus-visible{outline-offset:3px;outline:3px solid #b8ce5d}.structure-lessons{counter-reset:lesson;margin:12px 0;padding:0;list-style:none}.structure-lessons li{counter-increment:lesson;border-bottom:1px solid #edf2ed;align-items:center;gap:12px;padding:12px 0;display:flex}.structure-lessons li:before{content:counter(lesson, decimal-leading-zero);color:var(--muted);font-variant-numeric:tabular-nums}.structure-lessons li>span{overflow-wrap:anywhere;flex:1;min-width:0}.structure-lessons small{color:var(--muted);margin-top:4px;display:block}.structure-order{flex-wrap:wrap;gap:6px;display:flex}.structure-order .secondary{min-width:40px;min-height:40px;padding:8px 10px}@media (width<=680px){.structure-heading{align-items:start;padding:18px 16px 0}.structure-heading h3{font-size:20px}.structure-fields{padding:0 16px 16px}.structure-editor>.structure-help,.structure-editor>.notice{margin:14px 16px}.subsection-heading{gap:8px}.structure-lessons li{flex-wrap:wrap}.structure-lessons .structure-order{justify-content:flex-end;width:100%}.structure-editor .editor-actions>div{gap:8px;width:100%}.structure-editor .editor-actions .primary,.structure-editor .editor-actions .secondary{width:100%}.structure-editor .text-button{text-align:left;padding:12px 0}}.leave-editor-overlay{z-index:1000;background:#172c3099;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.studio.leave-editor-dialog{background:#fff;border-radius:12px;width:520px;max-width:100%;min-height:0;padding:24px;box-shadow:0 12px 48px #172c304d}.leave-editor-dialog h2{margin-top:0}.leave-editor-dialog .editor-actions{border:0;padding:16px 0 0}.entry-words{padding:0 26px 26px}.entry-table{border-collapse:collapse;border:1px solid var(--line);table-layout:fixed;width:100%}.entry-table thead{letter-spacing:1px;text-align:left;background:#edf2ed;font-size:10px;font-weight:700}.entry-table thead small{color:var(--muted);letter-spacing:0;margin-top:4px;font-size:9px;font-weight:400;display:block}.entry-table th:first-child{width:76px}.entry-table thead th{padding:16px 24px}.entry-table tbody tr{border-top:1px solid #e7ece7}.entry-table tbody th{color:#889b90;font-variant-numeric:tabular-nums;text-align:left;padding:16px 24px;font-size:13px;font-weight:400}.entry-table tbody td{padding:10px 24px}.entry-table input{padding:11px 10px;font-size:12px}@media (width<=680px){.entry-words{padding:0 16px 16px}.entry-table th:first-child{width:56px}.entry-table thead th,.entry-table tbody th{padding:12px 16px}.entry-table tbody td{padding:8px 16px}}.regenerate-audio{color:var(--blue-dark);text-align:left;background:0 0;border:0;margin-top:6px;padding:0;font-size:10px}.lesson-player{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 26px;display:flex}.lesson-player audio{flex:1;min-width:0;height:32px}.lesson-stage-bar{flex-wrap:wrap;gap:4px 10px;display:flex}.lesson-stage{color:var(--muted);white-space:nowrap;font-size:10px}.lesson-stage.active{color:var(--blue-dark);font-weight:700}.publication-check{flex-wrap:wrap}.proposal-panel{padding:32px;overflow:auto}.proposal-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0;display:grid}.proposal-card{border:1px solid var(--line);border-radius:12px;padding:16px}.proposal-card label{margin:8px 0;display:block}.proposal-card input:not([type=checkbox]){width:100%;display:block}.studio{--ink:#36455a;--muted:#82909c;--line:#dce6eb;--blue-dark:#3b799b;--paper:#f5f9fb;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55}.studio-header{background:#3b799b;border:0;height:80px;padding:0 max(16px,50vw - 500px);box-shadow:0 4px 4px #1e1f7a0f}.brand img{width:135px;height:auto;display:block}.local-badge,.local-badge a,.studio-header .text-button{color:#fff}.local-badge i{background:#b5e8ff}.studio-layout{width:min(100% - 32px,1000px);margin:0 auto;padding:30px 0 70px;display:block}.studio-sidebar{border:0;min-height:0;padding:0}.studio-main{min-width:0;padding:0}.studio h1{letter-spacing:-.025em;margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.25}.eyebrow{color:#3b799b;letter-spacing:.09em;margin:0 0 7px;font-size:12px}.sidebar-intro{max-width:none;margin:0 0 22px;font-size:14px}.library-count{display:none}.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio a:focus-visible{outline-offset:3px;outline:3px solid #9b76f3}.studio .primary{color:#fff;text-transform:uppercase;background:#4aaee6;border:0;border-radius:12px;min-height:52px;padding:0 24px;font-size:14px;font-weight:600}.studio .primary:hover:not(:disabled){background:#3b799b}.studio .secondary{color:#3b799b;background:#fff;border:1px solid #4aaee6;border-radius:10px;min-height:46px;padding:0 18px;font-size:14px;font-weight:600}.studio .secondary:hover:not(:disabled){background:#e9f5fb}.studio .text-button{color:#3b799b;padding:10px 4px;font-size:13px;font-weight:600}.studio-header .text-button{color:#fff}.studio input,.studio select{border-color:var(--line);color:var(--ink);border-radius:8px}.studio input:focus,.studio select:focus{border-color:#4aaee6}.studio-sidebar>input{max-width:100%;margin:0 0 15px}.studio-sidebar>button,.studio-sidebar>label{margin-right:18px}.studio-sidebar>.text-button{display:inline-block}.library-accordion{gap:12px;margin:22px 0;display:grid}.accordion-card,.category-card,.lesson-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #36455a0f}.category-card,.lesson-card{box-shadow:none;border-radius:9px}.accordion-content{gap:10px;padding:0 20px 20px;display:grid}.category-card .accordion-content{padding:12px 16px 16px}.accordion-trigger{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;align-items:center;gap:16px;padding:18px 22px;display:flex}.accordion-trigger:hover:not(:disabled){background:#f8fcfe}.accordion-trigger[aria-expanded=true]{background:#edf6fa}.accordion-label{flex:1;min-width:0}.accordion-label strong{overflow-wrap:anywhere;font-size:17px;font-weight:600;display:block}.accordion-label small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.accordion-arrow{color:#4aaee6;font-size:26px;transition:transform .2s}.accordion-trigger[aria-expanded=true] .accordion-arrow{transform:rotate(90deg)}.folder-icon{color:#4aaee6;background:#e8f6fd;border-radius:9px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.folder-icon.small{width:34px;height:34px;font-size:19px}.category-trigger{padding:13px 16px}.category-trigger .accordion-label strong{font-size:14px}.lesson-trigger{padding:12px 16px}.lesson-trigger .accordion-label strong{font-size:15px}.lesson-mark{color:#3b799b;background:#e8f6fd;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.lesson-open{color:var(--muted);padding:13px 16px;font-size:12px}.accordion-empty{color:var(--muted);margin:4px 0 0;font-size:13px}.department-form{border:1px solid var(--line);background:#fff;border-radius:12px;margin:14px 0;padding:20px 24px}.department-form label{color:var(--ink);font-size:13px}.department-form input{height:50px}.department-form button{width:auto}.department-rename-help{font-size:12px}.workspace-heading{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0;padding:22px 0 18px}.workspace-heading>div{flex-basis:100%}.workspace-heading h2{color:var(--ink);font-size:22px;font-weight:600}.workspace-heading .primary{margin-left:auto}.workspace-heading .text-button{padding:8px 4px}.structure-editor,.lesson-editor{border-radius:12px;margin-bottom:18px;box-shadow:0 10px 30px #36455a0f}.studio-empty{padding:34px 20px}.studio-empty .empty-mark{color:#4aaee6;font-size:48px}.studio-empty h3{margin:0 0 6px}.editor-title,.entry-words,.phrase-table-head,.phrase-row,.publication-check,.editor-actions,.publication-history{padding-left:26px;padding-right:26px}.editor-title input{height:50px}.phrase-table-head{color:#61717e;background:#edf6fa}.phrase-row{padding-top:12px;padding-bottom:12px}.phrase-number{color:var(--muted)}.entry-table thead{background:#edf6fa}.entry-table input,.language-field input{background:#f7fafb;height:38px}.audio-listen{color:#3b799b;background:#e9f6fd}.studio .audio-upload.ready{color:#277b5e;background:#eaf7f0}.publication-check{background:#f8fcfe}.lesson-stage.active{color:#3b799b}.publication-history{background:#f8fcfe}@media (width<=700px){.studio-header{padding:0 16px}.studio-layout{width:min(100% - 24px,1000px);padding-top:22px}.studio-sidebar h1,.sidebar-intro{display:block}.studio h1{font-size:25px}.accordion-trigger{padding:15px}.accordion-label strong{font-size:15px}.studio-main{padding:0}.workspace-heading{align-items:stretch}.workspace-heading .primary{width:100%;margin:0}.department-form{padding:16px}.department-form input,.department-form button{width:100%}.phrase-table-head,.phrase-row{padding-left:14px;padding-right:14px}.editor-title,.publication-check,.editor-actions,.publication-history{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.accordion-arrow{transition:none}}.audio-review{border-top:1px solid var(--line);padding:24px 26px}.audio-review-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.audio-review-heading h3{margin:0;font-size:20px;font-weight:600}.audio-review-heading p:last-child{color:var(--muted);margin:4px 0 0;font-size:13px}.audio-review .lesson-player{border:0;padding:0}.audio-review-row{border:1px solid var(--line);border-radius:9px;margin:8px 0;overflow:hidden}.audio-review .audio-trigger{padding:11px 16px}.audio-number{width:40px;color:var(--muted);font-variant-numeric:tabular-nums}.audio-review-detail{background:#f8fcfe;flex-wrap:wrap;gap:24px;padding:16px 22px 20px;display:flex}.audio-language{flex:1;min-width:210px}.audio-language>strong{font-size:13px;font-weight:600}.audio-language .audio-field{margin-top:8px}.audio-language .regenerate-audio{margin-top:10px;font-size:12px;display:block}.audio-review .audio-listen{border-radius:7px;width:auto;min-width:40px;height:32px}.automation-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 26px;display:flex}.automation-actions .secondary{min-width:180px}.automation-actions .secondary:enabled:first-child{color:#fff;background:#4aaee6}.automation-actions .secondary:enabled:first-child:hover{background:#3b799b}.entry-words{padding-top:12px}.lesson-variants{margin:0 0 18px;padding:0 26px}.phrase-table-head,.phrase-row{grid-template-columns:35px minmax(0,1fr) minmax(0,1fr) 24px}.phrase-table-head small{display:none}.phrase-row .language-field{align-self:center}.phrase-row .language-field input{width:100%}@media (width<=700px){.audio-review{padding:18px 16px}.audio-review-heading{flex-direction:column;align-items:flex-start}.audio-review-detail{display:block}.audio-language+.audio-language{margin-top:18px}.lesson-variants{padding:0 16px}.automation-actions{padding:16px}.automation-actions .secondary{width:100%}.phrase-table-head{display:none}.phrase-row{grid-template-columns:24px minmax(0,1fr) 24px}.phrase-row .language-field{grid-column:2}.phrase-row .language-field:nth-of-type(2){grid-row:2}.phrase-row .remove-phrase{grid-area:1/3}}.accordion-content[hidden],.audio-review-detail[hidden]{display:none}.folder-icon img{width:28px;height:28px;display:block}.folder-icon.small img{width:21px;height:21px}.automation-actions .secondary:enabled:last-child:not(:first-child){color:#3b799b;background:#fff}.automation-actions .secondary:disabled:first-child+.secondary:enabled{color:#fff;background:#4aaee6}.automation-actions .secondary:disabled:first-child+.secondary:enabled:hover{background:#3b799b}.legacy-lesson{cursor:default;background:#f8fcfe}.legacy-lesson .accordion-label small{color:#61717e}.audio-edit{align-self:center;margin-left:auto}.lesson-editor:focus{outline:none}.lesson-editor:focus-visible{outline-offset:3px;outline:3px solid #9b76f3}
