.lesson-frame{--lesson-font-display:var(--font-display), var(--font-sans), system-ui, sans-serif;isolation:isolate;background:var(--lesson-bg,hsl(var(--background)));color:var(--lesson-caption,hsl(var(--foreground)));-webkit-user-select:none;user-select:none;contain:layout paint;border-radius:14px;position:relative;overflow:hidden}.lesson-frame[data-live=true]{outline:2px solid hsl(var(--accent));outline-offset:2px}.lesson-frame__slot{justify-content:center;align-items:center;display:flex;position:absolute}.lesson-frame__slot>*{width:100%;height:100%}.lesson-frame__caption{pointer-events:none;flex-direction:column;justify-content:center;gap:.3em;display:flex;position:absolute}.lesson-frame__caption[data-landscape=false]{text-align:center;align-items:center}.lesson-frame__series{font-family:var(--lesson-font-display);color:var(--lesson-caption-muted,hsl(var(--muted-foreground)));font-weight:700}.lesson-frame__series b{color:hsl(var(--primary));font-weight:800}.lesson-frame__title{font-family:var(--lesson-font-display);letter-spacing:-.02em;color:var(--lesson-caption,hsl(var(--foreground)));margin:0;font-weight:900;line-height:1.05}.lesson-frame__text{color:var(--lesson-caption,hsl(var(--foreground)));font-weight:600;line-height:1.25}.lesson-frame__subtitle{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.lesson-frame__subtitle span{background:var(--lesson-subtitle-bg,hsl(var(--card) / .94));color:var(--lesson-caption,hsl(var(--foreground)));text-align:center;border-radius:.5em;padding:.35em .8em;font-weight:600;line-height:1.3}.lesson-frame__promo{z-index:5;position:absolute;inset:0}.lesson-frame__overlay{z-index:3;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;inset:auto 0 16%}.lesson-frame__unpainted{border:2px dashed var(--lesson-caption-muted,hsl(var(--muted-foreground)));opacity:.6;color:var(--lesson-caption-muted,hsl(var(--muted-foreground)));border-radius:12px;place-items:center;display:grid;position:absolute;inset:4%}.lesson-frame__error{z-index:4;background:hsl(var(--background) / .92);color:hsl(var(--destructive));text-align:center;border:2px solid hsl(var(--destructive));border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:8%;font-weight:600;display:flex;position:absolute;inset:0}.lesson-frame__error-lead{color:hsl(var(--foreground));font-weight:400}.lesson-frame__focus{pointer-events:none;border-radius:inherit;box-shadow:0 0 0 2px var(--lesson-focus,var(--lesson-hint,var(--widget-sc-arc-characteristic)));position:absolute;inset:0}