*{box-sizing:border-box}
:root{--ink:#17130f;--muted:#776e65;--line:#e7dfd5;--cream:#f7f1e7;--gold:#c99a42;--panel:#fff;--bg:#f5f2ed}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit}
a{color:inherit}
.admin-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.admin-side{background:#17130f;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}
.brand{font-size:20px;font-weight:800;padding:8px 10px 24px}.brand small{display:block;color:#bdb5ad;font-size:11px;margin-top:4px}
.side-section{margin:18px 8px 8px;color:#8f867d;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.nav a{display:flex;gap:10px;padding:10px;border-radius:9px;text-decoration:none;color:#ddd6cf;margin:3px 0}.nav a.active,.nav a:hover{background:#2a241f;color:#fff}
.admin-main{min-width:0}.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}
.user{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-weight:800}
.content{padding:28px;max-width:1400px;margin:auto}.crumb{font-size:13px;color:var(--muted);margin-bottom:8px}.title-row{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:22px}.title h1{margin:0 0 5px;font-size:30px}.title p{margin:0;color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-weight:750;cursor:pointer;text-decoration:none}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.gold{background:var(--gold);border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.metric strong{font-size:27px;display:block}.metric span{font-size:13px;color:var(--muted)}
.layout{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.stack{display:grid;gap:16px}.course-list{display:grid;gap:9px}.course{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px}.course-info strong{display:block}.course-info span{font-size:12px;color:var(--muted)}
.badge{font-size:11px;padding:4px 7px;border-radius:999px;background:var(--cream);font-weight:750}.published{background:#e9f5e8;color:#28662a}
.builder{display:grid;grid-template-columns:240px 1fr 280px;gap:14px;min-height:650px}.builder-nav,.builder-main,.builder-settings{background:#fff;border:1px solid var(--line);border-radius:14px}.builder-nav{padding:12px}.builder-main{padding:20px}.builder-settings{padding:16px}
.builder-nav h3,.builder-settings h3{font-size:13px;margin:8px 8px 12px}.outline{display:grid;gap:5px}.outline button{border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;cursor:pointer}.outline button.active,.outline button:hover{background:var(--cream)}
.module{border:1px solid var(--line);border-radius:11px;margin-bottom:9px;background:#fff}.module-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#faf8f5}.module-body{padding:6px}.lesson{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px}.lesson:hover{background:#faf8f5}.lesson .kind{font-size:10px;color:var(--muted);margin-left:auto}
.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:750}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.field textarea{min-height:100px;resize:vertical}
.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.hint{padding:12px;background:var(--cream);border-radius:9px;color:var(--muted);font-size:12px;line-height:1.5}
.progress{height:7px;background:#eee7de;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--gold)}
@media(max-width:1050px){.builder{grid-template-columns:210px 1fr}.builder-settings{display:none}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.admin-app{grid-template-columns:1fr}.admin-side{height:auto;position:static}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.content{padding:18px}.layout,.builder{grid-template-columns:1fr}.builder-nav{order:2}.grid{grid-template-columns:1fr}.top{padding:0 18px}}

.studio-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin:-4px 0 18px}
.studio-tabs button{border:0;background:transparent;padding:11px 13px;cursor:pointer;font-weight:750;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}
.studio-tabs button.active{color:var(--ink);border-bottom-color:var(--gold)}
.view{display:none}.view.active{display:block}
.builder-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.outline-item{display:flex;align-items:center;gap:7px}.drag{cursor:grab;color:#aaa}
.lesson-editor{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;margin-top:12px}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.type-grid button{padding:12px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;text-align:left}
.type-grid button:hover{border-color:var(--gold);background:var(--cream)}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.modal-box{background:#fff;border-radius:16px;max-width:620px;width:100%;padding:22px;max-height:90vh;overflow:auto}
.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:11px 15px;border-radius:9px;display:none;z-index:30}.toast.show{display:block}

/* Visual course builder */
.studio-page{background:#f5f2ed}.studio-shell{min-height:100vh}.studio-top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:22px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);min-height:74px}.studio-brand{text-decoration:none;font-weight:900;letter-spacing:.05em}.studio-brand span,.student-brand span{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em}.studio-course-name{display:grid;gap:3px;min-width:170px}.studio-course-name small,.zone-head small,.section-intro small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}.studio-course-name strong{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.save-state{font-size:11px;color:#4e7b49}.save-state.unsaved{color:#9c7536}.studio-nav{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 24px}.studio-nav button{background:transparent;border:0;border-bottom:2px solid transparent;padding:15px 13px;cursor:pointer;color:var(--muted);font-weight:750}.studio-nav button.active{border-bottom-color:var(--gold);color:var(--ink)}.studio-nav>a{margin-left:auto;font-size:12px;color:var(--muted);text-decoration:none}.studio-main{max-width:1640px;padding:20px;margin:auto}.studio-section{display:none}.studio-section.active{display:block}.three-zone{display:grid;grid-template-columns:minmax(260px,320px) minmax(380px,1fr) minmax(270px,330px);gap:14px;align-items:start}.zone{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:calc(100vh - 170px);overflow:hidden}.zone-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.zone-head h2{font-size:17px;margin:4px 0 0}.btn.small{padding:7px 9px;font-size:11px}.outline-module{padding:10px 12px;border-bottom:1px solid #f0ebe5}.outline-module-head{display:flex;gap:5px;align-items:center}.outline-module-head input{min-width:0;flex:1;border:0;background:transparent;font-weight:800;padding:8px 5px;color:var(--ink)}.outline-module-head input:focus{outline:1px solid var(--gold);border-radius:6px}.outline-module-head button{border:0;background:transparent;color:#998f84;font-size:19px;cursor:pointer}.outline-item{display:flex;width:100%;align-items:center;gap:8px;padding:9px;border:0;border-radius:8px;background:white;text-align:left;cursor:pointer;color:var(--ink);font:inherit}.outline-item:hover,.outline-item.selected{background:var(--cream)}.outline-item>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.outline-item small{font-size:9px;color:var(--muted)}.type-icon{color:#977133}.module-empty,.outline-empty{padding:8px;color:var(--muted);font-size:11px}.add-content{padding:15px 13px}.add-content h3{margin:0;font-size:14px}.add-content>p{font-size:11px;color:var(--muted);margin:5px 0 12px}.content-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.content-cards button{display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;gap:0 6px;padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;color:var(--ink)}.content-cards button:hover{border-color:var(--gold);background:#fdfaf4}.content-cards button span{grid-row:span 2;font-size:17px;color:#a67c3b}.content-cards button b{font-size:11px}.content-cards button small{font-size:9px;color:var(--muted)}.preview-zone{background:#f1ede7}.preview-zone>.zone-head{background:#fff}.icon-button{border:1px solid var(--line);border-radius:9px;background:white;padding:7px 10px;cursor:pointer}.student-frame{max-width:590px;margin:14px auto 0;border:1px solid #e5ded4;border-radius:12px;background:#fff;overflow:hidden;min-height:500px;box-shadow:0 4px 18px #31291b0b}.student-brand{padding:13px 17px;border-bottom:1px solid #f1ece6;font-size:13px;font-weight:900}.student-brand span{display:inline;margin-left:6px}.student-hero{padding:20px 19px 14px}.student-hero>span{font-size:10px;color:#99733b;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.student-hero h1{font-size:24px;margin:7px 0}.student-hero p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.student-content{padding:0 17px}.student-module{padding:8px 0;border-top:1px solid #f1ece6}.student-module h3{font-size:12px;margin:5px 0}.student-lesson{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:0;border-radius:7px;background:white;padding:8px;cursor:pointer;font:inherit;font-size:11px}.student-lesson.active,.student-lesson:hover{background:#f7f2e9}.student-lesson span{color:#9b753a}.student-lesson small{margin-left:auto;color:var(--muted);font-size:9px}.student-current{padding:14px 19px 20px}.student-current>small{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800}.student-current h2{font-size:18px;margin:6px 0 12px}.student-current p{font-size:12px;line-height:1.65}.media-placeholder{height:150px;border-radius:10px;background:#211c17;color:white;display:grid;place-content:center;text-align:center;font-size:25px;gap:5px}.media-placeholder span{font-size:11px}.preview-placeholder{padding:15px;border-radius:9px;background:#faf8f5;color:var(--muted)}.preview-note{text-align:center;color:var(--muted);font-size:10px}.properties-empty{text-align:center;padding:48px 24px;color:var(--muted)}.properties-empty>span{font-size:24px;color:#b18b4e}.properties-empty h3{font-size:14px;color:var(--ink)}.properties-empty p{font-size:12px;line-height:1.6}.property-content{padding:16px}.property-type{display:inline-block;padding:5px 8px;border-radius:99px;background:var(--cream);color:#876632;font-size:10px;font-weight:800;margin-bottom:14px}.property-content .field{margin-bottom:14px}.property-content .field>span,.settings-card .field>span{font-size:11px;font-weight:750}.property-content input:not([type=checkbox]),.property-content textarea,.settings-card input,.settings-card textarea,.settings-card select,.grade-input,.feedback-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;margin-top:5px}.property-content textarea,.settings-card textarea{resize:vertical}.check-field{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--muted);margin:16px 0}.check-field input{margin:1px 0}.btn.danger{color:#963d30}.section-intro{margin:12px 0 20px}.section-intro h1{font-size:28px;margin:5px 0}.section-intro p{color:var(--muted);margin:0}.manage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.manage-cards .card{display:grid;gap:6px}.manage-cards span{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:750}.manage-cards strong{font-size:24px}.manage-table{margin:13px 0}.manage-table h2,.settings-card h2{font-size:17px;margin:0 0 15px}.table-scroll{overflow:auto}.grade-input,.feedback-input{min-width:100px;width:auto;display:block;margin:4px 0}.settings-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.settings-card{max-width:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card .field{display:grid;margin-bottom:14px}.settings-card .hint{margin:12px 0}.settings-card>.btn{margin-top:12px}.field-help{font-size:11px;color:var(--muted)}
@media(max-width:1150px){.three-zone{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.3fr)}.properties{grid-column:1/-1;min-height:auto}.properties .zone-head{padding:12px}.property-content{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.property-type,.property-content .check-field,.property-content #delete-item{grid-column:1/-1}}
@media(max-width:760px){.studio-top{flex-wrap:wrap;padding:10px 14px;gap:9px}.studio-course-name{order:3;width:100%}.studio-actions{gap:5px}.save-state{display:none}.studio-actions .btn{font-size:10px;padding:8px}.studio-nav{padding:0 10px}.studio-nav button{padding:14px 8px;font-size:11px}.studio-main{padding:10px}.three-zone,.settings-layout{grid-template-columns:1fr}.zone{min-height:auto}.preview-zone{order:3}.properties{grid-column:auto;order:2}.structure{order:1}.student-frame{min-height:400px}.manage-cards{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}}

/* Guided course-building steps */
.course-flow{display:flex;align-items:center;gap:8px;max-width:1640px;margin:14px auto 0;padding:0 20px;overflow:auto}.course-flow button{display:flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);cursor:pointer}.course-flow button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0ece6;font-size:11px;font-weight:800}.course-flow button strong{font-size:11px}.course-flow button.active{border-color:var(--gold);color:var(--ink);box-shadow:0 0 0 2px #c99a4218}.course-flow button.complete span{background:#e6f1e4;color:#28662a}.course-flow>i{font-style:normal;color:#a99f94}.next-step-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px;padding:13px;border:1px solid #e8dcc5;background:#fbf7ee;border-radius:11px}.next-step-card>div{display:grid;gap:5px}.next-step-card small{font-size:9px;font-weight:850;letter-spacing:.1em;color:#9a7133}.next-step-card strong{font-size:12px;line-height:1.45}.next-step-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.next-step-actions{display:flex;gap:6px;flex-shrink:0}.module-add-content{border:1px solid var(--line)!important;border-radius:6px;background:#fff!important;color:#635745!important;padding:5px 7px!important;font-size:9px!important;font-weight:750;white-space:nowrap}.module-add-content:hover{border-color:var(--gold)!important;background:var(--cream)!important}.settings-guide{margin:0 0 16px;padding:16px 18px}.settings-guide strong{font-size:14px}.settings-guide p{font-size:12px}.settings-guide>button{white-space:nowrap}
@media(max-width:760px){.course-flow{padding:0 10px;gap:5px}.course-flow button{padding:7px 9px}.course-flow button strong{font-size:10px}.next-step-card{align-items:flex-start;flex-direction:column}.next-step-actions{width:100%;flex-wrap:wrap}.settings-guide>button{white-space:normal}}

/* Painel do dashboard acessível no editor sem ocupar o espaço de construção */
.studio-top{position:sticky;overflow:visible;z-index:12}.studio-dashboard-panel{position:absolute;top:100%;right:18px;width:min(760px,calc(100vw - 36px));max-height:min(75vh,620px);overflow:auto;padding:18px;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 14px 36px #211a1026;z-index:20}.studio-dashboard-panel[hidden]{display:none}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.dashboard-panel-head>div{display:grid;gap:4px}.dashboard-panel-head small{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800}.dashboard-panel-head strong{font-size:14px}.dashboard-panel-head>a,.dashboard-panel-bottom a{font-size:11px;color:#735b34;text-decoration:none}.dashboard-panel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.dashboard-panel-metrics article{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfaf8;display:grid;gap:3px}.dashboard-panel-metrics strong{font-size:21px}.dashboard-panel-metrics span{font-size:10px;color:var(--muted)}.dashboard-panel-bottom{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.dashboard-panel-bottom>div>strong{font-size:12px}.dashboard-course-list{display:grid;gap:5px;margin-top:8px}.dashboard-course{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:8px;background:#faf8f5;font-size:11px}.dashboard-course a{flex:1;font-weight:750}.dashboard-course span{color:var(--muted);font-size:10px}.dashboard-panel-bottom nav{display:grid;gap:9px}.dashboard-panel-bottom nav a{white-space:nowrap}@media(max-width:760px){.studio-dashboard-panel{right:8px;width:calc(100vw - 16px);padding:13px}.dashboard-panel-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-panel-bottom{grid-template-columns:1fr}.studio-actions #dashboard-toggle{font-size:10px;padding:8px}}

/* Studio: paleta mais quente, elegante e com menos branco dominante */
.studio-page{--ink:#29231d;--muted:#766d62;--line:#d8cfc2;--cream:#eee5d7;--gold:#b88a3e;--panel:#f8f5ef;--bg:#e9e3d9;background:var(--bg);color:var(--ink)}
.studio-page .studio-top{background:#211b16;color:#f5f0e7;border-bottom-color:#393129;box-shadow:0 3px 12px #211a1018}
.studio-page .studio-brand{color:#fff9ef}.studio-page .studio-brand span{color:#c7bba9}.studio-page .studio-course-name small{color:#baad9b}.studio-page .save-state{color:#b7d0aa}.studio-page .save-state.unsaved{color:#efc875}
.studio-page .studio-actions .btn{background:#302820;color:#f5f0e7;border-color:#4a3f33}.studio-page .studio-actions .btn:hover{background:#3c3127;border-color:#a98347}.studio-page .studio-actions .btn.gold{background:#b88a3e;color:#211b16;border-color:#b88a3e}.studio-page .studio-actions .btn#dashboard-toggle{color:#ead9b8;border-color:#6c593d}
.studio-page .studio-nav{background:#f0ebe2;border-color:#d8cfc2}.studio-page .studio-nav button{color:#766d62}.studio-page .studio-nav button.active{color:#29231d}.studio-page .studio-nav>a{color:#766d62}
.studio-page .studio-main{color:var(--ink)}.studio-page .zone{background:#f8f5ef;border-color:#d8cfc2;box-shadow:0 5px 18px #3027190b}.studio-page .zone-head{border-color:#e4dbcf}.studio-page .structure,.studio-page .properties{background:#f8f5ef}.studio-page .preview-zone{background:#e4ddd2}.studio-page .preview-zone>.zone-head{background:#eee8de}.studio-page .student-frame{background:#fffdf9;border-color:#d8cfc2;box-shadow:0 8px 25px #30271912}
.studio-page .outline-item{background:transparent}.studio-page .outline-item:hover,.studio-page .outline-item.selected{background:#eee5d7}.studio-page .outline-module{border-color:#e5ddd2}.studio-page .module-add-content{background:#eee8de!important}.studio-page .content-cards button{background:#f4f0e8;border-color:#ded5c8}.studio-page .content-cards button:hover{background:#efe6d8}.studio-page .add-content{background:#f4f0e8}
.studio-page .properties-empty{color:#7e7468}.studio-page .property-content input:not([type=checkbox]),.studio-page .property-content textarea,.studio-page .settings-card input,.studio-page .settings-card textarea,.studio-page .settings-card select{background:#fffdf9;border-color:#d8cfc2;color:#29231d}
.studio-page .course-flow button{background:#f8f5ef;border-color:#d8cfc2;color:#766d62}.studio-page .course-flow button span{background:#e9e1d5;color:#574a38}.studio-page .course-flow button.active{background:#f4ead7;border-color:#b88a3e;color:#29231d}.studio-page .course-flow button.complete span{background:#e2ebdc;color:#3f6339}.studio-page .next-step-card{background:#f2eadb;border-color:#dfcfb2}.studio-page .settings-guide{background:#f2eadb}
.studio-page .studio-dashboard-panel{background:#f8f5ef;border-color:#4c4034;box-shadow:0 16px 40px #17110c42}.studio-page .dashboard-panel-metrics article{background:#f0ebe2;border-color:#ded5c8}.studio-page .dashboard-course{background:#eee8de}
.studio-page .card{background:#f8f5ef;border-color:#d8cfc2}.studio-page .manage-table .table th,.studio-page .manage-table .table td{border-color:#e1d8cc}
@media(max-width:760px){.studio-page .studio-top{background:#211b16}.studio-page .studio-nav{background:#f0ebe2}}

/* Studio alinhado com a identidade visual da Escola Groovium */
.studio-page{--ink:#f7f1e8;--muted:#c7bfb2;--line:rgba(201,163,78,.22);--cream:#211d18;--gold:#c9a34e;--panel:#181614;--bg:#0b0b0b;color:var(--ink);background:radial-gradient(ellipse at 50% -15%,rgba(154,106,61,.13),transparent 55%),linear-gradient(180deg,#080808 0%,#101010 52%,#080808 100%)}
.studio-page .studio-top{background:rgba(9,9,9,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(201,163,78,.24);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.studio-page .studio-brand{color:#fff}.studio-page .studio-brand span{color:#c7bfb2}.studio-page .studio-course-name small,.studio-page .zone-head small,.studio-page .section-intro small{color:#c5a66c}.studio-page .save-state{color:#b9d4ad}.studio-page .save-state.unsaved{color:#e0c37a}
.studio-page .studio-actions .btn{background:rgba(255,255,255,.06);color:#f7f1e8;border-color:rgba(255,255,255,.16);border-radius:999px}.studio-page .studio-actions .btn:hover{background:rgba(201,163,78,.14);border-color:rgba(201,163,78,.55)}.studio-page .studio-actions .btn#dashboard-toggle{color:#e0c37a;border-color:rgba(201,163,78,.48)}.studio-page .studio-actions .btn.gold{background:linear-gradient(135deg,#c9a34e,#8f6928);color:#080808;border-color:#c9a34e;box-shadow:0 10px 28px rgba(201,163,78,.16)}
.studio-page .studio-nav{background:rgba(14,13,12,.96);border-bottom:1px solid rgba(201,163,78,.18)}.studio-page .studio-nav button{color:#c7bfb2}.studio-page .studio-nav button:hover,.studio-page .studio-nav button.active{color:#fff}.studio-page .studio-nav button.active{border-bottom-color:#c9a34e}.studio-page .studio-nav>a{color:#c7bfb2}.studio-page .studio-nav>a:hover{color:#e0c37a}
.studio-page .studio-main{color:#f7f1e8}.studio-page .zone,.studio-page .card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border-color:rgba(201,163,78,.2);box-shadow:0 14px 38px rgba(0,0,0,.22)}.studio-page .zone-head{border-color:rgba(201,163,78,.16)}.studio-page .structure,.studio-page .properties{background:linear-gradient(180deg,#181614,#131210)}.studio-page .preview-zone{background:linear-gradient(145deg,#171512,#0f0e0c)}.studio-page .preview-zone>.zone-head{background:rgba(9,9,9,.35)}.studio-page .student-frame{background:#181614;border-color:rgba(201,163,78,.28);box-shadow:0 14px 44px rgba(0,0,0,.34)}.studio-page .student-brand{border-color:rgba(201,163,78,.18);color:#f7f1e8}.studio-page .student-brand span{color:#e0c37a}
.studio-page .outline-item{background:transparent;color:#f0e8dc}.studio-page .outline-item:hover,.studio-page .outline-item.selected{background:rgba(201,163,78,.12)}.studio-page .outline-module{border-color:rgba(201,163,78,.14)}.studio-page .outline-module-head input{color:#f7f1e8}.studio-page .outline-module-head input:focus{outline-color:#c9a34e}.studio-page .outline-module-head button{color:#c7bfb2}.studio-page .module-add-content{background:rgba(255,255,255,.06)!important;border-color:rgba(201,163,78,.28)!important;color:#e0c37a!important}.studio-page .module-add-content:hover{background:rgba(201,163,78,.14)!important}.studio-page .content-cards button{background:rgba(255,255,255,.045);border-color:rgba(201,163,78,.18);color:#f7f1e8}.studio-page .content-cards button:hover{background:rgba(201,163,78,.1);border-color:rgba(201,163,78,.5)}.studio-page .content-cards button span,.studio-page .type-icon{color:#e0c37a}.studio-page .add-content{background:rgba(0,0,0,.12)}.studio-page .module-empty,.studio-page .outline-empty,.studio-page .preview-note{color:#c7bfb2}
.studio-page .student-hero>span,.studio-page .student-current>small{color:#e0c37a}.studio-page .student-hero h1,.studio-page .student-current h2,.studio-page .student-module h3{color:#f7f1e8}.studio-page .student-hero p,.studio-page .student-current p,.studio-page .student-lesson{color:#c7bfb2}.studio-page .student-module{border-color:rgba(201,163,78,.16)}.studio-page .student-lesson{background:transparent}.studio-page .student-lesson.active,.studio-page .student-lesson:hover{background:rgba(201,163,78,.12)}.studio-page .student-lesson span{color:#e0c37a}.studio-page .preview-placeholder{background:rgba(255,255,255,.06);color:#c7bfb2}.studio-page .media-placeholder{background:linear-gradient(145deg,#29231b,#080808);border:1px solid rgba(201,163,78,.2)}
.studio-page .properties-empty{color:#c7bfb2}.studio-page .properties-empty>span{color:#e0c37a}.studio-page .properties-empty h3{color:#f7f1e8}.studio-page .property-content,.studio-page .settings-card{color:#f7f1e8}.studio-page .property-content input:not([type=checkbox]),.studio-page .property-content textarea,.studio-page .settings-card input,.studio-page .settings-card textarea,.studio-page .settings-card select,.studio-page .grade-input,.studio-page .feedback-input{background:#100f0d;border-color:rgba(201,163,78,.24);color:#f7f1e8}.studio-page .property-content input:focus,.studio-page .property-content textarea:focus,.studio-page .settings-card input:focus,.studio-page .settings-card textarea:focus,.studio-page .settings-card select:focus{outline:2px solid rgba(201,163,78,.42);border-color:#c9a34e}.studio-page .property-content .field>span,.studio-page .settings-card .field>span{color:#eee5d8}.studio-page .check-field,.studio-page .field-help,.studio-page .settings-card .hint{color:#c7bfb2}.studio-page .property-type{background:rgba(201,163,78,.13);color:#e0c37a}.studio-page .btn{background:rgba(255,255,255,.06);border-color:rgba(201,163,78,.24);color:#f7f1e8}.studio-page .btn.primary{background:linear-gradient(135deg,#c9a34e,#8c6526);border-color:#c9a34e;color:#080808}.studio-page .btn.danger{color:#f09a87}
.studio-page .course-flow button{background:rgba(24,22,20,.9);border-color:rgba(201,163,78,.22);color:#c7bfb2}.studio-page .course-flow button span{background:#29231b;color:#e0c37a}.studio-page .course-flow button.active{background:rgba(201,163,78,.12);border-color:#c9a34e;color:#fff;box-shadow:0 0 0 2px rgba(201,163,78,.1)}.studio-page .course-flow button.complete span{background:#273126;color:#b9d4ad}.studio-page .course-flow>i{color:#8e7854}.studio-page .next-step-card{background:linear-gradient(135deg,rgba(201,163,78,.13),rgba(24,22,20,.86));border-color:rgba(201,163,78,.32);color:#f7f1e8}.studio-page .next-step-card small{color:#e0c37a}.studio-page .next-step-card p{color:#c7bfb2}
.studio-page .studio-dashboard-panel{background:linear-gradient(180deg,#1b1916,#12110f);border-color:rgba(201,163,78,.4);color:#f7f1e8;box-shadow:0 16px 44px rgba(0,0,0,.6)}.studio-page .dashboard-panel-head small,.studio-page .dashboard-panel-metrics span{color:#c7bfb2}.studio-page .dashboard-panel-head>a,.studio-page .dashboard-panel-bottom a{color:#e0c37a}.studio-page .dashboard-panel-metrics article{background:rgba(255,255,255,.045);border-color:rgba(201,163,78,.18)}.studio-page .dashboard-panel-bottom{border-color:rgba(201,163,78,.2)}.studio-page .dashboard-course{background:rgba(255,255,255,.05)}.studio-page .dashboard-course span{color:#c7bfb2}
.studio-page .table th,.studio-page .table td{border-color:rgba(201,163,78,.18);color:#eee5d8}.studio-page .table th{color:#c7bfb2}.studio-page .toast{background:#211d18;border:1px solid rgba(201,163,78,.4);color:#f7f1e8}
@media(max-width:760px){.studio-page .studio-top{background:rgba(9,9,9,.97)}.studio-page .studio-nav{background:#11100e}}
.studio-page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.studio-page .studio-brand{font-family:Montserrat,Inter,sans-serif}.studio-page .section-intro h1{font-family:Cinzel,Georgia,serif;letter-spacing:-.02em}.studio-page .studio-course-name strong{font-family:Montserrat,Inter,sans-serif;letter-spacing:.01em}