.studio-lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 16px}
.studio-lesson-heading b{font-size:15px;color:var(--st-ink,#24314a)}
.studio-lesson-heading p,.studio-lesson-group-tools>p{font-size:12px;line-height:1.7;margin:6px 0;color:var(--st-muted,#747e91)}
.studio-lesson-chip{flex:none;font-size:10px;padding:5px 9px;border-radius:6px;background:var(--st-accent-soft,#f1edff);color:var(--st-accent-ink,#674bb8)}
.studio-lesson-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.studio-lesson-parts>button{display:grid;grid-template-columns:34px 1fr;gap:3px 10px;align-items:center;padding:14px;text-align:left;border:1px solid var(--st-border,#dde2ed);border-radius:10px;background:var(--st-surface,#fff);color:var(--st-ink,#24314a);min-width:0;cursor:pointer}
.studio-lesson-parts>button:hover{border-color:var(--st-accent,#8065df);background:var(--st-accent-soft,#f7f4ff)}
.studio-lesson-parts>button>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;font:700 15px system-ui;border-radius:8px;background:var(--st-accent-soft,#f1edff);color:var(--st-accent-ink,#674bb8)}
.studio-lesson-parts b{font-size:12px}.studio-lesson-parts small{font-size:10px;line-height:1.5;color:var(--st-muted,#747e91)}
.studio-lesson-group-tools{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--st-border,#dde2ed)}
.studio-lesson-multi{max-height:200px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin:12px 0}
.studio-lesson-multi label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:6px;min-width:0;font-size:12px;color:var(--st-ink,#24314a);cursor:pointer}
.studio-lesson-multi label:has(:checked){background:var(--st-accent-soft,#f1edff)}
.studio-lesson-multi input,.studio-lesson-hidden input{width:16px!important;height:16px!important;flex:none;accent-color:var(--st-accent,#8065df)}
.studio-lesson-multi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-lesson-multi small{color:var(--st-muted,#747e91);margin-left:auto}
.studio-lesson-group-form{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;margin-top:16px}.studio-lesson-group-form>.actions{grid-column:1/-1}
.studio-lesson-group-form label,.studio-lesson-action-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--st-muted,#747e91)}
.studio-lesson-group-form :is(input,select),.studio-lesson-action-form :is(input,select){box-sizing:border-box;min-width:0;width:100%;padding:9px 12px;border:1px solid var(--st-border,#dde2ed);border-radius:8px;background:var(--st-surface,#fff);color:var(--st-ink,#24314a);font:inherit}
.studio-lesson-action-form{max-width:780px}.studio-lesson-action-form fieldset{border:0;padding:0;min-width:0;display:grid;gap:14px}.studio-lesson-action-form fieldset>p{font-size:12px;margin:0}
.studio-lesson-action-form [data-action-fields]:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.studio-lesson-action-form p[data-action-fields]:not([hidden]){display:block}.studio-lesson-action-form [hidden]{display:none!important}
.studio-lesson-action-form [data-lesson-connection-status]{font-size:12px;color:var(--st-accent-ink,#674bb8);padding:10px 12px;background:var(--st-accent-soft,#f1edff);border-radius:8px}
.studio-lesson-button-list{display:flex;flex-wrap:wrap;gap:8px}.studio-lesson-hidden{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:14px;color:var(--st-ink,#24314a)}
.studio-classroom{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--st-bg,#f3f5f9);color:var(--st-ink,#24314a)}
.studio-classroom[open]{display:flex;flex-direction:column}.studio-classroom::backdrop{background:#101624cc}
.studio-classroom .btn{background:var(--st-raised,#f6f7fc);color:var(--st-ink,#24314a);border-color:var(--st-border,#dde2ed)}.studio-classroom .btn:hover{background:var(--st-accent-soft,#f1edff);color:var(--st-accent-ink,#674bb8)}
.studio-classroom-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:var(--st-surface,#fff);border-bottom:1px solid var(--st-border,#dde2ed)}
.studio-classroom-bar>div:first-child{min-width:0;display:grid;gap:3px}.studio-classroom-bar small{font-size:10px;color:var(--st-muted,#747e91)}.studio-classroom-bar strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-classroom-bar .actions{flex:none;display:flex;gap:8px;flex-wrap:wrap}.studio-classroom iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:white}.studio-classroom-note{margin:0;padding:8px 20px;font-size:11px;color:var(--st-muted,#747e91);line-height:1.6}
@media(max-width:640px){.studio-lesson-multi,.studio-lesson-group-form,.studio-lesson-action-form [data-action-fields]:not([hidden]){grid-template-columns:1fr}.studio-lesson-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-lesson-parts>button{grid-template-columns:1fr;padding:10px}.studio-lesson-parts>button>span{grid-row:auto}.studio-lesson-heading{gap:8px}.studio-classroom-bar{align-items:flex-start;padding:10px;flex-wrap:wrap}.studio-classroom-note{padding:6px 10px;font-size:10px}}
.studio-lesson-start{display:flex;align-items:center;gap:16px;margin:18px 0 30px;padding:20px 24px;border:1px solid var(--st-border,#dde2ed);border-radius:12px;background:var(--st-surface,#fff);color:var(--st-ink,#24314a);text-decoration:none}
.studio-lesson-start>span:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}.studio-lesson-start b{font-size:14px}.studio-lesson-start small{font-size:12px;color:var(--st-muted,#747e91)}.studio-lesson-start-symbol{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--st-accent-soft,#f1edff);color:var(--st-accent-ink,#674bb8)}