.course-editor{min-height:100vh;background-color:var(--app-page, #f8fafc);color:var(--app-text, #0f172a);padding:24px 20px 80px;max-width:1040px;margin:0 auto;box-shadow:0 0 0 100vmax var(--app-page, #f8fafc);clip-path:inset(0 -100vmax)}.revision-freeze-callout{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--app-accent-soft, #E8F3F1);border:1px solid var(--app-border, #D8E2DB);border-radius:16px;box-shadow:var(--app-shadow-sm, 0 2px 8px rgba(23, 43, 48, .05));margin-bottom:24px}.revision-freeze-callout svg{flex-shrink:0;color:var(--app-accent-text, #174D53);margin-top:2px}.revision-freeze-title{font-size:var(--type-body);font-weight:700;color:var(--app-text, #172B30);letter-spacing:-.01em;margin-bottom:4px}.revision-freeze-desc{font-size:var(--type-label);font-weight:500;color:var(--app-accent-text, #174D53);line-height:1.5}.course-syllabus-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.course-lesson-card{border:1px solid var(--app-border, #e2e8f0);border-radius:14px;background:var(--app-surface, #ffffff);box-shadow:0 2px 8px #0f172a0a;overflow:hidden;transition:all .15s ease}.course-lesson-card:hover{border-color:var(--app-border, #cbd5e1);box-shadow:0 4px 16px #0f172a14}.course-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;background:var(--app-surface, #ffffff);border-bottom:1px solid var(--app-border, #D8E2DB);transition:background .15s ease}.course-lesson-header:hover{background:var(--app-page, #f8fafc)}.course-lesson-left{display:flex;align-items:center;gap:12px;flex:1}.course-lesson-pos{width:32px;height:32px;background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53);border-radius:10px;font-size:var(--type-label);font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-lesson-info{display:flex;flex-direction:column;gap:2px}.course-lesson-title{font-size:var(--type-body);font-weight:700;color:var(--app-text, #0f172a)}.course-lesson-badge{font-size:var(--type-caption);font-weight:500;color:var(--app-text-secondary, #64748b)}.course-lesson-actions{display:flex;align-items:center;gap:8px}.course-reorder-btn{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--app-border, #cbd5e1);border-radius:8px;background:var(--app-surface, #ffffff);color:var(--app-text-secondary, #475569);cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}.course-reorder-btn:hover:not(:disabled){background:var(--app-page, #f8fafc);border-color:#94a3b8;color:var(--app-text, #0f172a)}.course-reorder-btn:disabled{opacity:.35;cursor:not-allowed}.course-nested-items{padding:14px 18px 16px 54px;background:var(--app-page, #f8fafc);display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--app-border, #e2e8f0)}.course-nested-item-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:var(--type-label);font-weight:500;color:var(--app-text-secondary, #334155);padding:10px 12px;border:1px solid var(--app-border, #e2e8f0);border-radius:8px;background:var(--app-surface, #ffffff);box-shadow:0 1px 2px #00000005}@media(max-width:640px){.course-lesson-header{flex-direction:column;align-items:stretch;gap:12px}.course-lesson-actions{width:100%;justify-content:space-between;border-top:1px solid var(--app-border, #D8E2DB);padding-top:10px}.course-reorder-btn{min-width:44px;min-height:44px}.course-nested-items{padding-left:18px}}.course-picker-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a73}.course-picker{width:min(640px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:20px;padding:24px;overflow:hidden;background:var(--app-surface, #ffffff);color:var(--app-text, #172B30);border:1px solid var(--app-border, #D8E2DB);border-radius:var(--radius-modal, 24px);box-shadow:0 24px 64px #0f172a33}.course-picker-header{display:flex;align-items:flex-start;gap:16px}.course-picker-header h3{margin:0 0 8px;font-size:var(--type-section);line-height:1.4;font-weight:700}.course-picker-header p{margin:0;color:var(--app-text-secondary, #52656A);font-size:var(--type-label);line-height:1.6}.course-picker-close{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;margin-left:auto;padding:0;border:1px solid var(--app-border, #D8E2DB);border-radius:10px;background:var(--app-page, #f8fafc);color:var(--app-text-secondary, #52656A);cursor:pointer}.course-picker-search{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px;min-height:46px;border:1px solid var(--app-border, #D8E2DB);border-radius:12px;color:var(--app-text-secondary, #52656A)}.course-picker-search:focus-within{border-color:var(--app-primary, #174D53);box-shadow:0 0 0 3px var(--app-focus-ring, rgba(23, 77, 83, .22))}.course-picker-search input{width:100%;min-width:0;padding:10px 0;border:0;outline:none;background:transparent;color:var(--app-text, #172B30);font:inherit;font-size:var(--type-body);box-shadow:none}.course-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px}.course-picker-row{display:flex;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid var(--app-border, #D8E2DB);border-radius:12px;background:var(--app-surface, #ffffff);color:var(--app-text, #172B30);font:inherit;text-align:left;cursor:pointer;box-shadow:none}.course-picker-row:hover:not(:disabled){border-color:var(--app-primary, #174D53);background:var(--app-accent-soft, #E8F3F1)}.course-picker-row:disabled{background:var(--app-page, #f8fafc);cursor:default;opacity:.65}.course-picker-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53)}.course-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.course-picker-title{font-size:var(--type-body);font-weight:600;line-height:1.5;overflow-wrap:anywhere}.course-picker-status{color:var(--app-text-secondary, #52656A);font-size:var(--type-label)}.course-picker-select{flex-shrink:0;color:var(--app-accent-text, #174D53);font-size:var(--type-label);font-weight:700}.course-picker-message{margin:0;padding:24px 12px;color:var(--app-text-secondary, #52656A);font-size:var(--type-label);line-height:1.6;text-align:center}.course-picker-close:focus-visible,.course-picker-row:focus-visible{outline:2px solid var(--app-primary, #174D53);outline-offset:2px}@media(max-width:640px){.course-picker{padding:18px;gap:16px}.course-picker-header h3{font-size:var(--type-card-title)}.course-picker-row{padding:12px;gap:10px}}.course-editor button,.course-editor a[class*=rounded]{border-radius:var(--radius-control, 12px)}
