.independent-clip-window {
  position: fixed;
  z-index: 12000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(3, 8, 6, .82);
}
.independent-clip-window > section {
  width: min(1000px, 96vw);
  overflow: hidden;
  border: 1px solid #627069;
  border-radius: 16px;
  background: #07100c;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .55);
}
.independent-clip-window header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  color: #fff;
  background: #15231d;
}
.independent-clip-stage {
  display: grid;
  place-items: center;
  min-height: 320px;
  background: #030504;
}
.independent-clip-player {
  display: block;
  width: 100%;
  max-height: 76vh;
  object-fit: contain;
  background: #030504;
}

.studio-dialog.previewing-draft .independent-clip-player {
  display: block;
}
.student-preview-notice {
  margin-bottom: 14px;
  padding: 11px 14px;
  border: 1px solid #a9c7b7;
  border-radius: 10px;
  color: #245f47;
  background: #edf7f1;
  font-weight: 850;
}
@media(max-width:700px){.independent-clip-window{padding:8px}.independent-clip-stage{min-height:220px}.independent-clip-player{max-height:78vh}}

.minimal-speed-control,
.clip-speed-label select {
  border: 1px solid #59635f;
  border-radius: 6px;
  background: #262d2a;
  color: #fff;
  padding: 6px 8px;
  font-weight: 800;
}

.clip-speed-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 2px;
  color: #466256;
  font-size: 12px;
  font-weight: 800;
}

.minimal-video-controls {
  grid-template-columns: 46px minmax(0, 1fr) auto auto auto !important;
}

.library-preview-page > [hidden],
.library-clip-video[hidden] {
  display: none !important;
}

