.student-console{--student-page-inset: 20px}.ant-layout-header.student-header{height:auto;min-height:64px;padding:14px var(--student-page-inset);line-height:1.5;gap:12px;flex-wrap:wrap}.student-header-account{min-width:0;flex-wrap:wrap}.student-navigation-toggle{flex-shrink:0}.student-shell-body{position:relative}.student-sidebar{border-right:1px solid #f0f0f5}.ant-menu.student-navigation-menu{padding-top:calc(var(--student-page-inset) - 4px)}.ant-layout-sider.student-sidebar-mobile{position:absolute;inset:0 auto 0 0;z-index:12;box-shadow:8px 0 24px #141e501f}.student-sidebar-mobile.ant-layout-sider-collapsed{visibility:hidden;pointer-events:none}.student-navigation-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;border:0;background:#141e503d;cursor:pointer}.student-content{min-width:0;padding:var(--student-page-inset);overflow:auto}.student-page{box-sizing:border-box;width:100%;min-width:0;margin:0}.student-page>:first-child{margin-block-start:0}.student-design-workspace{display:grid;grid-template-columns:200px minmax(0,1fr) 400px;gap:14px;min-height:600px;height:calc(100vh - 160px)}.student-design-workspace>*{min-width:0}.student-design-versions{overflow:auto}.student-design-version-list{display:flex;flex-direction:column;gap:10px;min-width:0}.ant-btn.student-design-version{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;height:auto;padding:8px;white-space:normal}.ant-btn.student-design-version[aria-pressed=true]{border-color:#6a5af9;background:#f5f3ff}.student-design-version-image{display:block;width:100%;min-width:0;height:100px;overflow:hidden;border-radius:6px;background:#f7f7fb}.student-design-version-caption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;width:100%;min-width:0;font-size:13px;line-height:20px;overflow-wrap:anywhere}.student-design-version-caption time{color:#737584;font-variant-numeric:tabular-nums}.student-design-conversation{display:flex;flex-direction:column}@media (max-width: 1279px){.student-design-workspace{grid-template-columns:180px minmax(0,1fr);height:auto}.student-design-conversation{grid-column:1 / -1;min-height:420px}}@media (max-width: 767.98px){.student-console{--student-page-inset: 16px}.student-navigation-toggle-label,.student-header .student-header-tagline{display:none}.student-design-workspace{grid-template-columns:minmax(0,1fr)}.student-design-versions{max-height:240px}}.timeline-editor-cursor{cursor:ew-resize;position:absolute;top:32px;height:calc(100% - 32px);box-sizing:border-box;border-left:1px solid #5297FF;border-right:1px solid #5297FF;transform:translate(-25%) scaleX(.5)}.timeline-editor-cursor-top{position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(2);margin:auto}.timeline-editor-cursor-area{width:16px;height:100%;cursor:ew-resize;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-editor-drag-line-container{position:absolute;height:100%;top:0;left:0}.timeline-editor-drag-line{width:0;position:absolute;top:0;height:99%;border-left:1px dashed rgba(82,151,255,.6)}.timeline-editor:hover .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{height:4px}.timeline-editor-edit-area{flex:1 1 auto;margin-top:10px;overflow:hidden;position:relative}.timeline-editor-edit-area .ReactVirtualized__Grid{outline:none!important;overflow:overlay!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{width:0;height:0}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-track{background-color:transparent!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-thumb{background:#313132;border-radius:16px}.timeline-editor-action{position:absolute;left:0;top:0;background-color:#2f3134}.timeline-editor-action .timeline-editor-action-left-stretch,.timeline-editor-action .timeline-editor-action-right-stretch{position:absolute;top:0;width:10px;border-radius:4px;height:100%;overflow:hidden}.timeline-editor-action .timeline-editor-action-left-stretch:after,.timeline-editor-action .timeline-editor-action-right-stretch:after{position:absolute;top:0;bottom:0;margin:auto;border-radius:4px;border-top:28px solid transparent;border-bottom:28px solid transparent}.timeline-editor-action .timeline-editor-action-left-stretch{left:0}.timeline-editor-action .timeline-editor-action-left-stretch:after{left:0;content:"";border-left:7px solid rgba(255,255,255,.1);border-right:7px solid transparent}.timeline-editor-action .timeline-editor-action-right-stretch{right:0}.timeline-editor-action .timeline-editor-action-right-stretch:after{right:0;content:"";border-right:7px solid rgba(255,255,255,.1);border-left:7px solid transparent}.timeline-editor-edit-row-dragging{opacity:.5}.timeline-editor-edit-row{background-repeat:no-repeat,repeat;background-image:linear-gradient(#191b1d,#191b1d),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);display:flex;flex-direction:row;box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease}.timeline-editor-edit-row-drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:grab;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;-webkit-user-select:none;user-select:none;z-index:10;opacity:.6;transition:opacity .2s ease}.timeline-editor-edit-row-drag-handle:hover{opacity:1;color:#999}.timeline-editor-edit-row-drag-handle:active{cursor:grabbing}.timeline-editor-edit-row-dragged{opacity:.5;transform:scale(.98);pointer-events:none;z-index:1000;position:relative}.timeline-editor-edit-row-dragging{cursor:grabbing}.timeline-editor-edit-row-placeholder{background:#4a90e21a;border:2px dashed #4a90e2;height:4px;min-height:4px;margin:2px 0;opacity:.8}.timeline-editor-edit-row-placeholder .timeline-editor-edit-row-drag-handle,.timeline-editor-edit-row-placeholder .timeline-editor-edit-action{display:none}.timeline-editor-edit-row:before{content:"";position:absolute;left:0;right:0;height:2px;background:#4a90e2;z-index:100;opacity:0;transition:opacity .2s ease}.timeline-editor-edit-row[data-insert-position=top]:before{top:-1px;opacity:1}.timeline-editor-edit-row[data-insert-position=bottom]:before{bottom:-1px;opacity:1}.timeline-editor-time-area{position:relative;height:32px;flex:0 0 auto}.timeline-editor-time-area .ReactVirtualized__Grid{outline:none}.timeline-editor-time-area .ReactVirtualized__Grid::-webkit-scrollbar{display:none}.timeline-editor-time-area-interact{position:absolute;cursor:pointer;left:0;top:0}.timeline-editor-time-unit{border-right:1px solid rgba(255,255,255,.2);position:relative;box-sizing:content-box;height:4px!important;bottom:0!important;top:auto!important}.timeline-editor-time-unit-big{height:8px!important}.timeline-editor-time-unit-scale{color:#fff9;position:absolute;right:0;top:0;transform:translate(50%,-100%)}.timeline-editor{height:600px;width:600px;min-height:32px;position:relative;font-size:12px;font-family:PingFang SC;background-color:#191b1d;display:flex;flex-direction:column;overflow:hidden}.animation-timeline-editor{width:100%;min-width:0}.animation-timeline-editor>.ant-space{display:flex}.animation-timeline-zoom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.animation-timeline-track{width:100%;min-width:0;overflow:hidden;border:1px solid #dcd8ee;border-radius:12px}.animation-timeline-editor .timeline-editor{width:100%;font-family:inherit;background:#f1f0f8;color:#514c68}.animation-timeline-editor .timeline-editor-time-unit{color:#6c6584;border-color:#d9d5e7}.animation-timeline-editor .timeline-editor-time-unit-scale{color:#6c6584}.animation-timeline-editor .timeline-editor-edit-row{background:#e9e6f4}.animation-timeline-editor .timeline-editor-action{border-radius:8px;background:#6c6892;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff50}.animation-timeline-editor .timeline-editor-action-selected{background:#6351df;box-shadow:inset 0 0 0 2px #b7aaff}.animation-timeline-editor .timeline-editor-action-left-stretch,.animation-timeline-editor .timeline-editor-action-right-stretch{z-index:3;background:#ffffff50;width:9px}.animation-timeline-editor .timeline-editor-edit-area .ReactVirtualized__Grid{overflow:auto!important;scrollbar-width:thin;scrollbar-color:#b4a9dc #edeaf5}.animation-timeline-editor .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{height:10px}.animation-timeline-editor .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-thumb{background:#b4a9dc}.animation-timeline-clip{height:100%;min-width:0;padding:12px 15px;position:relative;color:#fff;overflow:hidden;cursor:grab;touch-action:none}.animation-timeline-clip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.24;pointer-events:none}.animation-timeline-clip-caption{position:relative;display:flex;flex-direction:column;gap:8px;white-space:nowrap;text-shadow:0 1px 4px #352f5c;pointer-events:none}.animation-timeline-clip-caption strong{font-size:13px}.animation-timeline-clip-caption span{font-size:12px}.animation-timeline-delete{position:absolute;top:5px;right:11px;z-index:4;width:22px;height:22px;border:0;border-radius:5px;background:#ffffff30;color:#fff;cursor:pointer}.animation-timeline-delete:hover{background:#fff;color:#b42343}.animation-timeline-delete:disabled{cursor:default;opacity:.45}@media (max-width: 600px){.animation-timeline-zoom{align-items:flex-start}.animation-timeline-clip{padding:12px}}body{margin:0;font-family:-apple-system,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;background:#f5f6fb;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b6ee8,#7b4fd4 55%,#9a4fb0)}.chat-scroll{overflow-y:auto;scrollbar-width:thin}.waveform{display:flex;align-items:flex-end;gap:3px;height:48px;width:100%}.waveform span{flex:1;border-radius:2px;background:#d3d9f7;min-height:5px;transition:background .2s}.waveform span.on{background:#6a5af9}.music-generating-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#f7f5ff,#ede9fe);border:1px solid #dcd5fb;border-radius:12px;box-shadow:0 2px 8px #6a5af90f}.music-generating-bars{display:flex;align-items:center;gap:4px;height:24px}.music-generating-bars span{width:4px;height:8px;border-radius:2px;background:#6a5af9;animation:music-bar-bounce 1.2s ease-in-out infinite alternate}.music-generating-bars span:nth-child(2){animation-delay:.2s}.music-generating-bars span:nth-child(3){animation-delay:.4s}.music-generating-bars span:nth-child(4){animation-delay:.6s}.music-generating-bars span:nth-child(5){animation-delay:.8s}@keyframes music-bar-bounce{0%{height:6px;opacity:.5}to{height:22px;opacity:1}}.shot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.version-thumb{width:100%;border-radius:8px;cursor:pointer;display:block;aspect-ratio:4 / 3;object-fit:cover}