.teacher-visualization-library{grid-column:1/-1}.teacher-visualization-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.teacher-visualization-library>header>div>span{color:#6656e8;font-size:7px;font-weight:800;letter-spacing:.16em}.teacher-visualization-library>header strong{padding:7px 10px;border-radius:14px;color:#5143c5;background:#eeebff;font-size:8px;white-space:nowrap}.teacher-upload-head-actions{display:flex;align-items:center;gap:10px}.teacher-visualization-grid{margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.teacher-visualization-card{min-width:0;padding:15px;display:flex;flex-direction:column;border:1px solid #e0e2e9;border-radius:12px;background:#fff;transition:.2s}.teacher-visualization-card:hover{border-color:#c9c3f4;box-shadow:0 10px 24px rgba(65,54,140,.08);transform:translateY(-2px)}.teacher-visualization-card.disabled{filter:grayscale(.35);opacity:.66}.teacher-visualization-card>header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.teacher-visualization-card>header>i,.visualization-config-intro>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#5d4fd4;background:#eeebff;font-size:15px;font-style:normal}.teacher-visualization-card>header>i.blue,.visualization-config-intro>i.blue{color:#367dcc;background:#eaf4ff}.teacher-visualization-card>header>i.orange,.visualization-config-intro>i.orange{color:#bd7427;background:#fff2df}.teacher-visualization-card>header>i.cyan,.visualization-config-intro>i.cyan{color:#178d93;background:#e7f9f8}.teacher-visualization-card>header>i.green,.visualization-config-intro>i.green{color:#22805d;background:#e8f8f0}.teacher-visualization-card>header>i.pink,.visualization-config-intro>i.pink{color:#b8546a;background:#fff0f3}.teacher-visualization-card>header>div{min-width:0}.teacher-visualization-card>header span{display:block;color:#8d93a2;font-size:7px}.teacher-visualization-card h4{margin:4px 0 0;overflow:hidden;color:#2a3043;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.teacher-visualization-card>p{min-height:35px;margin:13px 0 10px;color:#707789;font-size:8px;line-height:1.65}.visualization-card-switch input{display:none}.visualization-card-switch>span{width:31px;height:18px;padding:3px;display:block;border-radius:10px;background:#c9ccd5}.visualization-card-switch>span:after{width:12px;height:12px;display:block;border-radius:50%;background:#fff;content:"";transition:.2s}.visualization-card-switch input:checked+span{background:#6656e8}.visualization-card-switch input:checked+span:after{transform:translateX(13px)}.visualization-card-meta{display:flex;flex-wrap:wrap;gap:5px}.visualization-card-meta span{padding:4px 6px;border-radius:8px;color:#656d80;background:#f2f3f6;font-size:6px}.teacher-visualization-card>small{min-height:25px;margin-top:9px;color:#959aa7;font-size:7px;line-height:1.55}.teacher-visualization-card>footer{margin-top:auto;padding-top:11px;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #f0f0f3}.teacher-visualization-card>footer button{padding:7px 9px;border:1px solid #dedfe6;border-radius:7px;color:#646b7d;background:#fff;font-size:7px}.teacher-visualization-card>footer button.primary{border-color:#6656e8;color:#fff;background:#6656e8}

/* Course portal: make the AI teaching-agent entry visible before entering the course workspace. */
.course-portal-grid .teacher-course-item{display:flex;min-height:222px;flex-direction:column;overflow:hidden}
.course-portal-grid .teacher-course-open{width:100%;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:120px auto;background:#fff;text-align:left}
.course-portal-grid .teacher-course-open>.course-mini-cover{grid-column:1/-1}
.course-portal-grid .teacher-course-copy{padding:12px 14px 9px;display:flex;min-width:0;flex-direction:column}
.course-portal-grid .teacher-course-open>em{margin:12px 12px 0 0;padding:4px 5px;align-self:start;border-radius:6px;color:#8a6a31;background:#fff2da;font-size:6px;font-style:normal}
.course-portal-grid .teacher-course-open>em.published{color:#27795b;background:#e5f7ee}
.course-portal-grid .teacher-course-item>footer{margin-top:auto;padding:9px 11px;display:grid;grid-template-columns:1fr;gap:8px;border-top:1px solid #eeeef3;background:#fafafd}
.course-portal-grid .teacher-course-item>footer button{height:34px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dedfe7;border-radius:8px;color:#61697b;background:#fff;font-size:8px;font-weight:700}

/* Platform-level AI teaching toolbox and course-level applied-template summary. */
.platform-agent-overview{margin:20px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-agent-overview article{padding:16px 18px;display:flex;align-items:center;gap:13px;border:1px solid #e3e1f5;border-radius:13px;background:linear-gradient(135deg,#fff,#f8f7ff)}.platform-agent-overview i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#7667ee,#5143c7);font-size:16px;font-style:normal}.platform-agent-overview div{min-width:0}.platform-agent-overview strong{font-size:11px}.platform-agent-overview p{margin:5px 0 0;color:#7c8395;font-size:8px;line-height:1.6}.platform-visualization-library{padding:21px}.platform-grade-filter{margin-top:16px;padding:4px;display:inline-flex;gap:4px;border-radius:10px;background:#f0f1f5}.platform-grade-filter button{padding:8px 14px;border-radius:7px;color:#747b8e;background:transparent;font-size:8px;font-weight:750}.platform-grade-filter button.active{color:#fff;background:#6656e8;box-shadow:0 5px 12px rgba(81,66,193,.2)}.platform-template-card>header>b{padding:5px 7px;border-radius:8px;color:#5d4fd4;background:#eeebff;font-size:7px}.platform-course-picker{max-height:360px;display:flex;overflow:auto;flex-direction:column;gap:7px}.platform-course-picker label{padding:11px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid #e2e3e9;border-radius:9px;background:#fafafd}.platform-course-picker label:has(input:checked){border-color:#c9c3f4;background:#f7f5ff}.platform-course-picker input{accent-color:#6656e8}.platform-course-picker span{display:flex;flex-direction:column}.platform-course-picker b{font-size:9px}.platform-course-picker small{margin-top:4px;color:#8d93a2;font-size:7px}.page-actions>div:last-child{display:flex;gap:8px}.page-actions>div:last-child>button{padding:10px 13px;border-radius:9px;color:#5e52cc;background:#eeebff;font-size:8px}.page-actions>div:last-child>.primary-action{color:#fff;background:#6656e8}

/* The three grade previews intentionally differ in metaphor, labels and information density. */
.preview-grade-banner{margin-bottom:12px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#f1f0ff}.preview-grade-banner strong{padding:5px 8px;border-radius:7px;color:#fff;background:#6656e8;font-size:8px;white-space:nowrap}.preview-grade-banner span{color:#656d80;font-size:8px;line-height:1.5}.preview-grade-banner.elementary{background:#fff6df}.preview-grade-banner.elementary strong{background:#eea33f}.preview-grade-banner.high{background:#eaf2ff}.preview-grade-banner.high strong{background:#3975c6}.grade-preview{width:100%}.grade-preview-note{margin:10px 0 0;padding:8px;border-radius:7px;color:#666e82;background:#f3f4f7;text-align:center;font:7px/1.5 ui-monospace,SFMono-Regular,monospace}.grade-preview.elementary .teacher-preview-bars i{border-radius:12px 12px 5px 5px;background:linear-gradient(#ffc967,#ef9c3f)}.grade-preview.elementary .teacher-preview-bars i.active{background:linear-gradient(#ff8b78,#ef625d)}.grade-preview.elementary .teacher-preview-bars small{display:block;color:rgba(255,255,255,.9);font-size:5px}.grade-preview.high .teacher-preview-bars i{border-radius:2px;background:linear-gradient(#5b90da,#376bb7)}.grade-preview.high .teacher-preview-network section{border-radius:3px;background:#eef4ff}.grade-preview.high .teacher-preview-network section.active{border-color:#4f7fc3;background:#dceaff}.grade-preview.high .teacher-preview-network small{grid-column:1/-1;color:#3f68a1;font:6px ui-monospace,monospace}.grade-preview.elementary .teacher-preview-network section{border-radius:14px;background:#fff7df}.grade-preview.elementary .teacher-preview-network section.active{border-color:#efad47;background:#ffefbd}.grade-preview.elementary .teacher-preview-network small{grid-column:1/-1;color:#b9781b;font-size:7px}.grade-preview.elementary .teacher-preview-loop i{border-radius:13px;background:#fff3cf}.grade-preview.elementary .teacher-preview-loop i.active{color:#fff;background:#ef9f38}.grade-preview.high .teacher-preview-loop strong,.grade-preview.high .teacher-preview-loop b{border-radius:2px;color:#315f9d;background:#e7f0ff;font-family:ui-monospace,monospace}.grade-preview.elementary .teacher-preview-stack i{border-radius:12px;border-color:#efb654;color:#8a5b18;background:#fff4d6}.grade-preview.high .teacher-preview-stack i{border-radius:2px;border-color:#6f91c5;color:#315a96;background:#eaf2ff;font-family:ui-monospace,monospace}
@media(max-width:900px){.platform-agent-overview{grid-template-columns:1fr}}@media(max-width:620px){.platform-agent-overview{grid-template-columns:1fr}}

/* Sorting previews use genuinely different scenes by grade. */
.teacher-preview-bubbles{min-height:170px;display:flex;align-items:flex-end;justify-content:center;gap:14px}.teacher-preview-bubbles i{width:70px;height:96px;position:relative;display:grid;place-items:center;align-content:center;border-radius:50% 50% 46% 46%;color:#8a5813;background:radial-gradient(circle at 35% 25%,#fff9d7 0 8%,#ffd66f 35%,#f2a43b 100%);box-shadow:inset -7px -8px 12px rgba(184,105,15,.15),0 9px 17px rgba(195,125,34,.15);font-style:normal;transition:.25s}.teacher-preview-bubbles i:after{width:10px;height:10px;position:absolute;bottom:-6px;left:30px;transform:rotate(45deg);background:#f2a43b;content:""}.teacher-preview-bubbles i.settled{color:#176b50;background:radial-gradient(circle at 35% 25%,#e9fff5 0 8%,#8be0b8 38%,#43b982 100%);box-shadow:inset -7px -8px 12px rgba(25,126,88,.15),0 0 0 4px rgba(67,185,130,.12)}.teacher-preview-bubbles i.settled:after{background:#43b982}.teacher-preview-bubbles i.active{transform:translateY(-18px) scale(1.08);color:#fff;background:radial-gradient(circle at 35% 25%,#ffd9d5 0 8%,#ff887c 38%,#ed5f5b 100%)}.teacher-preview-bubbles i.active:after{background:#ed5f5b}.teacher-preview-bubbles span{position:absolute;top:10px;color:rgba(255,255,255,.85);font-size:18px}.teacher-preview-bubbles b{font-size:19px}.teacher-preview-bubbles small{margin-top:5px;font-size:6px}.teacher-preview-array{min-height:130px;display:flex;align-items:center;justify-content:center;gap:5px}.teacher-preview-array i{width:64px;height:70px;position:relative;display:grid;place-items:center;border:2px solid #d9dce6;border-radius:6px;color:#343c50;background:#fff;font-style:normal}.teacher-preview-array i.active{border-color:#6656e8;color:#5547cc;background:#eeebff;transform:translateY(-8px)}.teacher-preview-array i.boundary{border-color:#65c49a;color:#1f7357;background:#e4f6ed;box-shadow:inset 0 -4px #65c49a}.teacher-preview-array i.boundary.active{border-color:#3bae78;color:#176b50;background:#ccefdc}.teacher-preview-array b{font-size:17px}.teacher-preview-array small{position:absolute;bottom:-20px;color:#9096a5;font:7px ui-monospace,monospace}.teacher-preview-array em{position:absolute;top:-24px;padding:3px 6px;border-radius:5px;color:#fff;background:#6656e8;font:7px ui-monospace,monospace;font-style:normal}.teacher-preview-regions{margin:3px auto 0;max-width:360px;display:grid;grid-template-columns:3fr 1fr;gap:4px}.teacher-preview-regions span{padding:5px;color:#777f91;background:#f0f1f4;text-align:center;font-size:6px}.teacher-preview-regions span:last-child{color:#287556;background:#e4f6ed}.teacher-preview-trace{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teacher-preview-trace span{padding:7px;border:1px solid #d9e2ef;border-radius:4px;color:#3f628f;background:#edf4ff;text-align:center;font:6px ui-monospace,monospace}.teacher-preview-code{margin:12px 0;border:1px solid #e0e3ea;border-radius:9px;overflow:hidden;background:#20263a}.teacher-preview-code>header{padding:8px 11px;display:flex;align-items:center;justify-content:space-between;color:#dbe2f3;background:#171c2c}.teacher-preview-code>header span{font-size:8px;font-weight:750}.teacher-preview-code>header small{color:#8f99b0;font-size:6px}.teacher-preview-code ol{margin:0;padding:8px 0;list-style:none;counter-reset:preview-code}.teacher-preview-code li{min-height:23px;padding:4px 12px 4px 42px;position:relative;color:#aeb8d0;font:7px/1.45 ui-monospace,SFMono-Regular,monospace;white-space:pre;counter-increment:preview-code}.teacher-preview-code li:before{width:25px;position:absolute;left:8px;color:#626d86;text-align:right;content:counter(preview-code)}.teacher-preview-code li.active{color:#fff;background:#6656e8}.teacher-preview-code li.active:before{color:#dcd7ff}.grade-preview.high .teacher-preview-array i{border-radius:1px}.grade-preview.high .teacher-preview-array i.active{border-color:#3975c6;color:#315f9d;background:#e7f0ff}.grade-preview.high .teacher-preview-array i.boundary{border-color:#55ae84;color:#1f7357;background:#e0f3e9}.grade-preview.high .teacher-preview-array em{border-radius:2px;background:#3975c6}
.teacher-preview-array .swap-from-right{z-index:4;animation:teacher-array-from-right .68s cubic-bezier(.22,.75,.22,1) both}.teacher-preview-array .swap-from-left{z-index:3;animation:teacher-array-from-left .68s cubic-bezier(.22,.75,.22,1) both}.teacher-preview-bubbles .swap-from-right{z-index:4;animation:teacher-bubble-from-right .68s cubic-bezier(.22,.75,.22,1) both}.teacher-preview-bubbles .swap-from-left{z-index:3;animation:teacher-bubble-from-left .68s cubic-bezier(.22,.75,.22,1) both}@keyframes teacher-array-from-right{0%{transform:translateX(69px) translateY(-8px)}50%{transform:translateX(34px) translateY(-30px)}100%{transform:translateX(0) translateY(-8px)}}@keyframes teacher-array-from-left{0%{transform:translateX(-69px) translateY(-8px)}50%{transform:translateX(-34px) translateY(14px)}100%{transform:translateX(0) translateY(-8px)}}@keyframes teacher-bubble-from-right{0%{transform:translateX(84px) translateY(-18px) scale(1.08)}50%{transform:translateX(42px) translateY(-42px) scale(1.12)}100%{transform:translateX(0) translateY(-18px) scale(1.08)}}@keyframes teacher-bubble-from-left{0%{transform:translateX(-84px) translateY(-18px) scale(1.08)}50%{transform:translateX(-42px) translateY(6px) scale(1.04)}100%{transform:translateX(0) translateY(-18px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.teacher-preview-array .swap-from-right,.teacher-preview-array .swap-from-left,.teacher-preview-bubbles .swap-from-right,.teacher-preview-bubbles .swap-from-left{animation-duration:.01ms}}
.teacher-preview-people{min-height:210px;padding:18px 8px 0;display:flex;align-items:flex-end;justify-content:center;gap:12px;border-bottom:3px solid #d8dbe3;background:linear-gradient(#f7fbff 0 70%,#eef5e8 70%)}.teacher-preview-people i{width:64px;height:var(--person-height);position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;font-style:normal;transition:.25s}.teacher-preview-people .person-head{width:28px;height:28px;position:absolute;top:0;border:3px solid #4b5367;border-radius:50%;background:#ffd7bd;box-shadow:0 -6px 0 -1px #4b5367}.teacher-preview-people .person-body{width:42px;height:calc(100% - 35px);display:grid;place-items:center;border-radius:13px 13px 5px 5px;color:#fff;background:#69758f;font-size:9px;font-weight:800}.teacher-preview-people .person-body:before,.teacher-preview-people .person-body:after{width:8px;height:34px;position:absolute;bottom:-4px;border-radius:5px;background:#3f475b;content:""}.teacher-preview-people .person-body:before{left:21px}.teacher-preview-people .person-body:after{right:21px}.teacher-preview-people i.active .person-body{background:#ef9340}.teacher-preview-people i.settled .person-body{background:#39ad78}.teacher-preview-people i.active{transform:translateY(-8px)}.teacher-preview-people b{position:absolute;top:-17px;padding:3px 5px;border-radius:6px;color:#344054;background:#fff;box-shadow:0 2px 7px rgba(33,42,65,.12);font-size:7px}.teacher-preview-people small{position:absolute;bottom:-20px;color:#737b8d;font-size:6px;white-space:nowrap}.teacher-preview-people .swap-from-right{z-index:4;animation:teacher-person-from-right .68s cubic-bezier(.22,.75,.22,1) both}.teacher-preview-people .swap-from-left{z-index:3;animation:teacher-person-from-left .68s cubic-bezier(.22,.75,.22,1) both}@keyframes teacher-person-from-right{0%{transform:translateX(76px) translateY(-8px)}50%{transform:translateX(38px) translateY(-34px)}100%{transform:translateX(0) translateY(-8px)}}@keyframes teacher-person-from-left{0%{transform:translateX(-76px) translateY(-8px)}50%{transform:translateX(-38px) translateY(12px)}100%{transform:translateX(0) translateY(-8px)}}.teacher-preview-complexity{margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.teacher-preview-complexity span{padding:8px;display:flex;flex-direction:column;border:1px solid #cfdced;border-radius:3px;color:#315f9d;background:#edf4ff;text-align:center;font:7px ui-monospace,monospace}.teacher-preview-complexity b{margin-bottom:4px;color:#7183a0;font:6px inherit}@media(max-width:700px){.teacher-preview-complexity{grid-template-columns:1fr 1fr}.teacher-preview-people{gap:5px}.teacher-preview-people i{width:50px}}
.teacher-preview-people{min-height:255px;padding:4px 4px 0;gap:5px}.teacher-preview-people i{width:92px;height:236px;flex:0 1 92px;justify-content:flex-start}.teacher-preview-people .cartoon-student-svg{width:100%;height:226px;overflow:visible}.teacher-preview-people i.active{transform:translateY(-8px)}.teacher-preview-people i.settled{border-radius:18px;background:rgba(67,185,130,.08);box-shadow:inset 0 0 0 2px rgba(67,185,130,.25)}.teacher-preview-people i.settled .cartoon-student-svg{filter:saturate(.92)}.teacher-preview-people small{bottom:-1px;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.88);font-size:6px}.teacher-preview-people .swap-from-right{animation-name:teacher-svg-person-from-right}.teacher-preview-people .swap-from-left{animation-name:teacher-svg-person-from-left}@keyframes teacher-svg-person-from-right{0%{transform:translateX(97px) translateY(-8px)}50%{transform:translateX(48px) translateY(-34px)}100%{transform:translateX(0) translateY(-8px)}}@keyframes teacher-svg-person-from-left{0%{transform:translateX(-97px) translateY(-8px)}50%{transform:translateX(-48px) translateY(12px)}100%{transform:translateX(0) translateY(-8px)}}@media(max-width:700px){.teacher-preview-people i{width:72px;flex-basis:72px}.teacher-preview-people .cartoon-student-svg{height:210px}}

/* Full-size middle-school bubble-sort preview. */
.visualization-modal.middle-sort-modal{width:min(1380px,calc(100vw - 24px))}
.middle-sort-modal .modal-head h2{font-size:36px;font-weight:900}
.middle-sort-modal .visualization-preview-dialog{min-width:1320px;padding:22px 28px}
.middle-sort-modal .preview-grade-banner span{font-size:24px;line-height:1.6}
.middle-sort-modal .preview-grade-banner strong{font-size:20px}
.middle-sort-modal .teacher-preview-stage{min-height:560px;padding:20px;background:linear-gradient(#F3FAFF,#EEF7EA)}
.middle-sort-modal .teacher-preview-people{width:1280px;min-height:500px;padding:0 20px 36px;position:relative;align-items:flex-end;justify-content:flex-start;gap:40px;border:1px solid #CAE1EF;background:linear-gradient(#EAF7FF 0 72%,#EAF6E5 72% 100%)}
.middle-sort-modal .teacher-preview-people i{width:140px;height:440px;min-width:140px;flex:0 0 140px;z-index:2}
.middle-sort-modal .teacher-preview-people .cartoon-student-svg{width:140px;height:390px;display:block;overflow:visible}
.middle-sort-modal .teacher-preview-people i.active{transform:none}
.middle-sort-modal .teacher-preview-people small{min-width:132px;min-height:36px;padding:4px 10px;bottom:2px;display:grid;place-items:center;border:2px solid #DDE4EE;border-radius:10px;color:#556174;background:rgba(255,255,255,.96);box-shadow:0 4px 12px rgba(45,61,84,.12);font-size:20px;font-weight:800;line-height:1.2;white-space:nowrap}
.middle-sort-modal .teacher-preview-people i.settled{background:transparent;box-shadow:none}
.middle-sort-modal .teacher-preview-people i.settled small{border-color:#64C892;color:#1D7A50;background:#EDFBF4}
.middle-sort-modal .teacher-preview-people i.settled:after{width:30px;height:30px;position:absolute;z-index:8;top:44px;right:0;display:grid;border:3px solid #fff;border-radius:50%;place-items:center;color:#fff;background:linear-gradient(145deg,#62D39A,#239D68);box-shadow:0 5px 12px rgba(35,157,104,.3);content:"✓";font:900 20px/1 "Microsoft YaHei",sans-serif}
.middle-sort-modal .teacher-preview-people i.comparing-person{z-index:6;animation:teacher-middle-nod .6s ease-in-out}
.middle-sort-modal .middle-compare-pointer{width:58px;height:62px;padding:0;position:absolute;z-index:10;top:4px;left:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#FFD12E;filter:drop-shadow(0 5px 4px rgba(118,82,0,.45));font:900 40px/30px "Microsoft YaHei",sans-serif;font-style:normal;transform:translateX(-50%)}
.middle-sort-modal .middle-compare-pointer span{padding:2px 7px;border-radius:8px;color:#6B4B00;background:#FFE787;font:900 16px/20px ui-monospace,monospace}
.middle-sort-modal .teacher-middle-sorted-region{width:var(--teacher-sorted-width,200px);position:absolute;z-index:4;top:0;right:0;bottom:0;border:4px solid #48B97D;border-radius:18px;box-shadow:inset 0 0 0 7px rgba(72,185,125,.08),0 8px 20px rgba(38,135,88,.12);pointer-events:none;transition:width .35s ease}
.middle-sort-modal .teacher-middle-sorted-region strong{position:absolute;top:12px;right:14px;padding:7px 13px;border-radius:10px;color:#176C48;background:#E8F8F0;font-size:24px;font-weight:900;white-space:nowrap}
.middle-sort-modal .grade-preview-note{font-size:24px;line-height:1.6}
.middle-sort-modal .teacher-preview-code{min-height:200px}
.middle-sort-modal .teacher-preview-code>header span{font-size:20px}.middle-sort-modal .teacher-preview-code>header small{font-size:16px}
.middle-sort-modal .teacher-preview-code li{min-height:32px;padding:4px 16px 4px 54px;font:18px/1.8 ui-monospace,SFMono-Regular,monospace}
.middle-sort-modal .teacher-preview-step b{font-size:24px;line-height:1.6}.middle-sort-modal .teacher-preview-step span{font-size:20px}
.middle-sort-modal .teacher-preview-controls button{min-height:54px;padding:10px 20px;font-size:22px}
.middle-sort-modal .teacher-preview-controls{padding:10px 12px;position:fixed;z-index:140;right:34px;bottom:26px;border:1px solid #DDE4EC;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(31,42,65,.22);backdrop-filter:blur(12px)}
.middle-sort-modal .teacher-preview-people .swap-from-right{animation:teacher-middle-from-right 1.2s cubic-bezier(.34,1.56,.64,1) both}
.middle-sort-modal .teacher-preview-people .swap-from-left{animation:teacher-middle-from-left 1.2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes teacher-middle-nod{0%,100%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}
@keyframes teacher-middle-from-right{0%{transform:translateX(180px)}48%{transform:translateX(90px) translateY(-46px) rotate(3deg)}100%{transform:translateX(0)}}
@keyframes teacher-middle-from-left{0%{transform:translateX(-180px)}48%{transform:translateX(-90px) translateY(22px) rotate(-3deg)}100%{transform:translateX(0)}}

/* One-screen teacher preview: animation left, synchronized code and controls right. */
.visualization-modal.middle-sort-modal{width:auto;height:calc(100dvh - 24px);max-height:none;position:fixed;inset:12px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.middle-sort-modal #modalBody{min-height:0;overflow:hidden}
.middle-sort-modal .modal-head{padding:10px 18px}
.middle-sort-modal .visualization-preview-dialog{width:100%;height:100%;min-width:0;padding:10px 14px;display:grid;grid-template-columns:minmax(760px,1.7fr) minmax(420px,.8fr);grid-template-rows:auto minmax(190px,1fr) auto auto minmax(120px,.48fr);gap:8px 12px;overflow:hidden}
.middle-sort-modal .preview-grade-banner{grid-column:1/-1;grid-row:1;margin:0;padding:7px 11px}
.middle-sort-modal .teacher-preview-stage{grid-column:1;grid-row:2/6;min-height:0;height:auto;padding:8px;overflow:hidden}
.middle-sort-modal .teacher-preview-stage>.grade-preview.middle{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}
.middle-sort-modal .teacher-preview-people{width:100%;min-height:0;height:100%;padding:0 14px 34px;gap:40px;overflow:hidden}
.middle-sort-modal .teacher-preview-people i{width:120px;height:420px;min-width:120px;flex-basis:120px}
.middle-sort-modal .teacher-preview-people .cartoon-student-svg{width:120px;height:390px}
.middle-sort-modal .teacher-preview-people small{min-width:116px;min-height:30px;padding:3px 7px;font-size:20px}
.middle-sort-modal .teacher-preview-code{grid-column:2;grid-row:2;min-height:0;height:auto;margin:0;overflow:hidden}
.middle-sort-modal .teacher-preview-code ol{padding:5px 0}
.middle-sort-modal .teacher-preview-code li{min-height:28px;padding-top:2px;padding-bottom:2px;font-size:18px;line-height:1.55}
.middle-sort-modal .teacher-preview-step{grid-column:2;grid-row:3;min-height:48px;padding:5px}
.middle-sort-modal .teacher-preview-controls{grid-column:2;grid-row:4;padding:6px;position:static;justify-content:flex-start;border-radius:10px;box-shadow:none}
.middle-sort-modal .teacher-preview-checkpoint{grid-column:2;grid-row:5;min-height:0;margin:0;padding:10px;overflow:auto}
.middle-sort-modal .teacher-preview-checkpoint h3{margin:4px 0 6px;font-size:16px}
.middle-sort-modal .teacher-preview-checkpoint p{margin:3px 0;padding:5px 7px;font-size:13px}
.middle-sort-modal .grade-preview-note{margin:4px 0 0;padding:5px;font-size:18px;line-height:1.35}
.middle-sort-modal .teacher-middle-sorted-region{width:auto;right:0;left:var(--teacher-sorted-left,974px)}
.middle-sort-modal .teacher-preview-people .swap-from-right{animation-name:teacher-middle-from-right-compact}
.middle-sort-modal .teacher-preview-people .swap-from-left{animation-name:teacher-middle-from-left-compact}
@keyframes teacher-middle-from-right-compact{0%{transform:translateX(160px)}48%{transform:translateX(80px) translateY(-42px) rotate(3deg)}100%{transform:translateX(0)}}
@keyframes teacher-middle-from-left-compact{0%{transform:translateX(-160px)}48%{transform:translateX(-80px) translateY(20px) rotate(-3deg)}100%{transform:translateX(0)}}
@media(max-height:760px){
    .middle-sort-modal .modal-head h2{font-size:30px}
    .middle-sort-modal .preview-grade-banner span{font-size:19px}
    .middle-sort-modal .teacher-preview-people i{height:370px}
    .middle-sort-modal .teacher-preview-people .cartoon-student-svg{height:340px}
    .middle-sort-modal .teacher-preview-checkpoint{display:none}
    .middle-sort-modal .visualization-preview-dialog{grid-template-rows:auto minmax(190px,1fr) auto auto}
    .middle-sort-modal .teacher-preview-stage{grid-row:2/5}
}

/* V6 fixed 1200×680 teacher preview: upper animation, lower code and controls. */
.visualization-modal.middle-sort-modal{
    width:1200px;
    height:680px;
    min-width:1200px;
    max-width:1200px;
    max-height:680px;
    margin:0;
    padding:0;
    position:fixed;
    z-index:120;
    inset:50% auto auto 50%;
    display:grid;
    grid-template-rows:50px 630px;
    overflow:hidden;
    border-radius:18px;
    transform:translate(-50%,-50%);
}
.middle-sort-modal .modal-head{height:50px;padding:8px 20px;align-items:center;box-sizing:border-box}
.middle-sort-modal .modal-head span{display:none}
.middle-sort-modal .modal-head h2{margin:0;font-size:24px;line-height:1.2}
.middle-sort-modal #modalBody{height:630px;overflow:hidden}
.middle-sort-modal .visualization-preview-dialog{
    width:1200px;
    height:630px;
    min-width:1200px;
    padding:0;
    display:grid;
    grid-template-columns:3fr 2fr;
    grid-template-rows:370px 60px 55px 145px;
    gap:0;
    overflow:hidden;
}
.middle-sort-modal .preview-grade-banner{display:none}
.middle-sort-modal .teacher-preview-stage{
    width:1200px;
    height:370px;
    min-height:370px;
    padding:10px 20px;
    grid-column:1/-1;
    grid-row:1;
    overflow:hidden;
    box-sizing:border-box;
}
.middle-sort-modal .teacher-preview-stage>.grade-preview.middle{height:350px;display:grid;grid-template-rows:320px 30px;overflow:hidden}
.middle-sort-modal .teacher-preview-people{
    width:1160px;
    height:320px;
    min-height:320px;
    padding:10px 20px;
    gap:30px;
    align-items:flex-end;
    justify-content:center;
    overflow:hidden;
    box-sizing:border-box;
}
.middle-sort-modal .teacher-preview-people i{
    width:140px;
    height:300px;
    min-width:140px;
    max-width:140px;
    flex:0 0 140px;
    position:relative;
    opacity:1;
}
.middle-sort-modal .teacher-preview-people .student-height-label-group,
.middle-sort-modal .teacher-preview-people .student-number-group{display:none}
.middle-sort-modal .teacher-preview-people .cartoon-student-svg{width:80px;height:200px;position:absolute;top:24px;left:30px}
.middle-sort-modal .teacher-preview-people .middle-height-label{
    height:24px;
    padding:2px 8px;
    position:absolute;
    z-index:5;
    top:0;
    left:50%;
    border:1px solid #B8D6E8;
    border-radius:8px;
    color:#315F78;
    background:#fff;
    box-shadow:0 3px 8px rgba(35,66,85,.12);
    font-size:14px;
    line-height:20px;
    white-space:nowrap;
    transform:translateX(-50%);
}
.middle-sort-modal .teacher-preview-people .middle-number-badge{width:34px;height:24px;position:absolute;top:230px;left:50%;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#6F82A2,#34435E);font-size:15px;transform:translateX(-50%)}
.middle-sort-modal .teacher-preview-people small{width:104px;min-width:104px;height:24px;min-height:24px;padding:0 8px;bottom:18px;border-radius:8px;font-size:12px;line-height:24px;box-sizing:border-box}
.middle-sort-modal .teacher-preview-people i.settled{opacity:.6;transform:translateY(8px)}
.middle-sort-modal .teacher-preview-people i.settled:after{width:72px;height:24px;top:32px;right:0;border:2px solid #fff;border-radius:12px;content:"✓ 已就位";font-size:12px;line-height:1}
.middle-sort-modal .teacher-preview-people .middle-compare-pointer{width:30px;height:25px;top:54px;font-size:20px;line-height:14px}
.middle-sort-modal .middle-compare-pointer span{padding:1px 4px;font-size:10px;line-height:12px}
.middle-sort-modal .grade-preview-note{height:30px;margin:0;padding:4px 10px;overflow:hidden;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.middle-sort-modal .teacher-preview-code{
    height:260px;
    min-height:260px;
    margin:0;
    grid-column:1;
    grid-row:2/5;
    overflow:hidden;
    border:0;
    border-top:10px solid #fff;
    border-radius:0;
    background:#171C2C;
    box-sizing:border-box;
}
.middle-sort-modal .teacher-preview-code>header{height:42px;padding:8px 16px;box-sizing:border-box}
.middle-sort-modal .teacher-preview-code>header span{font-size:14px}.middle-sort-modal .teacher-preview-code>header small{font-size:12px}
.middle-sort-modal .teacher-preview-code ol{padding:5px 0;overflow:hidden}
.middle-sort-modal .teacher-preview-code li{min-height:27px;padding:3px 10px 3px 42px;overflow:hidden;font:14px/1.5 ui-monospace,SFMono-Regular,monospace;white-space:pre;text-overflow:ellipsis;box-sizing:border-box}
.middle-sort-modal .teacher-preview-code li:nth-child(n+7){display:none}
.middle-sort-modal .teacher-preview-step{min-height:0;height:60px;padding:8px 14px;grid-column:2;grid-row:2;box-sizing:border-box}
.middle-sort-modal .teacher-preview-step b{max-width:360px;overflow:hidden;font-size:15px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.middle-sort-modal .teacher-preview-step span{font-size:13px}
.middle-sort-modal .teacher-preview-controls{height:55px;padding:8px 14px;grid-column:2;grid-row:3;position:static;justify-content:flex-start;border:0;border-radius:0;box-shadow:none}
.middle-sort-modal .teacher-preview-controls button{min-height:36px;height:36px;padding:0 12px;font-size:13px}
.middle-sort-modal .teacher-preview-checkpoint{height:145px;min-height:145px;margin:0;padding:8px 14px;grid-column:2;grid-row:4;overflow:hidden;border-radius:0;box-sizing:border-box}
.middle-sort-modal .teacher-preview-checkpoint>span{font-size:11px}.middle-sort-modal .teacher-preview-checkpoint h3{margin:3px 0 5px;font-size:14px}
.middle-sort-modal .teacher-preview-checkpoint p{margin:2px 0;padding:4px 7px;font-size:12px}
.middle-sort-modal .teacher-preview-people .swap-from-right{animation:teacher-screen-from-right 1.2s cubic-bezier(.34,1.56,.64,1) both}
.middle-sort-modal .teacher-preview-people .swap-from-left{animation:teacher-screen-from-left 1.2s cubic-bezier(.34,1.56,.64,1) both}
@keyframes teacher-screen-from-right{0%{transform:translateX(170px)}48%{transform:translateX(85px) translateY(-25px)}100%{transform:translateX(0)}}
@keyframes teacher-screen-from-left{0%{transform:translateX(-170px)}48%{transform:translateX(-85px) translateY(12px)}100%{transform:translateX(0)}}
.visualization-card-meta span.warning{color:#a5671e;background:#fff1db}
.visualization-modal{width:min(820px,100%)}.visualization-modal.fruit-river-modal{width:min(1050px,calc(100vw - 24px))}.visualization-config-intro{padding:12px;display:flex;align-items:center;gap:11px;border-radius:10px;background:#f7f7fa}.visualization-config-intro>div{display:flex;flex-direction:column}.visualization-config-intro strong{font-size:9px;line-height:1.55}.visualization-config-intro small{margin-top:4px;color:#9096a5;font-size:7px}
.visualization-preview-dialog{padding:18px 20px}.teacher-preview-stage{min-height:285px;padding:24px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f7f8fc,#f1efff)}.teacher-preview-step{min-height:45px;padding:11px 4px;display:flex;align-items:center;justify-content:space-between}.teacher-preview-step b{font-size:9px}.teacher-preview-step span{color:#979ca9;font-size:8px}.teacher-preview-controls{display:flex;justify-content:flex-end;gap:7px}.teacher-preview-controls button{padding:8px 11px;border:1px solid #dedfe6;border-radius:7px;background:#fff;font-size:8px}.teacher-preview-controls button.primary{border-color:#6656e8;color:#fff;background:#6656e8}.teacher-preview-controls button:disabled{opacity:.4}.teacher-preview-checkpoint{margin-top:14px;padding:14px;border:1px solid #dcd7fa;border-radius:10px;background:#faf9ff}.teacher-preview-checkpoint>span{color:#6656e8;font-size:7px;font-weight:800}.teacher-preview-checkpoint h3{margin:7px 0 10px;font-size:11px}.teacher-preview-checkpoint p{margin:5px 0;padding:7px 9px;border-radius:7px;color:#606779;background:#fff;font-size:8px}.teacher-preview-checkpoint p.correct{border:1px solid #afe1cb;color:#247a59;background:#effaf5}.teacher-preview-bars{width:min(540px,100%);height:220px;display:flex;align-items:flex-end;justify-content:center;gap:12px}.teacher-preview-bars i{min-width:32px;max-width:62px;flex:1;position:relative;border-radius:7px 7px 2px 2px;background:linear-gradient(#7768eb,#5546c9);transition:.25s}.teacher-preview-bars i.active{background:linear-gradient(#ffc66f,#ef9946);transform:translateY(-6px)}.teacher-preview-bars b{position:absolute;left:50%;top:-20px;color:#41485c;font-size:9px;transform:translateX(-50%)}.teacher-preview-network{width:100%;display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center}.teacher-preview-network section{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid #dfe1e8;border-radius:11px;background:#fff;opacity:.5}.teacher-preview-network section.active{border-color:#7567e8;box-shadow:0 8px 20px rgba(91,75,200,.12);opacity:1}.teacher-preview-network section b,.teacher-preview-network section span{padding:7px;border-radius:6px;background:#f1f2f6;text-align:center;font-size:7px}.teacher-preview-network section b{color:#5e50d4}.teacher-preview-network>i{color:#c8cad4;font-size:22px;font-style:normal;text-align:center}.teacher-preview-network>i.active{color:#6656e8}.teacher-preview-loop{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px}.teacher-preview-loop>div{display:flex;justify-content:center;gap:8px}.teacher-preview-loop i{width:54px;height:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #dfe1e8;border-radius:9px;background:#fff;font-size:13px;font-style:normal}.teacher-preview-loop i.active{border-color:#6656e8;color:#fff;background:#6656e8}.teacher-preview-loop small{margin-top:4px;font-size:6px}.teacher-preview-loop strong,.teacher-preview-loop>b{padding:14px;border-radius:9px;color:#fff;background:#272e47;font-size:10px}.teacher-preview-stack{min-width:310px;display:flex;align-items:stretch;flex-direction:column-reverse;gap:6px}.teacher-preview-stack i{padding:10px 14px;border-left:3px solid #6656e8;border-radius:7px;color:#4d5568;background:#fff;font-size:9px;font-style:normal}.teacher-preview-stack.returning i{border-color:#2da979;color:#237859;background:#edfaf4}
@media(max-width:1050px){.teacher-visualization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.teacher-visualization-grid{grid-template-columns:1fr}.teacher-preview-network{grid-template-columns:1fr 25px 1fr 25px 1fr}.teacher-preview-loop{grid-template-columns:1fr}.teacher-preview-stage{padding:14px}}
.teacher-preview-generic{width:100%;display:grid;grid-template-rows:1fr auto auto;gap:10px}.teacher-preview-generic>div{display:flex;align-items:center;justify-content:center;gap:8px}.teacher-preview-generic>div article{min-width:95px;max-width:135px;min-height:65px;padding:9px;display:flex;align-items:center;gap:7px;border:2px solid #DFE3EC;border-radius:11px;background:#fff;transition:.25s}.teacher-preview-generic>div article>i{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#6656E3;background:#ECE9FF;font-size:7px;font-style:normal}.teacher-preview-generic article b{display:block;font-size:8px}.teacher-preview-generic article small{margin-top:3px;display:block;color:#9298A8;font-size:6px}.teacher-preview-generic article.active{border-color:#6656E3;box-shadow:0 7px 18px rgba(88,70,198,.18);transform:translateY(-5px)}.teacher-preview-generic article.completed{border-color:#A7DCC7;background:#EFFAF5;opacity:.75}.teacher-preview-generic>aside{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.teacher-preview-generic>aside span{padding:5px 7px;border-radius:10px;color:#81889A;background:#E9ECF2;font-size:6px}.teacher-preview-generic>aside span.active{color:#fff;background:#6656E3}.teacher-preview-generic>p{margin:0;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#262D47}.teacher-preview-generic>p span{color:#ADB4CA;font-size:7px}.teacher-preview-generic>p b{color:#87E0BE;font-size:11px}.teacher-preview-generic.layout-tree>div,.teacher-preview-generic.layout-groups>div{display:grid;grid-template-columns:repeat(3,minmax(95px,135px));justify-content:center}

/* 教师端动画乐高素材库 */
.agent-library-tabs{margin:0 0 14px;padding:5px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;border:1px solid #e2e3ea;border-radius:14px;background:#f3f4f8}.agent-library-tabs button{padding:12px 16px;display:flex;align-items:center;gap:11px;border-radius:10px;color:#767e91;background:transparent;text-align:left}.agent-library-tabs button>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff;font-size:13px;font-style:normal}.agent-library-tabs button>span{display:flex;flex-direction:column;font-size:10px;font-weight:800}.agent-library-tabs button small{margin-top:3px;font-size:7px;font-weight:500}.agent-library-tabs button.active{color:#fff;background:linear-gradient(135deg,#6f60e8,#5142c7);box-shadow:0 7px 18px rgba(81,66,193,.2)}.agent-library-tabs button.active>i{color:#5b4ed2}.animation-asset-library{padding:21px}.animation-asset-library[hidden],.platform-visualization-library[hidden]{display:none}.animation-asset-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.animation-asset-library>header span{color:#6656e8;font-size:7px;font-weight:800;letter-spacing:.16em}.animation-asset-library>header h3{margin:5px 0;font-size:14px}.animation-asset-library>header p{margin:0;color:#858b9b;font-size:8px}.animation-asset-library>header>strong{padding:7px 10px;border-radius:14px;color:#5143c5;background:#eeebff;font-size:8px}.animation-asset-filters{margin-top:17px;display:flex;flex-wrap:wrap;gap:6px}.animation-asset-filters button{padding:8px 12px;border:1px solid #dedfe6;border-radius:9px;color:#687084;background:#fff;font-size:8px}.animation-asset-filters button b{margin-left:5px;padding:2px 5px;border-radius:7px;background:#eff0f4;font-size:6px}.animation-asset-filters button.active{border-color:#6656e8;color:#fff;background:#6656e8}.animation-asset-filters button.active b{color:#5849cb;background:#fff}.animation-asset-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.animation-asset-card{min-width:0;overflow:hidden;border:1px solid #e0e2e9;border-radius:12px;background:#fff;transition:.2s}.animation-asset-card:hover{border-color:#c9c3f4;box-shadow:0 9px 22px rgba(65,54,140,.09);transform:translateY(-2px)}.animation-asset-thumbnail{height:145px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7f9fc,#eef1f7)}.animation-asset-thumbnail>.animation-lego-stage{width:200%;height:200%;transform:scale(.5);transform-origin:left top}.animation-asset-thumbnail .lego-object{min-width:78px;transform:scale(.82)}.animation-asset-info{padding:11px 12px 8px}.animation-asset-info span{color:#6656e8;font-size:6px;font-weight:800}.animation-asset-info h4{margin:4px 0;color:#2f3547;font-size:10px}.animation-asset-info small{display:block;overflow:hidden;color:#9aa0ae;font:6px/1.3 ui-monospace,SFMono-Regular,monospace;white-space:nowrap;text-overflow:ellipsis}.animation-asset-card>button{width:calc(100% - 24px);margin:0 12px 11px;padding:7px;border-radius:7px;color:#5c50c8;background:#efedff;font-size:7px}.lego-asset-character{height:100%;display:grid;place-items:center}.lego-asset-character svg{width:auto;height:130px;filter:drop-shadow(0 7px 7px rgba(42,52,74,.14))}.lego-asset-scene{width:100%;height:100%}.lego-asset-action{height:100%;display:grid;place-items:center}.lego-asset-action .lego-object{position:relative}.lego-asset-sound{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6656e8;background:radial-gradient(circle,#f0edff,#f8f8fc)}.lego-asset-sound i{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7869ed,#5142c7);font-size:22px;font-style:normal;box-shadow:0 9px 20px rgba(81,66,193,.23)}.lego-asset-sound span{margin-top:9px;font:7px ui-monospace,SFMono-Regular,monospace}.animation-single-asset-preview>div:first-child{height:330px;overflow:hidden;border-radius:13px;background:#f4f6fa}.animation-single-asset-preview .lego-asset-character svg{height:290px}.animation-single-asset-preview .lego-asset-action .lego-object{transform:scale(1.35)}.animation-single-asset-preview dl{margin:13px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.animation-single-asset-preview dl>div{padding:10px;border-radius:8px;background:#f5f6f9}.animation-single-asset-preview dt{color:#9096a5;font-size:7px}.animation-single-asset-preview dd{margin:4px 0 0;color:#30364a;font-size:9px}.animation-single-asset-preview>button{width:100%;padding:10px;border-radius:8px;color:#fff;background:#6656e8}.animation-blueprint-preview{display:grid;grid-template-rows:330px auto auto;gap:10px}.animation-blueprint-preview #animationBlueprintStage,.animation-blueprint-preview .animation-lego-stage{width:100%;height:100%;overflow:hidden}.animation-blueprint-state{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#f5f5fa}.animation-blueprint-state b{font-size:9px}.animation-blueprint-state span{color:#888fa0;font-size:7px}.animation-blueprint-controls{display:flex;justify-content:flex-end;gap:7px}.animation-blueprint-controls button{padding:8px 12px;border-radius:7px;background:#eceef3;font-size:8px}.animation-blueprint-controls button.primary{color:#fff;background:#6656e8}.animation-blueprint-controls button:disabled{opacity:.4}
@media(max-width:1100px){.animation-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.agent-library-tabs,.animation-asset-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.animation-asset-grid{grid-template-columns:1fr}.animation-single-asset-preview dl{grid-template-columns:1fr}}