.ai-content-reader{max-width:900px;margin-inline:auto}.ai-content-actions{display:flex;flex-direction:column;gap:var(--yisiui-space-4);margin-block:var(--yisiui-space-8)}.ai-content-reader .ai-content-actions .ant-btn.yisi-raised-button{width:100%;min-height:64px;font-size:var(--yisiui-font-size-xl);white-space:normal}.whiteboard-stage{position:sticky;top:var(--whiteboard-sticky-top,0);z-index:10;display:flex;justify-content:center;padding-block:var(--yisiui-space-2);background:var(--yisiui-color-surface-page)}.whiteboard-demo canvas{display:block;width:100%;background:white;border:1px solid var(--yisiui-color-border-default);border-radius:var(--yisiui-radius-lg)}.whiteboard-explanation{display:flex;flex-direction:column;gap:var(--yisiui-space-2);min-height:4em;margin-top:var(--yisiui-space-4);padding:var(--yisiui-space-6);border-radius:var(--yisiui-radius-md);background:var(--yisiui-color-surface-soft);white-space:pre-wrap;overflow-wrap:anywhere}.whiteboard-explanation p{margin:0}.whiteboard-explanation .whiteboard-step{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--yisiui-space-3);width:100%;height:auto;min-height:44px;padding:var(--yisiui-space-3);text-align:start;white-space:pre-wrap}.whiteboard-step>span{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.whiteboard-step-overflow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--yisiui-color-brand-primary);color:var(--yisiui-color-brand-on-primary);font-size:var(--yisiui-font-size-sm)}.whiteboard-step[aria-current=step]{background:var(--yisiui-color-surface-selected);font-weight:var(--yisiui-font-weight-semibold)}.whiteboard-segments{display:flex;flex-wrap:wrap;gap:var(--yisiui-space-2)}.whiteboard-segments button{max-width:100%;overflow-wrap:anywhere;white-space:normal;height:auto;min-height:44px}.whiteboard-image-error{overflow-wrap:anywhere}.whiteboard-list{display:flex;flex-direction:column;gap:var(--yisiui-space-4)}.whiteboard-library-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--yisiui-space-4)}.whiteboard-library-heading h1{margin:0}.quiz-mobile .whiteboard-library-heading{gap:var(--yisiui-space-1)}.quiz-mobile .whiteboard-library-heading h1{font-size:var(--yisiui-font-size-2xl)}.whiteboard-list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--yisiui-space-4);border-bottom:1px solid var(--yisiui-color-border-default);padding-block:var(--yisiui-space-6)}.whiteboard-list-item strong,.whiteboard-page h1{overflow-wrap:anywhere}.whiteboard-segments button>span{min-width:0}.yisi-number-badge{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--yisiui-color-brand-primary);color:var(--yisiui-color-brand-on-primary);font-family:var(--yisiui-typography-body-small-font-family);font-size:var(--yisiui-typography-body-small-font-size);font-feature-settings:var(--yisiui-typography-numeric-font-variant-numeric);font-variant-numeric:var(--yisiui-typography-numeric-font-variant-numeric);font-weight:var(--yisiui-typography-body-strong-font-weight);line-height:1;text-align:center;white-space:nowrap}.yisi-number-badge-value{display:block;max-width:100%;overflow:hidden}