.clip-encoding-progress {
  position: fixed;
  z-index: 10000;
  right: 22px;
  bottom: 22px;
  width: min(340px, calc(100vw - 44px));
  padding: 14px;
  border: 1px solid #caa928;
  border-radius: 12px;
  background: #111815;
  color: #fff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .38);
}
.clip-encoding-progress strong,
.clip-encoding-progress small { display: block; }
.clip-encoding-progress span {
  display: block;
  height: 7px;
  margin: 9px 0 6px;
  overflow: hidden;
  border-radius: 8px;
  background: #39443f;
}
.clip-encoding-progress i {
  display: block;
  width: 0;
  height: 100%;
  background: #f0ce3f;
  transition: width .15s linear;
}
.clip-encoding-progress small { color: #d8e1dc; }
.clip-encoding-progress.error { border-color: #d45c62; }
.clip-database{width:min(1180px,94vw);padding:4px}.clip-database>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.clip-database>header small{color:#34765d;font-weight:900;letter-spacing:1px}.clip-database>header h2{margin:6px 0}.clip-database>header p{margin:0;color:#66756e}.clip-filter-bar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(5,minmax(125px,1fr));gap:8px;padding:12px;border:1px solid #dbe5df;border-radius:14px;background:#f5f8f6}.clip-filter-bar input,.clip-filter-bar select{min-width:0;padding:10px;border:1px solid #ccd9d2;border-radius:9px;background:#fff}.clip-filter-bar .primary{grid-column:1/-1;justify-self:start}.clip-database-count{margin:14px 0 8px;color:#47705e;font-weight:800}.clip-database-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.clip-database-card{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #dce5e0;border-radius:14px;background:#fff}.clip-database-card video{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#07100c}.clip-database-card small{color:#66766e}.clip-database-card h3{margin:0}.clip-database-card strong{color:#33745b;font-size:11px}.clip-database-card button{margin-top:auto}.clip-training-mode{width:min(1180px,calc(100vw - 28px))!important;max-width:none!important;height:min(920px,calc(100vh - 28px))!important;max-height:none!important;padding:18px!important;overflow:hidden}.clip-training-mode #dialogContent{height:100%;overflow:auto}.clip-quiz{width:min(980px,100%);margin:0 auto;padding:4px 10px 24px;box-sizing:border-box}.clip-quiz>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.clip-quiz>header h2{margin:5px 0}.clip-training-media{display:flex;justify-content:center;margin:18px auto}.clip-quiz video{display:block;width:auto;max-width:100%;max-height:58vh;margin:0 auto;border-radius:14px;background:#050807}.clip-training-question{max-width:900px;margin:0 auto}.clip-training-question>small{color:#34765d;font-weight:900;letter-spacing:.08em}.clip-quiz textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cedbd4;border-radius:10px}.clip-quiz details{margin-top:12px;padding:14px;border:1px solid #d6e1db;border-radius:10px;background:#f4f8f6}.clip-quiz details summary{cursor:pointer;font-weight:900}.clip-quiz details audio{width:100%;margin-top:12px}.clip-quiz>.dialog-actions{max-width:900px;margin:18px auto 0}.student-card-actions{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:900px){.clip-filter-bar{grid-template-columns:1fr 1fr}.clip-database-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.clip-database>header{flex-direction:column}.clip-filter-bar,.clip-database-grid{grid-template-columns:1fr}.clip-training-mode{width:calc(100vw - 10px)!important;height:calc(100vh - 10px)!important;padding:8px!important}}
.clip-database-mode{width:calc(100vw - 28px)!important;max-width:none!important;height:calc(100vh - 28px)!important;max-height:none!important;margin:14px!important;padding:18px!important}.clip-database-mode #dialogContent{height:100%;overflow:auto}.clip-database-mode .clip-database{width:auto;min-height:100%;box-sizing:border-box}.clip-database-mode .clip-filter-bar{position:sticky;top:0;z-index:4;box-shadow:0 6px 18px rgba(13,39,29,.08)}
.course-workspace-mode{width:min(1200px,calc(100vw - 28px))!important;max-width:none!important;height:min(900px,calc(100vh - 28px))!important;max-height:none!important;margin:auto!important;padding:18px!important;resize:both;overflow:hidden;min-width:min(680px,calc(100vw - 28px));min-height:min(500px,calc(100vh - 28px))}.course-workspace-mode #dialogContent{height:100%;overflow:auto}.course-workspace-mode .course-organizer,.course-workspace-mode .library-page,.course-workspace-mode .teacher-review-flow,.course-workspace-mode .course-summary-page{width:auto!important;max-width:none!important;min-height:100%;box-sizing:border-box}.course-workspace-mode .organizer-footer,.course-workspace-mode .teacher-review-flow>footer{position:sticky;bottom:0;z-index:5}
.clip-precision-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:8px 0;padding:8px 10px;border:1px solid #d9e4de;border-radius:10px;background:#f5f8f6}.clip-precision-controls label{display:flex;align-items:center;gap:6px;color:#315f4b;font-size:10px;font-weight:850}.clip-precision-controls select{padding:6px 8px;border:1px solid #c8d7cf;border-radius:7px;background:#fff;font-weight:800}.clip-precision-controls small{margin-left:auto;color:#718078;font-size:9px}
.teacher-continuation-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(5,14,10,.72);box-sizing:border-box}.teacher-continuation-overlay>section{width:min(1050px,100%);padding:18px;border-radius:16px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.35)}.teacher-continuation-overlay header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.teacher-continuation-overlay h2,.teacher-continuation-overlay p{margin:3px 0}.teacher-continuation-crop{position:relative;margin:auto;overflow:hidden;border-radius:12px;background:#050807}.teacher-continuation-crop video{position:absolute;display:block;max-width:none;max-height:none}.teacher-continuation-overlay footer{display:flex;align-items:center;gap:12px;padding-top:12px}.teacher-continuation-overlay footer input{flex:1}.teacher-continuation-overlay footer label{display:flex;align-items:center;gap:6px;font-weight:800}@media(max-width:720px){.course-workspace-mode{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;min-width:0;min-height:0;resize:none;padding:10px!important}.teacher-continuation-overlay{padding:8px}.teacher-continuation-overlay footer{align-items:stretch;flex-direction:column}}
.course-month-group{margin:14px 0;border:1px solid #d5e1da;border-radius:14px;background:#fff;overflow:hidden}.course-month-group>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;cursor:pointer;background:#f1f6f3;color:#235f47;font-weight:900;text-transform:capitalize}.course-month-group>summary b{font-size:11px}.course-month-content{display:grid;gap:10px;padding:12px}.student-corrected-library{padding:20px 0}.student-corrected-course{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px}.student-corrected-course h3,.student-corrected-course p{margin:4px 0}.student-corrected-course small{color:#34765d;font-weight:850}@media(max-width:700px){.student-corrected-course{align-items:stretch;flex-direction:column}}
.clip-selection-actions{display:flex;gap:7px;flex-wrap:wrap;grid-column:1/-1}.clip-select{display:flex;align-items:center;gap:6px;font-weight:850;color:#315f4b}.clip-database-card.selected{outline:3px solid #4a8969;background:#f2f8f4}.clip-review-state{align-self:flex-start;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.clip-review-state.new{background:#e8eef7;color:#365c88}.clip-review-state.due{background:#fff0dc;color:#9a5700}.clip-review-state.reviewed{background:#e2f3e8;color:#28704d}.training-rating{margin-top:16px;padding:14px;border:1px solid #d3e0d8;border-radius:12px;background:#fff}.training-rating>div{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.training-rating button{padding:10px 16px;border:1px solid #c8d6ce;border-radius:9px;background:#fff;font-weight:900;cursor:pointer}.training-rating button.active{outline:3px solid rgba(65,126,99,.28)}.training-rating .training-again{color:#a23d35}.training-rating .training-hard{color:#946000}.training-rating .training-good{color:#28704d}.training-rating small{color:#68776f}
.training-sequence{display:flex;align-items:center;gap:14px;margin:2px 0 12px}.training-sequence>div{display:flex;flex:1;gap:5px}.training-sequence span{height:7px;flex:1;min-width:8px;border-radius:999px;background:#d8e1dc}.training-sequence span.done{background:#9bc1aa}.training-sequence span.active{background:#347a59}.training-sequence strong{white-space:nowrap;color:#315f4b;font-size:13px}
.clip-training-launch{display:flex;align-items:center;gap:9px;flex-wrap:wrap;grid-column:1/-1}.clip-training-launch label{font-size:12px;font-weight:900;color:#315f4b}.clip-training-launch select{min-width:190px}.clip-training-launch .primary{margin-left:auto}
.training-header-actions{display:flex;align-items:center;gap:8px}.training-rating-top{margin:0 0 14px;background:#f3f8f5}.training-rating-top>strong{font-size:14px}.clip-training-question>details{margin-top:12px}.training-header-actions .primary{white-space:nowrap}
.student-clip-permission{display:grid;gap:10px;margin:16px 0;padding:15px;border:1px solid #cfddd5;border-radius:12px;background:#f5f9f6}.student-clip-permission legend{padding:0 7px;font-weight:900;color:#315f4b}.student-clip-permission label{display:flex;align-items:center;gap:9px;font-weight:800}.student-clip-permission small{color:#68776f;line-height:1.45}
.clip-training-mode .clip-quiz{width:min(980px,100%)}
.clip-training-mode .clip-training-media{display:flex;align-items:center;justify-content:center;margin:18px auto}
.clip-training-mode .clip-training-media video{display:block;width:min(620px,88vw);max-width:100%;max-height:62vh;margin:0 auto;object-fit:contain}
.clip-database-card>img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#07100c}
.clip-training-mode .clip-training-media.fixed-training-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:none;margin:0;object-fit:contain;object-position:center;border-radius:14px;background:#050807}
.clip-training-mode .clip-training-question,.clip-training-mode .clip-quiz>.dialog-actions{max-width:760px}
.library-preview-page.student-sheet-layout{width:min(620px,100%);min-height:0;margin:0 auto;padding:28px;box-sizing:border-box}
.library-preview-page.student-sheet-layout>.library-preview-image{width:100%;max-height:58vh}
.clip-training-mode .clip-quiz.unified-student-sheet{width:100%;max-width:none;height:100%;padding:0;display:grid;place-items:center}
.clip-training-mode .unified-student-sheet .student-video-window{width:100%;max-width:none;max-height:calc(100vh - 64px)}
.clip-training-mode .unified-student-sheet .student-video-question{max-height:calc(100vh - 92px)}
.clip-training-mode .unified-student-sheet .student-video-crop{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 180px)}
.clip-training-mode .unified-student-sheet .student-video-crop video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.clip-training-mode .unified-student-sheet .student-video-crop.fixed-training-image{height:calc(100vh - 210px);min-height:460px;max-height:680px;aspect-ratio:auto}
.training-questionnaire{display:grid;gap:8px}.training-choice{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #d4dfd9;border-radius:9px;background:#fff;font-weight:800}.training-free-answer{width:100%;box-sizing:border-box}.unified-student-sheet .training-rating{margin-top:14px}.unified-student-sheet .training-sequence{margin:0;color:#fff}.unified-student-sheet .training-sequence strong{color:#dce9e2}
.clip-review-tabs{display:flex;gap:8px;margin:14px 0}.clip-review-tabs button{padding:10px 15px;border:1px solid #cbd9d1;border-radius:999px;background:#fff;font-weight:900;cursor:pointer}.clip-review-tabs button.active{border-color:#347a59;background:#347a59;color:#fff}.clip-review-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22)}