:root{--navy:#071a38;--navy2:#0d315d;--blue:#1765e8;--teal:#08b8b7;--cyan:#25d2c7;--orange:#f25f35;--text:#596575;--muted:#8a94a2;--line:#e6e9ee;--soft:#f7f8fa;--white:#fff;--shadow:0 18px 55px rgba(7,26,56,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.studio-eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.4px}.studio-primary-btn,.studio-dark-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:0;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.studio-primary-btn{color:#fff;background:linear-gradient(135deg,var(--blue),#384bd8)}.studio-dark-btn{color:#fff;background:#111}.studio-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ef5d54;color:#fff;font-size:11px;font-weight:700}.studio-avatar.small{width:27px;height:27px;font-size:9px}
/* login compatibility */
.studio-login-page{min-height:100vh}.studio-login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.studio-login-brand{padding:48px 8%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(37,210,199,.17),transparent 28%),linear-gradient(145deg,#06172f,#0b2c56)}.studio-login-logo img{width:210px;background:#fff;padding:8px 12px;border-radius:12px}.studio-brand-content{max-width:650px;padding:70px 0}.studio-brand-content h1{margin:18px 0 0;font-family:Manrope,sans-serif;font-size:clamp(50px,5vw,76px);line-height:1.03;letter-spacing:-.045em}.studio-brand-content h1 span{display:block;color:var(--cyan)}.studio-brand-content>p{max-width:580px;margin:24px 0 0;color:rgba(255,255,255,.68);font-size:16px;line-height:1.8}.studio-login-features{margin-top:38px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.studio-login-features div{padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.045);font-size:11px}.studio-brand-footer{display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:10px}.studio-login-panel{padding:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f5f9ff)}.studio-login-card{width:100%;max-width:470px;padding:45px;border:1px solid #dfe7f1;border-radius:25px;background:#fff;box-shadow:var(--shadow)}.studio-login-card h2{margin:10px 0 0;font-family:Manrope,sans-serif;font-size:30px}.studio-login-intro{color:var(--text);font-size:12px}.studio-login-form{margin-top:30px}.studio-login-form label,.studio-form-card label{display:block;margin-bottom:18px;font-size:11px;font-weight:700}.studio-login-form input,.studio-form-card input,.studio-form-card textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8e1ed;border-radius:10px;outline:none}.studio-login-form button{width:100%;min-height:52px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),#384bd8);font-weight:800}.studio-alert{margin:20px 0;padding:12px 14px;border:1px solid #ffd2ca;border-radius:9px;color:#ad3e2b;background:#fff3f0;font-size:11px}.studio-login-support,.studio-back-link{text-align:center;font-size:10px}.studio-login-support{margin-top:24px;padding:15px;background:#f6f9fd;border-radius:11px}.studio-back-link{display:block;margin-top:22px;color:var(--muted)}
/* dashboard */
.studio-app-body{background:#fff}.studio-shell{min-height:100vh;display:grid;grid-template-columns:158px 1fr}.studio-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;background:#fff}.studio-side-brand img{width:115px}.studio-side-nav{margin-top:26px;display:grid;gap:4px}.studio-side-nav a{padding:10px 9px;border-radius:7px;display:flex;gap:9px;align-items:center;font-size:11px;color:#333}.studio-side-nav a span{width:18px;text-align:center;color:#555}.studio-side-nav a.active{background:#eaf7fb;color:#116c86}.studio-side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.studio-profile-chip{display:flex;gap:8px;align-items:center}.studio-profile-chip strong{display:block;font-size:9px;line-height:1.2}.studio-profile-chip small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.studio-signout{display:block;margin-top:12px;font-size:9px;color:var(--muted)}.studio-dashboard-main{padding:20px 34px 60px;max-width:1260px;width:100%;margin:0 auto}.studio-dashboard-topline{display:flex;justify-content:space-between;color:#333;font-size:10px}.studio-dashboard-topline a{color:var(--muted)}.studio-welcome{margin-top:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.studio-welcome h1{margin:0;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.03em}.studio-welcome p{margin:7px 0 0;color:var(--text);font-size:12px}.studio-create-panel{margin-top:20px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.studio-create-tabs{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;gap:8px}.studio-create-tabs button{border:0;background:#f6f7f8;padding:7px 12px;border-radius:18px;font-size:9px}.studio-create-tabs button.active{background:#e9f7fb;color:#08778e;font-weight:700}.studio-create-message{min-height:155px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(90deg,#fff,#fbf8ff)}.studio-create-message strong{font-size:16px}.studio-create-message p{color:var(--text);font-size:11px}.studio-create-tools{border-top:1px solid var(--line);padding:10px 18px;display:flex;gap:18px;flex-wrap:wrap;color:#666;font-size:9px}.studio-course-section{margin-top:34px}.studio-section-head h2{margin:0;font-size:15px}.studio-section-head p{margin:5px 0;color:var(--muted);font-size:10px}.studio-course-grid{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-course-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;transition:.2s}.studio-course-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.07)}.studio-course-cover{height:138px;padding:12px;background:linear-gradient(135deg,#f4f3ff,#eaf7fb);display:flex;justify-content:space-between;align-items:flex-start}.studio-cover-mark{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;font-weight:700}.studio-course-cover span{font-size:8px;background:#fff;padding:5px 8px;border-radius:20px}.studio-course-meta{padding:13px}.studio-course-meta h3{margin:0;font-size:12px}.studio-course-meta p,.studio-course-meta small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.studio-empty-state{margin-top:15px;padding:45px;border:1px dashed #ccd2db;border-radius:10px;text-align:center}.studio-empty-icon{width:42px;height:42px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff}.studio-empty-state h3{font-size:15px}.studio-empty-state p{font-size:10px;color:var(--muted)}
/* create */
.studio-form-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:#f7f8fa}.studio-form-card{width:min(620px,100%);padding:38px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.studio-form-card h1{font-family:Manrope,sans-serif}.studio-form-card>p{color:var(--text);font-size:12px}.studio-form-card form{margin-top:28px}.studio-form-card textarea{resize:vertical}.studio-back{display:inline-block;margin-bottom:28px;color:var(--muted);font-size:10px}.studio-full-btn{width:100%}
/* editor top */
.studio-editor-body{background:#fff;padding-top:55px}.editor-topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:55px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.editor-top-left,.editor-top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;border:0;border-radius:7px;background:#fff;cursor:pointer;font-size:15px}.icon-btn:hover{background:#f5f6f8}.course-title-menu{max-width:320px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;display:flex;gap:12px;align-items:center;font-size:10px;font-weight:600}.course-title-menu span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-preview-btn{height:34px;padding:0 15px;border:0;border-radius:18px;background:#090909;color:#fff;font-size:10px;font-weight:700;cursor:pointer}
/* drawers */
.outline-drawer,.block-library{position:fixed;z-index:80;top:0;bottom:0;left:0;width:330px;background:#fff;border-right:1px solid var(--line);box-shadow:12px 0 35px rgba(0,0,0,.08);transform:translateX(-102%);transition:.22s ease;overflow-y:auto}.outline-drawer.open,.block-library.open{transform:translateX(0)}.drawer-head{height:58px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head strong{font-size:13px}.drawer-head button{border:0;background:transparent;font-size:21px;cursor:pointer}.drawer-backdrop{display:none;position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.12)}.drawer-backdrop.show{display:block}.outline-course-fields{padding:16px;border-bottom:1px solid var(--line)}.outline-course-fields label{display:block;margin-bottom:12px;color:#555;font-size:9px}.outline-course-fields input,.outline-course-fields textarea{width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:6px}.mini-save-btn,.outline-add-btn{width:100%;min-height:36px;border:1px solid var(--line);border-radius:6px;background:#111;color:#fff;font-size:9px;cursor:pointer}.outline-list{padding:10px}.outline-list a{display:flex;gap:9px;padding:10px;border-radius:6px;font-size:10px}.outline-list a.active{background:#eef7fb;color:#067990}.outline-add-btn{width:calc(100% - 20px);margin:4px 10px 20px;background:#fff;color:#111}.block-library-list{padding:8px 0}.block-library-list button{width:100%;padding:9px 18px;border:0;background:#fff;display:grid;grid-template-columns:28px 1fr;text-align:left;align-items:center;cursor:pointer}.block-library-list button:hover{background:#f6f7f8}.block-library-list button>span{font-size:14px}.block-library-list strong{display:block;font-size:10px}.block-library-list small{display:block;margin-top:2px;color:var(--muted);font-size:8px}
/* editor canvas */
.editor-canvas{max-width:960px;margin:0 auto;padding:44px 0 130px}.lesson-hero{padding:18px 90px 60px}.lesson-title-input{width:100%;border:0;outline:0;padding:0;background:transparent;font-family:Manrope,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.03em}.lesson-author{margin-top:18px;display:flex;gap:9px;align-items:center;color:#555;font-size:9px}.lesson-accent{width:100px;height:3px;margin-top:28px;background:var(--orange)}.lesson-content{border-top:1px solid #eceef1}.editor-empty-blocks{padding:70px 20px;text-align:center}.round-add,.between-add{width:28px;height:28px;border:0;border-radius:50%;background:#080808;color:#fff;cursor:pointer}.editor-empty-blocks h3{font-size:14px}.editor-empty-blocks p{color:var(--muted);font-size:10px}.editor-block{position:relative;padding:30px 90px;border-bottom:1px solid #f0f1f3;min-height:105px}.block-inner{max-width:760px;margin:0 auto}.block-inner h2{font-size:22px;margin:0 0 10px}.body-text{font-family:Georgia,serif;font-size:15px;line-height:1.65}.block-left-tools,.block-right-tools{position:absolute;top:18px;display:flex;gap:3px;opacity:0;transition:.15s}.editor-block:hover .block-left-tools,.editor-block:hover .block-right-tools{opacity:1}.block-left-tools{left:12px}.block-right-tools{right:12px}.block-left-tools button,.block-right-tools button{width:27px;height:27px;border:0;background:#fff;border-radius:5px;cursor:pointer;color:#666}.block-left-tools button:hover,.block-right-tools button:hover{background:#f1f2f4}.between-add{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);z-index:2;opacity:0}.editor-block:hover .between-add{opacity:1}.statement-block{padding:18px 24px;border-left:3px solid var(--orange);font-size:20px;line-height:1.45;text-align:center}.block-inner blockquote{font-family:Georgia,serif;font-size:22px;line-height:1.5;text-align:center}.editable-list{font-family:Georgia,serif;font-size:15px;line-height:1.8}.media-placeholder{min-height:260px;padding:24px;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa}.media-placeholder>span{font-size:34px}.media-placeholder strong{margin:10px 0;font-size:12px}.block-url-input{width:min(520px,100%);padding:10px;border:1px solid var(--line);border-radius:5px}.media-placeholder small{margin-top:10px;color:var(--muted)}.process-demo{padding:30px;background:#f6f6f6;text-align:center}.process-card{max-width:520px;margin:auto;padding:25px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08)}.process-card h3{margin:0 0 10px}.process-card p{font-family:Georgia,serif;font-size:13px}.process-card button{margin-top:15px;padding:9px 36px;border:0;border-radius:18px;background:var(--orange);color:#fff;font-size:8px}.process-dots{margin-top:14px;display:flex;gap:14px;justify-content:center;align-items:center;font-size:9px}.process-dots b{width:22px;height:22px;border:1px solid #111;border-radius:50%;display:flex;align-items:center;justify-content:center}.flashcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flashcard{height:160px;border:1px solid #ddd;border-top:2px solid var(--orange);display:flex;align-items:center;justify-content:center;position:relative}.flashcard span{position:absolute;right:8px;top:7px;font-size:10px}.flashcard p{font-size:16px;color:#555}.knowledge-card{max-width:520px;margin:auto;padding:28px;border:1px solid var(--line);box-shadow:0 5px 18px rgba(0,0,0,.06)}.knowledge-card h3{text-align:center}.knowledge-card label{display:block;margin:9px 0;padding:10px;background:#f9f9f9;font-size:10px}.knowledge-card button{display:block;margin:18px auto 0;padding:9px 45px;border:0;border-radius:18px;background:var(--orange);color:#fff;font-size:8px}.studio-divider{border:0;border-top:1px solid #ddd}.continue-wrap{text-align:center}.continue-wrap button{min-width:340px;padding:12px;border:0;background:var(--orange);color:#fff;font-size:9px}.quick-block-tray{position:fixed;z-index:40;left:50%;bottom:18px;transform:translateX(-50%);display:flex;background:#fff;border:1px solid #dfe2e7;box-shadow:0 10px 30px rgba(0,0,0,.12)}.quick-block-tray button{width:64px;height:60px;border:0;border-right:1px solid #eef0f2;background:#fff;font-size:15px;cursor:pointer}.quick-block-tray button span{display:block;margin-top:5px;color:#555;font-size:7px}.quick-block-tray .library-launch{width:70px;background:#0a0a0a;color:#fff;font-size:8px;line-height:1.2}.quick-block-tray .library-launch span{color:#fff;font-size:13px;margin:0 0 3px}.editor-toast{position:fixed;z-index:100;right:18px;bottom:18px;padding:9px 14px;border-radius:20px;background:#111;color:#fff;font-size:9px;opacity:0;transform:translateY(8px);transition:.2s}.editor-toast.show{opacity:1;transform:translateY(0)}.no-lesson{padding:80px;text-align:center}
/* preview mode */
.preview-overview-link{display:none;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#222;font-size:9px;font-weight:700;cursor:pointer}.preview-mode .preview-overview-link{display:inline-flex;align-items:center}.preview-mode .editor-topbar{opacity:.97}.preview-mode .course-title-menu,.preview-mode .editor-top-actions>.icon-btn{display:none}.preview-mode .block-left-tools,.preview-mode .block-right-tools,.preview-mode .between-add,.preview-mode .quick-block-tray{display:none!important}.preview-mode .editor-block{border-bottom:0}.preview-mode .lesson-title-input{pointer-events:none}.preview-mode [contenteditable="true"]{outline:none;pointer-events:none}.course-preview-overview{display:none;background:#fff;min-height:calc(100vh - 55px)}.preview-mode.preview-overview-active .course-preview-overview{display:block}.preview-mode.preview-overview-active .editor-canvas{display:none}.preview-cover{min-height:420px;display:flex;align-items:center;background:linear-gradient(135deg,#071a38 0%,#0d315d 62%,#0d5b73 100%);color:#fff}.preview-cover-inner{width:min(900px,calc(100% - 48px));margin:0 auto;padding:70px 0}.preview-kicker{display:block;margin-bottom:15px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.6px}.preview-cover h1{max-width:760px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.04em}.preview-description{max-width:670px;margin:22px 0 0;color:rgba(255,255,255,.72);font-family:Georgia,serif;font-size:16px;line-height:1.75}.preview-author-row{margin-top:28px;display:flex;align-items:center;gap:11px}.preview-author-row div{display:flex;flex-direction:column;gap:2px}.preview-author-row small{color:rgba(255,255,255,.55);font-size:8px}.preview-author-row strong{font-size:10px}.preview-start-btn{margin-top:32px;min-width:175px;height:42px;padding:0 18px;border:0;border-radius:22px;background:var(--orange);color:#fff;font-size:9px;font-weight:800;letter-spacing:.6px;cursor:pointer}.preview-start-btn span{margin-left:14px;font-size:15px}.preview-overview-body{width:min(900px,calc(100% - 48px));margin:0 auto;padding:55px 0 90px}.preview-overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.preview-overview-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.025em}.preview-lesson-count{color:var(--muted);font-size:9px}.preview-lesson-list{margin-top:10px}.preview-lesson-item{min-height:72px;padding:0 14px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;border-bottom:1px solid #eceef1}.preview-lesson-item.current{background:#f8fbfc}.preview-lesson-number{color:var(--teal);font-size:9px;font-weight:800}.preview-lesson-item strong{display:block;font-size:12px}.preview-lesson-item small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.preview-lesson-arrow{color:#777;font-size:18px;text-align:right}.preview-empty-course{padding:30px 14px;color:var(--muted);font-size:11px}.preview-mode:not(.preview-overview-active) .editor-canvas{display:block}.preview-mode:not(.preview-overview-active) .lesson-content{border-top:1px solid #eceef1}
@media(max-width:900px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:relative;height:auto;display:none}.studio-course-grid{grid-template-columns:repeat(2,1fr)}.editor-canvas{max-width:100%}.lesson-hero,.editor-block{padding-left:36px;padding-right:36px}.quick-block-tray{max-width:94vw;overflow-x:auto}.studio-login-layout{grid-template-columns:1fr}.studio-login-brand{min-height:auto}.studio-login-panel{padding:40px 20px}}
@media(max-width:600px){.studio-dashboard-main{padding:18px}.studio-welcome{display:block}.studio-welcome .studio-primary-btn{margin-top:15px}.studio-create-message{display:block}.studio-create-message .studio-dark-btn{margin-top:14px}.studio-course-grid{grid-template-columns:1fr}.editor-top-actions .icon-btn{display:none}.course-title-menu{max-width:190px}.lesson-hero,.editor-block{padding-left:20px;padding-right:20px}.lesson-title-input{font-size:24px}.flashcard-grid{grid-template-columns:1fr}.continue-wrap button{min-width:100%}.outline-drawer,.block-library{width:88vw}.studio-login-features{grid-template-columns:1fr}}
/* =========================================================
   COURSE ACTIONS
========================================================= */

.studio-course-card {
    position: relative;
    overflow: hidden;

    border: 1px solid #e3e8ef;
    border-radius: 12px;

    background: #fff;

    transition:
        box-shadow .2s ease,
        transform .2s ease;
}

.studio-course-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(7, 26, 56, .08);
}


.studio-course-open {
    display: block;
    color: inherit;
    text-decoration: none;
}


.studio-course-actions {
    padding: 12px 16px;

    border-top: 1px solid #edf0f4;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    background: #fff;
}


.studio-course-actions form {
    margin: 0;
}


.studio-course-edit,
.studio-course-delete {
    min-height: 32px;

    padding: 0 13px;

    border-radius: 6px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: inherit;
    font-size: 11px;
    font-weight: 600;

    cursor: pointer;
}


.studio-course-edit {
    border: 1px solid #d8dee8;

    color: #17243a;

    background: #fff;
}


.studio-course-edit:hover {
    background: #f6f8fb;
}


.studio-course-delete {
    border: 1px solid #f0c8c8;

    color: #b42318;

    background: #fff;
}


.studio-course-delete:hover {
    border-color: #e7aaaa;

    background: #fff3f2;
}


.studio-course-message {
    margin: 0 0 20px;

    padding: 13px 16px;

    border: 1px solid #bce7d2;
    border-radius: 8px;

    color: #157347;

    background: #effbf5;

    font-size: 12px;
    font-weight: 600;
}
/* Video playback: preserve URL editing, show only the player in preview. */
.media-placeholder.video .studio-video-player { width: 100%; }
.media-placeholder.video .studio-video-player:empty { display: none; }
.studio-video-player iframe, .studio-video-player video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; border-radius: 5px; }
.media-placeholder.video.has-video { padding: 0; overflow: hidden; gap: 12px; }
.media-placeholder.video.has-video > span, .media-placeholder.video.has-video > strong { display: none; }
.media-placeholder.video.has-video .block-url-input { margin-top: 16px; }
.media-placeholder.video .studio-video-message { font: 12px/1.5 Inter, sans-serif; color: #555; padding: 0 16px; text-align: center; margin: 8px 0; }
.media-placeholder.video .studio-video-link { font-size: 12px; margin-bottom: 16px; text-decoration: underline; }
.media-placeholder.video .studio-video-link[hidden] { display: none; }
.preview-mode .media-placeholder.video .block-url-input, .preview-mode .media-placeholder.video > span, .preview-mode .media-placeholder.video > strong { display: none; }
[hidden]{display:none!important} #overviewDialog{width:min(560px,90vw);border:0;border-radius:12px;padding:28px} #overviewDialog::backdrop{background:#0008} #overviewForm{display:grid;gap:16px} #overviewForm label{display:grid;gap:8px} #overviewForm input:not([type=checkbox]),#overviewForm textarea{width:100%;padding:10px;border:1px solid #ccd3dd} #overviewForm button{padding:10px;cursor:pointer} #editOverviewBtn{float:right} .preview-mode #editOverviewBtn{display:inline-block} .icon-btn:disabled{opacity:.35;cursor:default}

.studio-flashcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.studio-flip-card{min-height:190px;padding:22px;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;border:1px solid #d8dee7;border-top:3px solid var(--course-accent,#f25f35);border-radius:8px;background:#fff;color:#16243a;width:100%;font:inherit;cursor:pointer}.card-front,.card-back{white-space:pre-wrap;overflow-wrap:anywhere}.card-side-label,.card-hint{font-size:12px;color:#596575}.studio-flip-card[aria-pressed=true]{background:#f5f7fa}.studio-tabs [role=tablist]{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid #e2e7ef}.studio-tabs [role=tab]{padding:12px 18px;border:1px solid #d8dee7;border-radius:7px 7px 0 0;background:#f6f7fa;color:#15243a;font:inherit;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.studio-tabs [role=tab][aria-selected=true]{background:var(--course-accent,#f25f35);color:var(--course-accent-text,#fff)}.studio-tabs [role=tabpanel]{padding:24px;border:1px solid #e2e7ef;border-top:0;min-height:140px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-tabs button:focus-visible,.studio-flip-card:focus-visible{outline:3px solid #2473bd;outline-offset:3px}.studio-tabs [hidden],.studio-flip-card [hidden]{display:none!important}
.studio-editor-body{--orange:var(--course-accent,#f25f35)}.preview-cover{background:linear-gradient(135deg,var(--course-cover-start,#071a38),var(--course-cover-middle,#0d315d) 62%,var(--course-cover-end,#0d5b73));color:var(--course-cover-text,#fff)}.preview-cover .preview-description,.preview-cover .preview-author-row small{color:inherit;opacity:.85}.preview-start-btn{color:var(--course-accent-text,#fff)}.editor-canvas,.course-preview-overview{font-family:var(--course-ui,Inter,Arial,sans-serif)}.lesson-title-input,.preview-cover h1,.preview-overview-heading h2{font-family:var(--course-heading,Manrope,Arial,sans-serif)}.body-text,.editable-list,.block-inner blockquote,.preview-description{font-family:var(--course-text,Georgia,serif)}.interaction-editor{margin-bottom:22px;padding:18px;background:#f7f8fb;border:1px solid #e1e5eb;border-radius:8px;font-family:Inter,Arial,sans-serif;font-size:13px}.interaction-rows{display:grid;gap:16px;margin:16px 0}.interaction-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:start}.interaction-row label{display:grid;gap:7px}.interaction-row textarea{resize:vertical;min-height:88px;width:100%;border:1px solid #cbd3df;border-radius:6px;padding:10px;line-height:1.5}.interaction-editor button{padding:8px 12px;background:white;border:1px solid #ccd3df;border-radius:6px;cursor:pointer}.interaction-editor button:disabled{opacity:.4;cursor:default}.interaction-save-status{margin-left:12px}.preview-mode .interaction-editor{display:none}.theme-controls{border:1px solid #dce1e8;padding:16px;border-radius:8px;display:grid;gap:14px}.theme-colours{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#overviewForm input[type=color]{width:100%;height:40px;padding:3px}#overviewForm select{padding:10px;font:inherit}#overviewDialog{max-height:90vh;overflow-y:auto}#overviewForm label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}#overviewForm input[type=checkbox]{width:auto;margin:0}#overviewForm button{border:1px solid #cbd3df;border-radius:6px}#overviewForm button[type=submit]{background:#111;color:#fff}.editor-top-actions>a.editor-preview-btn{display:inline-flex;align-items:center}.quick-block-tray{max-width:calc(100vw - 24px);overflow-x:auto}@media(max-width:600px){.interaction-row{grid-template-columns:1fr}.theme-colours{grid-template-columns:1fr 1fr}}

.block-inner{max-width:var(--block-width,760px)}.editor-block[style*="text-align"] .statement-block,.editor-block[style*="text-align"] blockquote{text-align:inherit}.editor-block:focus-within .block-left-tools,.editor-block:focus-within .block-right-tools{opacity:1}#blockToolsDialog{width:min(440px,90vw);border:0;border-radius:12px;padding:26px;max-height:90vh;overflow:auto}#blockToolsDialog::backdrop{background:#0008}#blockToolsForm,#blockToolsForm section{display:grid;gap:14px}#blockToolsForm label{display:grid;gap:8px}#blockToolsForm select,#blockToolsForm button{padding:10px;font:inherit;border:1px solid #cbd3df;border-radius:6px}#blockToolsForm button{cursor:pointer}#blockToolsForm button[type=submit]{background:#111;color:#fff}#blockToolsForm label:has([type=checkbox]){display:flex;align-items:center}#blockToolsForm input[type=color]{width:100%;height:42px}

.overview-cover-image{width:100%;max-height:360px;object-fit:cover;border-radius:12px}.media-placeholder img{max-height:400px;object-fit:contain}.media-placeholder [contenteditable]{display:block;min-height:28px}#overviewDialog{max-height:90vh;overflow:auto;width:min(620px,94vw)}

.overview-layout-photo .preview-cover-inner{position:relative}.overview-layout-photo .overview-cover-image{position:absolute;inset:0;height:100%;max-height:none;opacity:.25}.overview-layout-photo .preview-cover-inner>*:not(img){position:relative}.overview-layout-minimal{background:#fff!important;color:#13223a!important}

/* Reference authoring canvas: quiet borders, clean typography, discreet tools. */
.studio-editor-body .editor-canvas{background:#fff}.studio-editor-body .lesson-hero{max-width:860px;margin:0 auto;padding:65px 48px 45px}.studio-editor-body .lesson-title-input{font-size:36px;color:#222;font-weight:700;letter-spacing:-1px}.studio-editor-body .lesson-accent{width:72px;height:3px}.studio-editor-body .editor-block{border-color:transparent;border-radius:0;padding:40px 48px}.studio-editor-body .editor-block:hover{border-color:#eee}.studio-editor-body .block-inner{max-width:760px;margin:auto}.studio-editor-body .body-text{font:18px/1.85 var(--course-text,Georgia,serif);color:inherit}.studio-editor-body .block-left-tools,.studio-editor-body .block-right-tools{opacity:.2}.studio-editor-body .editor-block:hover .block-left-tools,.studio-editor-body .editor-block:focus-within .block-left-tools,.studio-editor-body .editor-block:hover .block-right-tools{opacity:1}.card-editor-image{max-height:160px;object-fit:contain}.interaction-row input[type=file]{font-size:12px;max-width:100%}.overview-layout-split{display:grid;grid-template-columns:1fr 1fr;background:var(--course-accent)!important;color:var(--course-accent-text)!important}.overview-layout-split .preview-cover-inner{display:contents}.overview-layout-split .overview-cover-image{grid-column:2;grid-row:1 / span 7;height:100%;max-height:none;object-fit:cover}.overview-layout-split .preview-cover-inner>*:not(img){grid-column:1;margin-left:40px;margin-right:40px}.overview-layout-split .preview-kicker{margin-top:60px}.overview-layout-split .preview-start-btn{margin-bottom:60px}.studio-editor-body [data-field]{color:inherit}@media(max-width:760px){.studio-editor-body .editor-block{padding:28px 20px}.studio-editor-body .lesson-hero{padding:40px 20px}.overview-layout-split{display:block}.overview-layout-split .preview-cover-inner{display:block}.overview-layout-split .overview-cover-image{height:230px;width:100%}}