.workspace{--paper:#010101;font-size:14px;background:var(--paper)}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;padding:30px 23px 22px;background:#090909;border-right:1px solid #ffffff12;display:flex;flex-direction:column;z-index:5}.sidebar .brand{font-size:32px;margin-bottom:36px}.workspace-label{display:flex;align-items:center;gap:9px;padding:15px 0 24px;font-size:12px}.workspace-icon{display:grid;place-content:center;width:32px;height:32px;border-radius:7px;background:#252525;font-weight:600}.workspace-label strong{font-weight:500}.workspace-label small{display:block;color:#a3a3a3;font-size:10px;margin-top:4px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;gap:13px;align-items:center;text-align:left;padding:11px 12px;border:0;border-radius:6px;background:none;font-size:12px;color:#a3a3a3;transition:background .18s}.sidebar nav button>span{font-size:17px;width:18px;text-align:center}.sidebar nav button small{margin-left:auto;color:#a3a3a3;font-size:10px}.sidebar nav button.active{background:#321b13;color:#ef957d}.sidebar nav button:hover{background:#141414}.sidebar-bottom{display:grid;gap:15px;margin-top:auto;font-size:11px;color:#a3a3a3}.sidebar-bottom button{background:none;border:0;border-top:1px solid #ffffff12;padding:17px 0 0;text-align:left;font-size:11px;color:#cccccc}.app-frame{margin-left:230px}.workspace-bar{height:76px;border-bottom:1px solid #ffffff12;padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#010101de}.workspace-bar>span{font-size:11px;color:#a3a3a3}.workspace-bar>div{display:flex;align-items:center;gap:24px}.operational{font-size:10px;color:#a3a3a3;display:flex;align-items:center;gap:7px}.operational i{width:5px;height:5px;border-radius:50%;background:#e8613f}#workspace-content{padding:36px 38px 65px;max-width:1450px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.page-title h1{font-size:32px;font-weight:500;letter-spacing:-1.3px;margin:0 0 8px}.page-title p{margin:0;font-size:12px;color:#a3a3a3;line-height:1.8}.page-title .count{font-size:11px;color:#a3a3a3}.course-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.course-table th{font-size:10px;font-weight:500;color:#a3a3a3;padding:14px 15px;background:transparent;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.course-table td{padding:19px 15px;border-bottom:1px solid #ffffff12;color:#a3a3a3}.course-table .course-name{font-size:13px;color:#ededed;font-weight:500}.course-table td small{display:block;font-size:10px;margin-top:6px;color:#a3a3a3}.course-table tr[data-course]{cursor:pointer;transition:background .2s}.course-table tr[data-course]:hover{background:#141414}.status{font-size:10px;display:inline-flex;align-items:center;gap:5px;color:#bbbaa4;background:#b8b19608;border:1px solid #ffffff12;padding:5px 8px;border-radius:4px;text-transform:capitalize}.status::before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.status.pending{color:#d4ba79;background:#241e0e;border-color:#ffffff12}.status.failed{color:#ef947b;background:#28160e;border-color:#ffffff12}.course-focus{margin-top:35px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.course-focus img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#111111}.course-focus h2{font-size:28px;line-height:1.15;margin:14px 0 17px}.course-focus p{font-size:12px;line-height:1.9;color:#a3a3a3;max-width:350px}.source-to-result{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff12;padding:23px 0;margin-top:30px;font-size:11px;color:#a3a3a3}.source-to-result strong{display:block;font-size:12px;font-weight:500;color:#d3d3d3;margin-bottom:5px}.source-to-result>span{color:#a3a3a3}.source-to-result>div{flex:1}.source-to-result .file-icon{font-size:23px;padding:16px;background:#191613;border-radius:6px;flex:0;color:#a3a3a3}.back-link{border:0;background:none;font-size:11px;padding:0 0 22px;color:#a3a3a3}.course-header h1{font-size:32px;font-weight:500;letter-spacing:-1.2px;max-width:780px;line-height:1.18;margin:12px 0 18px}.course-header .meta{display:flex;gap:22px;font-size:11px;color:#a3a3a3;margin-bottom:24px}.tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff12;margin:25px 0}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:11px 0;color:#a3a3a3;font-size:12px}.tabs button.active{color:#ed9577;border-bottom-color:#ffffff12}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.result-layout video{width:100%;aspect-ratio:16/9;background:#111111;border-radius:7px}.chapter-list{list-style:none;margin:0;padding:0}.chapter-list li button{width:100%;text-align:left;display:flex;gap:14px;align-items:flex-start;border:0;border-bottom:1px solid #ffffff12;background:none;padding:14px 10px;font-size:11px;color:#b8b8b8;line-height:1.5;transition:background .2s}.chapter-list li button:hover,.chapter-list li button.active{background:#251a15}.chapter-list small{font-size:10px;color:#a3a3a3;min-width:34px;padding-top:2px}.inspector-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a3a3a3;margin:0 0 14px}.output-actions{display:flex;gap:20px;align-items:center;margin-top:15px;font-size:11px;color:#a3a3a3}.output-actions a,.output-actions button{background:none;border:0;font-size:11px;color:#a3a3a3;padding:9px 0}.output-actions .button{background:var(--lime);padding:10px 15px;color:var(--ink);gap:15px;margin-left:auto}.below-player{border-top:1px solid #ffffff12;margin-top:25px;padding-top:24px}.below-player h3{font-size:17px;margin:0 0 12px}.below-player p{font-size:12px;line-height:1.8;color:#a3a3a3;max-width:680px}.source-details{display:grid;grid-template-columns:1fr 1fr;gap:35px}.source-card{background:#111111;padding:27px;border-radius:7px}.source-card h3{font-size:19px;word-break:break-word;margin:14px 0}.source-card .filename{font-size:30px}.properties{display:grid;grid-template-columns:130px 1fr;font-size:11px;gap:14px;line-height:1.7}.properties dt{color:#a3a3a3}.properties dd{margin:0;color:#b8b8b8;overflow-wrap:anywhere}.source-preview{max-height:220px;overflow:auto;font-size:11px;color:#a3a3a3;line-height:1.7;background:#0c0c0c;padding:15px;margin-top:16px;border:1px solid #ffffff12}.storyboard{display:grid;gap:18px}.scene-row{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff12}.scene-row iframe{width:210px;aspect-ratio:16/9;border:0;border-radius:5px}.scene-row h3{font-size:17px;margin:0 0 12px}.scene-row p{font-size:12px;line-height:1.8;color:#a3a3a3}.scene-row details{font-size:10px;color:#a3a3a3}.scene-row blockquote{border-left:2px solid #ffffff12;margin:12px 0;padding:0 12px;line-height:1.8;color:#a3a3a3}.scene-row input,.scene-row textarea{width:100%;border:1px solid #ffffff12;border-radius:4px;background:#0c0c0c;padding:9px;font-size:12px;margin-top:7px}.scene-options{display:flex;gap:10px;margin:15px 0}.scene-options select{border:1px solid #ffffff12;background:#0c0c0c;padding:6px;font-size:10px}.review-bar{display:flex;justify-content:space-between;align-items:center;background:#161616;padding:20px;margin-top:25px;font-size:12px;border-radius:5px;gap:20px}.review-bar p{color:#a3a3a3;font-size:11px}.review-bar label{font-size:11px;line-height:1.8}.templates-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.template-choice{border-bottom:1px solid #ffffff12;padding-bottom:20px}.template-choice .preview-art{height:155px;background:#111111;border-radius:6px;display:grid;place-content:center;perspective:800px;overflow:hidden}.preview-art .mini-geometry{height:70px;width:100px;border:1px solid #ffffff12;background:#191919;transform:rotateY(-25deg) rotateX(15deg);box-shadow:20px -7px 0 #e8613f24,-20px 7px 0 #e8613f24;display:grid;place-content:center;font-size:30px;color:#ed9577;transition:transform .3s}.template-choice:hover .mini-geometry{transform:rotateY(-10deg) rotateX(5deg) translateY(-3px)}.template-choice h3{font-size:19px;margin:18px 0 9px}.template-choice p{font-size:11px;line-height:1.8;color:#a3a3a3}.template-choice .text-link{font-size:11px}.skill-table{list-style:none;margin:0;padding:0}.skill-table li{border-top:1px solid #ffffff12;padding:25px 0;display:grid;grid-template-columns:50px 1fr 120px;gap:20px}.skill-table span{font-size:11px;color:#a3a3a3}.skill-table h3{font-size:20px;margin:0 0 9px}.skill-table p{font-size:12px;color:#a3a3a3;line-height:1.8;max-width:600px}.skill-table details{font-size:11px;color:#a3a3a3;line-height:1.9}.skill-table a{font-size:10px;align-self:start;margin-top:7px;color:#a3a3a3}.settings-section{padding:25px 0;border-top:1px solid #ffffff12}.settings-section h2{font-size:21px;margin-bottom:20px}.quiz-question{padding:23px 0;border-top:1px solid #ffffff12}.quiz-question h3{font-size:16px}.quiz-question label{display:block;padding:8px 0;color:#a3a3a3;font-size:12px}.quiz-question input{accent-color:#e8613f;margin-right:8px}.certificate{background:#111111;border:1px solid #ffffff12;padding:40px;margin-top:30px}.certificate h2{font-size:29px}.empty{padding:70px 0;text-align:center;color:#a3a3a3}.empty h2{font-size:26px;color:#dddddd}.empty p{font-size:13px;margin-bottom:24px}dialog{width:min(650px,90vw);padding:30px;border:1px solid #ffffff12;border-radius:10px;color:var(--ink);background:#111111;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#00000099;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading h2{font-size:27px;margin:0}.dialog-heading button{background:none;border:0;font-size:25px;color:#a3a3a3}.upload-zone{border:1px dashed #ffffff12;border-radius:6px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;margin:24px 0;cursor:pointer;background:#15100e}.upload-zone>span{font-size:24px;margin-bottom:12px;color:#a3a3a3}.upload-zone strong{font-size:14px;font-weight:500}.upload-zone small{margin:10px 0;font-size:10px;color:#a3a3a3}.upload-zone input{width:230px;font-size:11px;color:#a3a3a3}.field{display:grid;gap:9px;font-size:11px;color:#a3a3a3;margin:20px 0}.field select{background:#0c0c0c;border:1px solid #ffffff12;border-radius:5px;padding:11px;color:#cccccc}.production-defaults{display:flex;justify-content:space-between;font-size:10px;color:#a3a3a3;padding:15px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.dialog-actions{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.dialog-actions .button{font-size:12px;padding:14px;gap:15px}#source-preview{padding:12px;font-size:11px;line-height:1.7;color:#a3a3a3;background:#0f0f0f;max-height:180px;overflow:auto}#csv-mapping{display:grid;grid-template-columns:1fr 1fr;gap:15px}#preview-dialog{width:min(900px,90vw)}#template-preview{width:100%;aspect-ratio:16/9;border:0;border-radius:7px}#toast{position:fixed;bottom:25px;right:30px;max-width:420px;padding:16px 23px;box-shadow:0 5px 25px #0002;background:#232323;color:#eeeeee;border-radius:6px;font-size:12px;z-index:20}.progress-bar{height:5px;background:#252525;margin:20px 0;border-radius:4px;overflow:hidden}.progress-bar span{display:block;height:100%;background:#e8613f}.auth-note{border-top:1px solid #ffffff12;padding-top:20px;margin-top:25px;color:#a3a3a3;font-size:11px;line-height:1.9}@media(max-width:1050px){.sidebar{width:195px;padding:25px 16px}.app-frame{margin-left:195px}#workspace-content{padding:30px 25px}.result-layout{grid-template-columns:1fr}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr)}.course-focus{grid-template-columns:1.5fr 1fr}.source-details{grid-template-columns:1fr}.operational{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px 20px;border-right:0;border-bottom:1px solid #ffffff12;display:block}.sidebar .brand{margin:0;font-size:27px}.sidebar .workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:20px;gap:5px}.sidebar nav button{white-space:nowrap;font-size:11px;padding:8px}.sidebar nav button>span,.sidebar nav button small{display:none}.app-frame{margin-left:0}.workspace-bar{height:65px;padding:0 20px}.workspace-bar .button{font-size:11px;padding:10px}#workspace-content{padding:26px 20px}.page-title h1,.course-header h1{font-size:27px}.course-table th:nth-child(3),.course-table td:nth-child(3){display:none}.course-table td,.course-table th{padding:15px 6px}.course-table .course-name{font-size:11px}.course-focus{grid-template-columns:1fr;gap:20px}.source-to-result{gap:13px;font-size:10px;align-items:flex-start}.source-to-result strong{font-size:11px}.source-to-result .file-icon{display:none}.course-header .meta{flex-wrap:wrap;gap:10px;font-size:10px}.tabs{gap:21px}.templates-workspace{grid-template-columns:1fr}.skill-table li{grid-template-columns:25px 1fr;gap:10px}.skill-table li>a{grid-column:2}.scene-row{grid-template-columns:1fr}.scene-row iframe{width:100%;aspect-ratio:16/9}.review-bar{flex-direction:column;align-items:flex-start}.output-actions{flex-wrap:wrap}.output-actions .button{margin-left:0}.chapter-list{grid-template-columns:1fr}.properties{grid-template-columns:100px 1fr}.production-defaults{flex-wrap:wrap;gap:12px}.dialog-actions .button{font-size:10px}dialog{padding:22px}.course-table td:last-child{font-size:10px}}

/* The original Tavira workspace: dark surfaces, Instrument Serif and orange. */
.workspace{color-scheme:dark;line-height:1.55}
.sidebar{width:225px;padding:26px 17px 18px}
.sidebar .brand{font-family:var(--serif);font-size:43px;font-weight:400;letter-spacing:-1.9px;line-height:1;margin:0 12px 31px;display:block}
.sidebar .brand sup{font-family:var(--sans);font-size:8px;letter-spacing:0;vertical-align:top;display:inline-block;margin:8px 0 0 4px;top:0}
.workspace-label{border:1px solid #ffffff12;border-radius:9px;padding:10px;margin:0 1px 21px}
.sidebar nav{gap:6px}.sidebar nav button{padding:12px 13px;border:1px solid transparent;border-radius:8px;font-size:13px;color:#999}
.sidebar nav button.active{color:#ef957d;background:#321b13;border-color:#73412c70}.sidebar nav button:hover{color:#eee;background:#141414}
.app-frame{margin-left:225px}.workspace-bar{height:81px;padding:0 41px;position:sticky;top:0;z-index:4;background:#010101de;backdrop-filter:blur(18px)}
#workspace-content{padding:38px 42px 70px;max-width:1550px;animation:workspace-enter .28s ease-out}
.page-title h1,.course-header h1{font-family:var(--serif);font-size:43px;font-weight:400;letter-spacing:-.8px;white-space:normal;line-height:1.13}
.page-title p{margin-top:11px;font-size:12px;color:#828282}.course-focus h2{font-family:var(--serif);font-size:35px;font-weight:400}
.course-table th{font-family:var(--mono);font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#777;padding:16px 12px;background:none;border-top:0;border-bottom:1px solid #ffffff1a}
.course-table td{padding:17px 12px;font-size:12px;color:#aaa}.course-table td:first-child,.course-table th:first-child{padding-left:0}.course-table td:last-child,.course-table th:last-child{padding-right:0}.course-table .course-name{color:#d3d3d3}
.workspace .button{min-height:40px;border-radius:30px;padding:10px 19px;gap:9px;font-size:12px;font-weight:500;color:#fff;background:var(--orange);border:1px solid transparent;line-height:1.3}
.workspace .button:hover{background:#d75d34;box-shadow:0 3px 25px #e8613f20;transform:translateY(-1px)}
.workspace .button.secondary{background:transparent;border-color:#ffffff20;color:#ccc}.workspace .button.secondary:hover{background:#202020}
.workspace .text-link{font-weight:400;color:#d79a81}.tabs button.active{border-bottom-color:var(--orange)}
.source-card{border:1px solid #ffffff12}.review-bar{border:1px solid #e8613f2c;background:#e8613f09}.upload-zone{border-color:#76503b}
.workspace input:not([type=checkbox]):not([type=radio]),.workspace textarea,.workspace select{color:var(--ink);background:#0c0c0c;border-color:#ffffff20}
.workspace input:focus-visible,.workspace textarea:focus-visible,.workspace select:focus-visible{outline:1px solid var(--orange);outline-offset:2px}
.properties dd{color:#b8b8b8}.workspace .status{font-family:var(--mono);text-transform:uppercase;font-size:8px;letter-spacing:.5px}
.preview-art .mini-geometry{border-color:#76503b;color:#ed9577}.output-actions .button{color:#fff}.workspace .operational i{background:var(--orange)}
@keyframes workspace-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.sidebar{width:195px;padding:25px 16px}.app-frame{margin-left:195px}#workspace-content{padding:30px 25px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px 20px;display:block}.sidebar .brand{font-size:32px;margin:0}.sidebar nav button{padding:8px;font-size:11px}.app-frame{margin-left:0}.workspace-bar{height:65px;padding:0 20px}#workspace-content{padding:26px 20px}.page-title h1,.course-header h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){#workspace-content{animation:none}}
.sidebar .brand{display:flex;align-items:center;gap:8px}.sidebar .brand img{display:block;width:25px;height:34px;object-fit:contain;flex:none}.sidebar .brand sup{align-self:flex-start;margin-left:-5px}