@keyframes _glowPulse_14qvm_1{0%,to{box-shadow:0 4px 6px #00000005,0 12px 24px #0000000d,0 32px 64px #00000014,0 0 0 1px #0000000a}50%{box-shadow:0 4px 6px #00000005,0 16px 32px #00000012,0 40px 80px #0000001a,0 0 60px #1f1f1f0f,0 0 0 1px #0000000a}}._wrapper_14qvm_9{display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:100%}@media(max-width:900px){._wrapper_14qvm_9{align-items:center}}._wrapper_14qvm_9 ._mockup_14qvm_21{width:100%;background:#fcfcfc;border-radius:20px;box-shadow:0 4px 6px #00000005,0 12px 24px #0000000d,0 32px 64px #00000014,0 0 0 1px #0000000a;overflow:hidden;animation:_glowPulse_14qvm_1 4s ease-in-out infinite}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29{position:relative;padding:24px;display:flex;flex-direction:column;gap:16px;height:460px}@media(max-width:480px){._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29{padding:18px;gap:12px;height:400px}}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29._paused_14qvm_44 *{animation-play-state:paused!important}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:background-color .3s ease}@media(max-width:480px){._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47{padding:16px}}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonTitle_14qvm_62{font-size:1.05rem;font-weight:700;color:#1f1f1f;letter-spacing:-.01em}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonText_14qvm_68{font-size:.78rem;line-height:1.5;color:#374151}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonAside_14qvm_73{display:flex;flex-direction:column;gap:8px;margin-top:4px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonAside_14qvm_73 ._lessonLine_14qvm_79{height:8px;background:#f3f4f6;border-radius:4px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonAside_14qvm_73 ._lessonLine_14qvm_79[data-width="100"]{width:100%}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonAside_14qvm_73 ._lessonLine_14qvm_79[data-width="88"]{width:88%}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._lessonPaper_14qvm_47 ._lessonAside_14qvm_73 ._lessonLine_14qvm_79[data-width="72"]{width:72%}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._toolbar_14qvm_93{display:flex;align-items:center;gap:8px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._toolbar_14qvm_93 ._toolbarBtn_14qvm_98{width:40px;height:40px;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.95rem}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._toolbar_14qvm_93 ._toolbarBtn_14qvm_98._toolbarBtnActive_14qvm_110{background:#fef3c7;border-color:#fcd34d;color:#92400e}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115{position:absolute;bottom:96px;left:24px;width:280px;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 12px 32px #00000029;display:flex;flex-direction:column;gap:14px;z-index:10}@media(max-width:480px){._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115{left:18px;right:18px;width:auto;bottom:80px;padding:14px}}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._popoverTitle_14qvm_139{font-size:.9rem;font-weight:600;color:#1f1f1f}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._popoverGroup_14qvm_144{display:flex;flex-direction:column;gap:8px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._popoverLabel_14qvm_149{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._fontSizes_14qvm_156{display:flex;gap:6px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._fontSizes_14qvm_156 ._fontSize_14qvm_156{flex:1;padding:8px;background:transparent;border:1.5px solid #e5e7eb;border-radius:8px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._fontSizes_14qvm_156 ._fontSize_14qvm_156._fontSizeActive_14qvm_171{background:#1f1f1f;border-color:#1f1f1f;color:#fff}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._swatches_14qvm_176{display:flex;gap:8px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._swatches_14qvm_176 ._swatch_14qvm_176{width:30px;height:30px;border-radius:8px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000000f}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._swatches_14qvm_176 ._swatch_14qvm_176 ._swatchCheck_14qvm_190{font-size:.6rem;color:#1f1f1f}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194{display:flex;align-items:center;gap:10px;padding:10px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194 ._contrastPreview_14qvm_203{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#1f1f1f;flex-shrink:0}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194 ._contrastInfo_14qvm_217{flex:1;display:flex;flex-direction:column;gap:2px}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194 ._contrastInfo_14qvm_217 ._contrastLabel_14qvm_223{font-size:.65rem;color:#6b7280;font-weight:500}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194 ._contrastInfo_14qvm_217 ._contrastValue_14qvm_228{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#166534}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._popover_14qvm_115 ._contrastRow_14qvm_194 ._contrastInfo_14qvm_217 ._contrastValue_14qvm_228 ._contrastDot_14qvm_236{width:8px;height:8px;border-radius:50%;background:#22c55e}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._badges_14qvm_242{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._badges_14qvm_242 ._badge_14qvm_242{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;font-size:.7rem;font-weight:600;color:#1f1f1f}._wrapper_14qvm_9 ._mockup_14qvm_21 ._content_14qvm_29 ._badges_14qvm_242 ._badge_14qvm_242 svg{font-size:.6rem;color:#22c55e}._wrapper_14qvm_9 ._playButton_14qvm_264{width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#9ca3af;font-size:.9rem;flex-shrink:0}._wrapper_14qvm_9 ._playButton_14qvm_264:hover{background:#fafafa;border-color:#d1d5db;color:#1f1f1f}