body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.robot-controller{align-items:center;background:linear-gradient(135deg,#1a2a6c,#2a3c7a);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px}header{margin-bottom:30px;text-align:center;width:100%}h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.subtitle{font-size:1.2rem;opacity:.8}.container{display:flex;gap:30px;max-width:1200px;width:100%}.control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;flex:1 1;padding:25px}.panel-title{color:#6ab1ff;font-size:1.5rem;margin-bottom:20px;text-align:center}.joystick-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.joystick{background:#0000004d;border-radius:50%;box-shadow:inset 0 0 20px #00000080;height:200px;margin-bottom:20px;position:relative;touch-action:none;width:200px}.joystick-handle{background:linear-gradient(145deg,#6ab1ff,#3a7bd5);border-radius:50%;box-shadow:0 5px 15px #0000004d;cursor:pointer;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .1s;-webkit-user-select:none;user-select:none;width:60px}.joystick-axis{background:#fff3;height:100%;left:50%;position:absolute;top:0;width:2px}.joystick-axis.horizontal{height:2px;left:0;top:50%;width:100%}.joystick-label{display:flex;justify-content:space-between;margin-top:10px;width:200px}.turn-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex:1 1;flex-direction:column;padding:25px}.controls-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px}.control-item{background:#ffffff1a;border-radius:10px;padding:15px;text-align:center}.control-key{background:#0000004d;border-radius:5px;display:inline-block;font-weight:700;margin:0 5px;padding:5px 10px}.data-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0003;margin-top:30px;max-width:1500px;padding:25px;width:100%}.data-title{color:#6ab1ff;font-size:1.5rem;margin-bottom:20px;text-align:center}.data-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.data-item{background:#0003;border-radius:10px;padding:10px}.data-label{font-size:1rem;margin-bottom:5px;opacity:.8}.data-value{font-size:1rem;font-weight:700}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.status-connected{background:#4caf50}.status-disconnected{background:#f44336}.buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}button{background:linear-gradient(145deg,#6ab1ff,#3a7bd5);border:none;border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}button:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}button:active{transform:translateY(1px)}.danger{background:linear-gradient(145deg,#ff5252,#d32f2f)}.warning{background:linear-gradient(145deg,#ff9800,#f57c00)}.success{background:linear-gradient(145deg,#4caf50,#388e3c)}.log{background:#0003;border-radius:10px;font-family:monospace;font-size:.9rem;height:120px;margin-top:20px;overflow-y:auto;padding:15px}.log-entry{border-bottom:1px solid #ffffff1a;margin-bottom:5px;padding-bottom:5px}.log-time{color:#6ab1ff}@media (max-width:768px){.container{flex-direction:column}.controls-info{grid-template-columns:1fr}.buttons{align-items:center;flex-direction:column}button{width:200px}}.topic-input-container{align-items:center;z-index:100}.topic-input-container label{color:#333;font-size:14px;font-weight:700}.topic-input-container input{border:2px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s;width:200px}.topic-input-container input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.robot-info-container{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;height:100vh;overflow-y:auto;padding:20px;width:100%}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;background-color:#ff00001a;border-radius:10px;display:flex;height:100%;justify-content:center;padding:20px}.error-text{color:#ff6b6b;font-size:18px;text-align:center}.no-data{align-items:center;display:flex;height:100%;justify-content:center}.robot-info-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:40px;padding:20px;text-align:center}.robot-name{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.robot-sn{font-size:1.1rem;margin-top:10px;opacity:.9}.robot-stats-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;display:flex;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.stat-icon{color:#ffffffe6;margin-right:25px}.stat-content{flex:1 1}.stat-title{color:#ffffffe6;font-size:1.3rem;font-weight:500;margin:0 0 10px}.stat-value{color:#fff;font-size:2.2rem;font-weight:700;margin:0 0 8px;text-shadow:1px 1px 3px #0003}.stat-raw{color:#fffc;font-size:.9rem;margin:0;opacity:.7}.additional-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;grid-column:1/-1;padding:25px}.info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 0}.info-item:last-child{border-bottom:none}.info-label{color:#ffffffe6;font-size:1.1rem}.info-value{color:#fff;font-size:1.2rem;font-weight:500}.status-0{background:#4ade8033;color:#4ade80}.status-0,.status-1{border-radius:20px;padding:5px 15px}.status-1{background:#f8717133;color:#f87171}.battery-bar{background:#fff3;border-radius:10px;display:inline-block;height:20px;margin-left:15px;margin-top:8px;overflow:hidden;vertical-align:middle;width:100px}.battery-fill{background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:10px;height:100%;transition:width .5s ease}@media (max-width:768px){.robot-info-container{padding:15px}.robot-stats-container{gap:20px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:1.8rem}.robot-name{font-size:2rem}}@media (max-width:480px){.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:15px;margin-right:0}.info-item{align-items:flex-start;flex-direction:column}.battery-bar{margin-left:0;margin-top:10px}}.hover-container{min-height:100vh;padding:20px;position:relative;width:100%}.hover-trigger{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #00000026;color:#fff;cursor:pointer;margin:20px auto;padding:20px;transition:all .3s ease;width:400px}.hover-trigger:hover{box-shadow:0 8px 30px #0003;transform:translateY(-3px)}.trigger-content{align-items:center;display:flex;font-size:18px;font-weight:500;gap:12px}.trigger-content .icon{font-size:24px}.trigger-content .hint{font-size:14px;font-style:italic;opacity:.8}.robot-info-overlay{align-items:center;animation:fadeIn .3s ease;background:#000;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:9999}.robot-info-wrapper{animation:slideUp .3s ease;max-height:90vh;max-width:800px;overflow:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-css-container{padding:40px;position:relative;width:100%;z-index:10000}.hover-trigger-css{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;color:#fff;cursor:pointer;margin:20px auto;padding:20px;position:relative;transition:all .3s ease;width:400px;z-index:10001}.hover-trigger-css:hover{transform:translateY(-3px)}.robot-info-hover{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;left:50%;max-height:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:600px;z-index:99999}.hover-trigger-css:hover .robot-info-hover{max-height:80vh;opacity:1;overflow:visible;pointer-events:auto}.hover-advanced-container{min-height:100vh;padding:40px;position:relative;width:100%}.hover-trigger-advanced{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:16px;box-shadow:0 6px 25px #0003;color:#fff;cursor:pointer;margin:40px auto;padding:30px;transition:all .3s ease;width:500px}.hover-trigger-advanced:hover{box-shadow:0 12px 35px #00000040;transform:translateY(-5px)}.trigger-content-advanced{align-items:center;display:flex;gap:20px}.trigger-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:15px}.trigger-text h3{font-size:22px;margin:0 0 8px}.trigger-text p{font-size:16px;margin:0;opacity:.9}.robot-info-popup{animation:popupFadeIn .3s ease;background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;overflow:auto;width:700px;z-index:9999}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-content{padding:0}.popup-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.popup-header h4{font-size:18px;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .3s ease;width:32px}.close-btn:hover{background:#ffffff4d}.popup-body{padding:20px}@media (max-width:768px){.hover-trigger,.hover-trigger-advanced,.hover-trigger-css{margin:20px auto;width:90%}.robot-info-hover{left:5vw;width:90vw}.robot-info-popup{left:5vw!important;top:20px!important;width:90vw}}@media (max-width:480px){.trigger-content,.trigger-content-advanced{flex-direction:column;text-align:center}}.developer-tools-container{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card{cursor:pointer;overflow:hidden;position:relative}.tool-card:before{background:linear-gradient(90deg,#1890ff,#52c41a);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tool-card:hover:before{transform:scaleX(1)}.tool-card:hover{border-color:#1890ff!important;box-shadow:0 8px 24px #1890ff33!important;transform:translateY(-4px)}.tool-card:hover h3{color:#1890ff}.tool-card:active{transform:translateY(-2px)}@media (max-width:768px){.developer-tools-container .ant-card-body{padding:16px}.tool-card{margin-bottom:16px}}.ant-modal-body iframe{animation:iframeLoad .3s ease-in}@keyframes iframeLoad{0%{opacity:0}to{opacity:1}}.vp-container{border-radius:12px;overflow:hidden}.vp-container,.vp-video-wrapper{background:#000;position:relative;width:100%}.vp-video-wrapper{aspect-ratio:16/9}.vp-video{cursor:pointer;display:block;height:100%;object-fit:contain;width:100%}.vp-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.vp-container:hover .vp-overlay{opacity:1}.vp-play-btn{box-shadow:0 4px 16px #0000004d;font-size:32px;height:64px;pointer-events:all;width:64px}.vp-controls{background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;opacity:0;padding:16px 20px;position:absolute;right:0;transition:opacity .3s ease}.vp-container:hover .vp-controls{opacity:1}.vp-time-info{align-items:center;color:#fff;display:flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:500;gap:8px}.vp-separator{color:#ffffff80}.vp-timeline{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .2s ease}.vp-timeline:hover{background:#fff6;height:6px}.vp-progress{background:red;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.vp-actions{display:flex;gap:8px;justify-content:flex-end}.vp-actions .ant-btn{border-color:#ffffff4d;color:#fff}.vp-actions .ant-btn:hover{background:#ffffff1a;border-color:#fff9;color:#fff}.vp-title{color:#fff;font-size:16px;font-weight:600;left:16px;opacity:0;position:absolute;text-shadow:0 2px 4px #00000080;top:16px;transition:opacity .3s ease}.vp-container:hover .vp-title{opacity:1}.upload-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:320px;min-width:280px;padding:16px;transition:all .3s ease}.upload-progress-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000026}.upload-progress-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.upload-progress-card-title{align-items:center;display:flex;flex:1 1;min-width:0}.upload-progress-card-filename{color:#1f2937;font-size:14px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-card-actions{display:flex;flex-shrink:0;gap:4px}.upload-progress-card-body{margin-top:12px}.upload-progress-card-progress-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:12px}.upload-progress-card-progress-wrapper .ant-progress{flex:1 1;margin:0}.upload-progress-card-percentage{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:600;min-width:40px;text-align:right}.upload-progress-card-info{display:flex;flex-direction:column;gap:6px}.upload-progress-card-info-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.upload-progress-card-label{color:#6b7280;font-weight:400}.upload-progress-card-value{color:#1f2937;font-weight:500}.upload-progress-card-error{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:8px}.upload-progress-card-error .upload-progress-card-value{font-size:11px;word-break:break-word}.mc-platform{padding:20px}.mc-page-header{align-items:center;display:flex;justify-content:space-between}.mc-page-header h2{font-size:22px;margin:0}.mc-page-header p{color:#64748b;margin:4px 0 0}.mc-stat-grid{margin-bottom:16px}.mc-thumb{align-items:center;background:#f0f5ff;border-radius:4px;display:flex;font-size:18px;height:36px;justify-content:center;width:64px}.mc-score-high{color:#22c55e;font-weight:600}.mc-page-header button:active,.mc-page-header button:focus,.mc-page-header button:focus-visible{box-shadow:none!important;outline:none!important}.mc-page-header .ant-btn-primary:active:not(:disabled),.mc-page-header .ant-btn-primary:focus,.mc-page-header .ant-btn-primary:focus-visible{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.mc-page-header .ant-btn-default:active:not(:disabled),.mc-page-header .ant-btn-default:focus,.mc-page-header .ant-btn-default:focus-visible{background:#fff!important;border-color:#d9d9d9!important;color:#000000d9!important}.mc-page-header button[tabindex="-1"]:focus,.mc-page-header button[tabindex="-1"]:focus-visible{background:inherit!important;border-color:inherit!important;box-shadow:none!important;color:inherit!important;outline:none!important}body,html{height:100%;overflow:hidden}.va-container{background:#f5f7fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;padding:20px}.va-header{margin-bottom:20px}.va-header-content{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:16px 24px}.va-title{color:#111827;font-size:24px;font-weight:600;margin:0}.va-header-stats{display:flex;gap:12px}.va-main{grid-gap:20px;align-content:stretch;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 360px;grid-template-rows:minmax(0,1fr) minmax(220px,auto);justify-items:stretch;min-height:0;overflow:hidden}.va-video-panel{grid-column:1;grid-row:1;max-height:100%;min-height:0;min-width:0}.va-video-panel,.va-video-panel .va-card{display:flex;flex-direction:column;overflow:hidden}.va-video-panel .va-card{height:100%}.va-video-panel .va-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.va-controls-panel{display:flex;flex-direction:column;gap:16px;grid-column:2;grid-row:1/3;justify-self:end;max-height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;width:350px}.va-controls-panel .va-card{display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden;padding-bottom:2%}.va-controls-panel .va-card .ant-card-body{flex:0 1 auto;max-height:none;min-height:0;overflow:visible}.va-clips-panel{grid-column:1;grid-row:2;min-height:220px;min-width:0;padding-bottom:0}.va-clips-panel,.va-clips-panel .va-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.va-clips-panel .va-card{border-radius:12px 12px 12px 12px;min-height:0;padding-bottom:2%}.va-clips-panel .va-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;margin-bottom:0;min-height:0;overflow:hidden;padding:6px 10px 0}.va-clips-panel .va-card .ant-card-head{margin-bottom:0;padding-bottom:0}.va-clips-panel .va-card .ant-card-head-title{padding-bottom:0}.va-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:auto;transition:box-shadow .2s ease,border-color .2s ease}.va-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.va-card .ant-card-head{background:#f9fafb;border-bottom:1px solid #e5e7eb}.va-card .ant-card-head-title{color:#111827;font-size:15px;font-weight:600}.va-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px 18px}.va-upload-area{padding:60px 40px;text-align:center}.va-upload-content{cursor:pointer;transition:all .3s ease}.va-upload-content:hover{transform:translateY(-4px)}.va-upload-icon{color:#667eea;display:block;font-size:64px;margin-bottom:16px}.va-upload-text{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:8px}.va-upload-hint{color:#718096;font-size:14px}.va-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:10px 10px 0 0;overflow:hidden;position:relative}.va-video{display:block;height:100%;object-fit:contain;width:100%}.va-video-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.va-video-wrapper:hover .va-video-overlay{opacity:1}.va-play-btn{box-shadow:0 4px 16px #0000004d;font-size:32px;height:64px;width:64px}.va-timeline-container{background:#f9fafb;border-radius:0 0 10px 10px;border-top:1px solid #e5e7eb;padding:7px 10px}.va-timeline{background:#0003;border-radius:2px;cursor:pointer;height:4px;margin-bottom:12px;overflow:visible;position:relative;transition:height .2s ease}.va-timeline:hover{background:#0000004d;height:6px}.va-timeline-progress{background:red;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.va-timeline-marker{background:red;border-radius:50%;box-shadow:0 0 4px #ff000080;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s linear;width:12px;z-index:2}.va-timeline:hover .va-timeline-marker{opacity:1}.va-timeline-clip{border:none;border-radius:2px;cursor:pointer;height:100%;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.va-timeline-clip:hover{box-shadow:0 2px 8px #0003;transform:scaleY(1.1)}.va-timeline-info{align-items:center;color:#4a5568;display:flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:500;gap:8px;justify-content:center}.va-time-separator{color:#cbd5e0}.va-time-display{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.va-time-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:8px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.va-time-label{color:#718096;font-size:12px;letter-spacing:.2px;margin-bottom:4px}.va-time-value{color:#2d3748;font-family:SF Mono,Monaco,Consolas,monospace;font-size:16px;font-weight:600;word-break:break-all}.va-label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.va-label+.ant-input,.va-label+.ant-select{margin-top:4px}.va-clips-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:12px;margin-top:0;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:0;position:relative;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin;width:100%}.va-clips-list::-webkit-scrollbar{display:block;height:14px}.va-clips-list::-webkit-scrollbar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.va-clips-list::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:6px;min-width:40px}.va-clips-list::-webkit-scrollbar-thumb:hover{background:#64748b}.va-clips-list{scrollbar-gutter:stable}.va-clips-panel .va-card .ant-card-body{box-sizing:border-box}.va-clip-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;height:-webkit-fit-content;height:fit-content;max-width:500px;min-height:120px;min-width:320px;padding:10px 12px;transition:all .2s ease;width:-webkit-min-content;width:min-content}.va-clip-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.va-clip-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-bottom:0;padding-bottom:6px}.va-clip-header .va-clip-time{flex:1 1;min-width:0}.va-clip-header .ant-space{flex-shrink:0}.va-clip-time{align-items:center;display:flex;gap:8px}.va-clip-duration{color:#718096;font-size:12px}.va-clip-body{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0}.va-clip-main-info{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:0;padding:0}.va-clip-main-info,.va-clip-meta{align-items:center;line-height:1.2;overflow:visible}.va-clip-meta{flex-wrap:nowrap;justify-content:flex-start}.va-clip-meta,.va-clip-scores{display:inline-flex;gap:4px;max-width:100%;min-width:-webkit-fit-content;min-width:fit-content}.va-clip-scores{align-items:center;font-size:11px;justify-content:flex-end;line-height:1.2;overflow:visible;white-space:nowrap}.va-score-compact{background:#eff6ff;border-radius:3px;color:#3b82f6;font-size:11px;font-weight:600;line-height:1.3;padding:1px 5px;white-space:nowrap}.va-clip-extra-info{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;line-height:1.2;margin:0;overflow:hidden;padding:0}.va-clip-camera,.va-clip-quality,.va-clip-tags{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:4px;white-space:nowrap}.va-clip-camera .ant-tag,.va-clip-quality .ant-tag,.va-clip-tags .ant-tag{font-size:10px;height:auto;line-height:1.2;margin:0;padding:1px 5px}.va-clip-text-info{display:flex;flex-direction:column;gap:4px;margin-top:2px}.va-clip-description{-webkit-line-clamp:2;line-clamp:2;color:#4a5568;font-size:12px;margin:0}.va-clip-description,.va-clip-notes{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.va-clip-notes{-webkit-line-clamp:1;line-clamp:1;color:#718096;font-size:11px}.va-score-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;padding:8px}.va-score-label{color:#718096;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.va-score-value{color:#3b82f6;font-size:18px;font-weight:700}@media (max-width:1600px){.va-main{grid-template-columns:1fr 340px}}@media (max-width:1400px){.va-main{grid-template-columns:1fr 320px}.va-controls-panel{width:320px}}@media (max-width:1200px){.va-main{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;min-height:auto}.va-video-panel{grid-column:1;grid-row:1}.va-controls-panel{grid-column:1;grid-row:2;max-height:500px}.va-clips-panel{grid-column:1;grid-row:3;max-height:350px;min-height:220px}}@media (max-width:768px){.va-container{padding:16px}.va-header-content{align-items:flex-start;flex-direction:column;gap:12px}.va-title{font-size:24px}.va-clip-scores{grid-template-columns:repeat(2,1fr)}}.va-card .ant-btn{border-radius:8px;font-weight:500;height:32px}.va-card .ant-btn-primary{background:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f633}.va-card .ant-btn-primary:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.va-card .ant-input,.va-card .ant-select-selector{border-color:#e2e8f0;border-radius:8px}.va-card .ant-input:focus,.va-card .ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.va-card .ant-slider{margin:4px 0 25px}.va-card .ant-slider-track{background:linear-gradient(90deg,#667eea,#764ba2)}.va-card .ant-slider-handle{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.va-card .ant-slider-handle:focus,.va-card .ant-slider-handle:hover{border-color:#764ba2;box-shadow:0 0 0 6px #667eea26}.va-controls-panel .ant-slider-mark-text{font-size:10px;margin-top:2px;white-space:nowrap}.va-controls-panel .ant-slider+div[style*="textAlign: 'center'"]{line-height:1.5;margin-bottom:4px!important;margin-top:8px!important;padding:0 4px}.va-controls-panel .ant-btn{font-size:12px;height:34px;padding:0 8px}.va-time-item:hover{background:#edf2ff;border-color:#667eea;box-shadow:0 1px 4px #667eea33}:root{--kfa-bg:#0f0f0f;--kfa-surface:#1a1a1a;--kfa-surface-elevated:#242424;--kfa-border:#333;--kfa-text-primary:#e8e8e8;--kfa-text-secondary:#999;--kfa-text-muted:#666;--kfa-accent:#3b82f6;--kfa-accent-hover:#60a5fa;--kfa-success:#22c55e;--kfa-warning:#f59e0b;--kfa-error:#ef4444;--kfa-keyframe:#f59e0b;--kfa-subclip:#8b5cf6}.kfa-container{background:#0f0f0f;background:var(--kfa-bg);color:#e8e8e8;color:var(--kfa-text-primary);display:flex;flex-direction:column;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;overflow:hidden}.kfa-header{background:#1a1a1a;background:var(--kfa-surface);border-bottom:1px solid #333;border-bottom:1px solid var(--kfa-border);flex-shrink:0;height:56px;justify-content:space-between;padding:0 20px}.kfa-header,.kfa-header-left{align-items:center;display:flex}.kfa-header-left{gap:16px}.kfa-back-btn{color:#999!important;color:var(--kfa-text-secondary)!important;padding:4px 8px!important}.kfa-back-btn:hover{color:#3b82f6!important;color:var(--kfa-accent)!important}.kfa-title{color:#e8e8e8;color:var(--kfa-text-primary);font-size:16px;font-weight:600;margin:0}.kfa-header-center{gap:24px}.kfa-header-center,.kfa-stat{align-items:center;display:flex}.kfa-stat{color:#999;color:var(--kfa-text-secondary);font-size:13px;gap:6px}.kfa-stat-value{color:#3b82f6;color:var(--kfa-accent);font-weight:600}.kfa-header-right{align-items:center;display:flex;gap:12px}.kfa-main{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 380px;grid-template-rows:1fr auto;min-height:0;overflow:hidden}.kfa-video-panel{background:#1a1a1a;background:var(--kfa-surface);border-right:1px solid #333;border-right:1px solid var(--kfa-border);display:flex;flex-direction:column;grid-column:1;grid-row:1;min-height:0}.kfa-video-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:0;position:relative}.kfa-video{max-height:100%;max-width:100%;object-fit:contain}.kfa-video-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.kfa-video-container:hover .kfa-video-overlay{opacity:1}.kfa-video-time{background:#000c;border-radius:4px;bottom:12px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:13px;padding:4px 10px;position:absolute;right:12px}.kfa-upload-area{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.kfa-upload-zone{border:2px dashed #333;border:2px dashed var(--kfa-border);border-radius:16px;cursor:pointer;max-width:500px;padding:60px 40px;text-align:center;transition:all .2s;width:100%}.kfa-upload-zone:hover{background:#3b82f60d}.kfa-upload-zone.dragging,.kfa-upload-zone:hover{border-color:#3b82f6;border-color:var(--kfa-accent)}.kfa-upload-zone.dragging{background:#3b82f61a}.kfa-upload-icon{color:#3b82f6;color:var(--kfa-accent);font-size:48px;margin-bottom:16px}.kfa-upload-title{color:#e8e8e8;color:var(--kfa-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.kfa-upload-hint{color:#999;color:var(--kfa-text-secondary);font-size:14px;margin-bottom:4px}.kfa-upload-formats{color:#666;color:var(--kfa-text-muted);font-size:12px}.kfa-timeline-panel{background:#1a1a1a;background:var(--kfa-surface);border-right:1px solid #333;border-right:1px solid var(--kfa-border);border-top:1px solid #333;border-top:1px solid var(--kfa-border);grid-column:1;grid-row:2;padding:12px 16px}.kfa-timeline-wrapper{height:60px;position:relative}.kfa-timeline{background:#242424;background:var(--kfa-surface-elevated);border-radius:4px;cursor:pointer;height:8px;margin-top:20px;position:relative}.kfa-timeline-progress{border-radius:4px;height:100%;left:0;top:0;transition:width .1s linear}.kfa-timeline-marker,.kfa-timeline-progress{background:#3b82f6;background:var(--kfa-accent);position:absolute}.kfa-timeline-marker{border:2px solid #fff;border-radius:50%;cursor:grab;height:14px;top:50%;transform:translate(-50%,-50%);width:14px;z-index:10}.kfa-timeline-clip{background:#22c55e;background:var(--kfa-success);border-radius:2px;cursor:pointer;height:12px;opacity:.6;position:absolute;top:-16px;transition:all .2s}.kfa-timeline-clip.active,.kfa-timeline-clip:hover{opacity:1;transform:scaleY(1.2)}.kfa-timeline-keyframe{background:#f59e0b;background:var(--kfa-keyframe);border-radius:50%;cursor:pointer;height:10px;position:absolute;top:-8px;transform:translateX(-50%);transition:all .2s;width:10px;z-index:5}.kfa-timeline-keyframe.active,.kfa-timeline-keyframe:hover{box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--kfa-keyframe);transform:translateX(-50%) scale(1.3)}.kfa-timeline-info{align-items:center;color:#999;color:var(--kfa-text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:10px}.kfa-timeline-time{font-family:SF Mono,Monaco,monospace}.kfa-side-panel{background:#1a1a1a;background:var(--kfa-surface);display:flex;flex-direction:column;grid-column:2;grid-row:1/3;overflow:hidden}.kfa-tabs{background:#242424;background:var(--kfa-surface-elevated);border-bottom:1px solid #333;border-bottom:1px solid var(--kfa-border);display:flex}.kfa-tab{background:#0000;border:none;color:#999;color:var(--kfa-text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:12px 16px;position:relative;text-align:center;transition:all .2s}.kfa-tab:hover{color:#e8e8e8;color:var(--kfa-text-primary)}.kfa-tab.active{color:#3b82f6;color:var(--kfa-accent)}.kfa-tab.active:after{bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.kfa-tab-badge,.kfa-tab.active:after{background:#3b82f6;background:var(--kfa-accent)}.kfa-tab-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.kfa-panel-content{flex:1 1;overflow-y:auto;padding:16px}.kfa-clip-list{display:flex;flex-direction:column;gap:12px}.kfa-clip-item{background:#242424;background:var(--kfa-surface-elevated);border:1px solid #333;border:1px solid var(--kfa-border);border-radius:10px;cursor:pointer;padding:12px;transition:all .2s}.kfa-clip-item.active,.kfa-clip-item:hover{border-color:#3b82f6;border-color:var(--kfa-accent)}.kfa-clip-item.active{background:#3b82f61a}.kfa-clip-item.annotated{border-left:3px solid #22c55e;border-left:3px solid var(--kfa-success)}.kfa-clip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.kfa-clip-index{background:#3b82f626;border-radius:4px;color:#3b82f6;color:var(--kfa-accent);font-size:11px;font-weight:600;padding:2px 8px}.kfa-clip-time{color:#999;color:var(--kfa-text-secondary);font-family:SF Mono,Monaco,monospace;font-size:12px}.kfa-clip-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.kfa-clip-tag{background:#1a1a1a;background:var(--kfa-surface);border-radius:4px;font-size:11px;padding:2px 8px}.kfa-clip-tag.action{background:#22c55e26;color:#22c55e;color:var(--kfa-success)}.kfa-clip-tag.keyframe{background:#f59e0b26;color:#f59e0b;color:var(--kfa-keyframe)}.kfa-clip-tag.subclip{background:#8b5cf626;color:#8b5cf6;color:var(--kfa-subclip)}.kfa-clip-progress{background:#1a1a1a;background:var(--kfa-surface);border-radius:2px;height:3px;overflow:hidden}.kfa-clip-progress-bar{background:#22c55e;background:var(--kfa-success);height:100%;transition:width .3s}.kfa-section{margin-bottom:20px}.kfa-section-title{align-items:center;color:#999;color:var(--kfa-text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.kfa-section-title .anticon{color:#3b82f6;color:var(--kfa-accent)}.kfa-form-group{margin-bottom:16px}.kfa-form-label{color:#e8e8e8;color:var(--kfa-text-primary);display:block;font-size:13px;margin-bottom:8px}.kfa-form-hint{color:#666;color:var(--kfa-text-muted);font-size:11px;margin-top:4px}.kfa-score-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.kfa-score-item{background:#242424;background:var(--kfa-surface-elevated);border-radius:8px;padding:12px}.kfa-score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.kfa-score-label{color:#999;color:var(--kfa-text-secondary);font-size:12px}.kfa-score-value{color:#3b82f6;color:var(--kfa-accent);font-size:16px;font-weight:600}.kfa-keyframe-list{display:flex;flex-direction:column;gap:8px}.kfa-keyframe-item{background:#242424;background:var(--kfa-surface-elevated);border:1px solid #333;border-left:3px solid #f59e0b;border:1px solid var(--kfa-border);border-left:3px solid var(--kfa-keyframe);border-radius:8px;cursor:pointer;padding:10px 12px;transition:all .2s}.kfa-keyframe-item.active,.kfa-keyframe-item:hover{border-color:#f59e0b;border-color:var(--kfa-keyframe)}.kfa-keyframe-item.active{background:#f59e0b1a}.kfa-keyframe-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.kfa-keyframe-index{color:#f59e0b;color:var(--kfa-keyframe);font-size:11px;font-weight:600}.kfa-keyframe-time{color:#999;color:var(--kfa-text-secondary);font-family:SF Mono,Monaco,monospace;font-size:12px}.kfa-keyframe-action{color:#e8e8e8;color:var(--kfa-text-primary);font-size:13px}.kfa-keyframe-action.empty{color:#666;color:var(--kfa-text-muted);font-style:italic}.kfa-subclip-list{display:flex;flex-direction:column;gap:8px}.kfa-subclip-item{background:#242424;background:var(--kfa-surface-elevated);border:1px solid #333;border-left:3px solid #8b5cf6;border:1px solid var(--kfa-border);border-left:3px solid var(--kfa-subclip);border-radius:8px;cursor:pointer;padding:10px 12px;transition:all .2s}.kfa-subclip-item.active,.kfa-subclip-item:hover{border-color:#8b5cf6;border-color:var(--kfa-subclip)}.kfa-subclip-item.active{background:#8b5cf61a}.kfa-subclip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.kfa-subclip-index{color:#8b5cf6;color:var(--kfa-subclip);font-size:11px;font-weight:600}.kfa-subclip-time{color:#999;color:var(--kfa-text-secondary);font-family:SF Mono,Monaco,monospace;font-size:12px}.kfa-subclip-info{display:flex;flex-wrap:wrap;gap:4px}.kfa-subclip-tag{background:#1a1a1a;background:var(--kfa-surface);border-radius:3px;color:#999;color:var(--kfa-text-secondary);font-size:10px;padding:2px 6px}.kfa-subclip-tag.filled{background:#8b5cf626;color:#8b5cf6;color:var(--kfa-subclip)}.kfa-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.kfa-empty-icon{color:#666;color:var(--kfa-text-muted);font-size:48px;margin-bottom:16px}.kfa-empty-title{color:#e8e8e8;color:var(--kfa-text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.kfa-empty-hint{color:#999;color:var(--kfa-text-secondary);font-size:13px}.kfa-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.kfa-loading-text{color:#999;color:var(--kfa-text-secondary);font-size:14px;margin-top:16px}.kfa-container .ant-select-selector{background:#242424!important;background:var(--kfa-surface-elevated)!important;border-color:#333!important;border-color:var(--kfa-border)!important;color:#e8e8e8!important;color:var(--kfa-text-primary)!important}.kfa-container .ant-select-selection-item,.kfa-container .ant-select-selection-placeholder{color:#e8e8e8;color:var(--kfa-text-primary)}.kfa-container .ant-select-arrow{color:#999;color:var(--kfa-text-secondary)}.kfa-container .ant-select-focused .ant-select-selector{border-color:#3b82f6!important;border-color:var(--kfa-accent)!important;box-shadow:0 0 0 2px #3b82f633!important}.kfa-container .ant-slider-rail{background:#242424;background:var(--kfa-surface-elevated)}.kfa-container .ant-slider-track{background:#3b82f6;background:var(--kfa-accent)}.kfa-container .ant-btn-primary,.kfa-container .ant-slider-handle{border-color:#3b82f6;border-color:var(--kfa-accent)}.kfa-container .ant-btn-primary{background:#3b82f6;background:var(--kfa-accent)}.kfa-container .ant-btn-primary:hover{background:#60a5fa;background:var(--kfa-accent-hover);border-color:#60a5fa;border-color:var(--kfa-accent-hover)}.kfa-container .ant-input{background:#242424;background:var(--kfa-surface-elevated);border-color:#333;border-color:var(--kfa-border);color:#e8e8e8;color:var(--kfa-text-primary)}.kfa-container .ant-input:focus,.kfa-container .ant-input:hover{border-color:#3b82f6;border-color:var(--kfa-accent)}.kfa-container .ant-input-number{background:#242424;background:var(--kfa-surface-elevated);border-color:#333;border-color:var(--kfa-border);color:#e8e8e8;color:var(--kfa-text-primary)}@media (max-width:1200px){.kfa-main{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.kfa-side-panel{grid-column:1;grid-row:3;max-height:400px}}.mr-container{background:#f5f7fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;padding:20px}.mr-header{margin-bottom:20px}.mr-header-content{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;padding:16px 24px}.mr-title{color:#111827;font-size:24px;font-weight:600;margin:0}.mr-header-stats{display:flex;gap:12px}.mr-main{grid-gap:20px;align-content:stretch;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;justify-items:stretch;min-height:0;overflow:hidden}.mr-left-panel{gap:20px;grid-column:1;grid-row:1}.mr-left-panel,.mr-video-panel{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.mr-video-panel{flex:1 1}.mr-recommendations-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.mr-video-panel .mr-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.mr-video-panel .mr-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.mr-controls-panel{display:flex;flex-direction:column;gap:16px;grid-column:2;grid-row:1;max-height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;width:100%}.mr-controls-panel .mr-card{display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow:hidden}.mr-controls-panel .mr-card .ant-card-body{flex:0 1 auto;max-height:none;min-height:0;overflow:visible}.mr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:auto;transition:box-shadow .2s ease,border-color .2s ease}.mr-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.mr-card .ant-card-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 20px}.mr-card .ant-card-head-title{color:#111827;font-size:15px;font-weight:600}.mr-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px 18px}.mr-upload-area{padding:60px 40px;text-align:center}.mr-upload-content{cursor:pointer;transition:all .3s ease}.mr-upload-content:hover{transform:translateY(-4px)}.mr-upload-text{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:8px}.mr-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:10px 10px 0 0;overflow:hidden;position:relative}.mr-video{display:block;height:100%;object-fit:contain;width:100%}.mr-video-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.mr-video-wrapper:hover .mr-video-overlay{opacity:1}.mr-play-btn{box-shadow:0 4px 16px #0000004d;font-size:32px;height:64px;width:64px}.mr-timeline-container{background:#f9fafb;border-radius:0 0 10px 10px;border-top:1px solid #e5e7eb;padding:7px 10px}.mr-timeline-info{align-items:center;color:#4a5568;display:flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:500;gap:8px;justify-content:center}.mr-time-separator{color:#cbd5e0}@media (max-width:1600px){.mr-main{grid-template-columns:1fr 1fr}}@media (max-width:1400px){.mr-main{grid-template-columns:1fr 1fr}}@media (max-width:1200px){.mr-main{grid-template-columns:1fr;grid-template-rows:auto auto}.mr-left-panel{grid-column:1;grid-row:1}.mr-controls-panel{grid-column:1;grid-row:2;max-height:500px;width:100%}}@media (max-width:768px){.mr-container{padding:16px}.mr-header-content{align-items:flex-start;flex-direction:column;gap:12px}.mr-title{font-size:20px}}.mr-card .ant-btn{border-radius:8px;font-weight:500;height:32px}.mr-card .ant-btn-primary{background:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f633}.mr-card .ant-btn-primary:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.mr-card .ant-input,.mr-card .ant-select-selector{border-color:#e2e8f0;border-radius:8px}.mr-card .ant-input:focus,.mr-card .ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.mr-card .ant-card-extra{align-items:center;display:flex;gap:8px}.mr-card .ant-card-extra .ant-input{transition:all .3s ease}.mr-card .ant-card-extra .ant-input:hover{border-color:#667eea}.mr-card .ant-card-extra .ant-input-affix-wrapper{border-color:#e2e8f0;border-radius:8px;transition:all .3s ease}.mr-card .ant-card-extra .ant-input-affix-wrapper:hover{border-color:#667eea}.mr-card .ant-card-extra .ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.mr-card .ant-pagination{margin-top:16px}.mr-card .ant-pagination-item{border-color:#e2e8f0;border-radius:6px}.mr-card .ant-pagination-item:hover{border-color:#667eea}.mr-card .ant-pagination-item-active{background:#667eea;border-color:#667eea}.mr-card .ant-pagination-item-active a{color:#fff}.mr-card .ant-pagination-next,.mr-card .ant-pagination-prev{border-color:#e2e8f0;border-radius:6px}.mr-card .ant-pagination-next:hover,.mr-card .ant-pagination-prev:hover{border-color:#667eea}.mr-card .ant-pagination-options{border-radius:6px}.mr-card .ant-slider{margin:8px 0}.mr-card .ant-slider-track{background:linear-gradient(90deg,#667eea,#764ba2)}.mr-card .ant-slider-handle{border-color:#667eea;box-shadow:0 2px 4px #667eea4d}.mr-card .ant-slider-handle:focus,.mr-card .ant-slider-handle:hover{border-color:#764ba2;box-shadow:0 2px 8px #667eea80}.mr-card .ant-slider-handle:active{border-color:#764ba2;box-shadow:0 2px 12px #667eea99}.mr-timeline-container .ant-slider{margin:8px 0}.mr-timeline-container .ant-slider-track{background:linear-gradient(90deg,#667eea,#764ba2)}.mr-timeline-container .ant-slider-handle{border-color:#667eea;box-shadow:0 2px 4px #667eea4d}.mr-timeline-container .ant-slider-handle:focus,.mr-timeline-container .ant-slider-handle:hover{border-color:#764ba2;box-shadow:0 2px 8px #667eea80}.task-detail-page{background:#f0f2f5;min-height:calc(100vh - 64px);padding:24px}.task-detail-header{align-items:center;display:flex;gap:16px;padding:16px 0}.stage-header{align-items:center;display:flex;font-size:16px;font-weight:500}.stage-content{min-height:80px;padding:16px 0}.stage-content .ant-btn{margin-bottom:8px;margin-right:8px}.task-detail-page .ant-steps-vertical .ant-steps-item{padding-bottom:24px}.task-detail-page .ant-steps-item-title{font-size:16px;font-weight:500;line-height:24px}.task-detail-page .ant-steps-item-description{margin-bottom:12px;margin-top:8px}.task-detail-page .ant-steps-item-process .ant-steps-item-icon{background-color:#1890ff;border-color:#1890ff}.task-detail-page .ant-steps-item-finish .ant-steps-item-icon{background-color:#52c41a;border-color:#52c41a}.task-detail-page .ant-steps-item-error .ant-steps-item-icon{background-color:#ff4d4f;border-color:#ff4d4f}.stage-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;padding:16px;transition:all .3s}.stage-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.stage-card.running{background:#e6f7ff;border-color:#1890ff}.stage-card.completed{background:#f6ffed;border-color:#52c41a}.stage-card.failed{background:#fff1f0;border-color:#ff4d4f}@media (max-width:768px){.task-detail-page{padding:16px}.task-detail-header{align-items:flex-start;flex-direction:column}.stage-content{padding:12px 0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ant-table{font-size:15px}.ant-table-thead>tr>th{background-color:#fafafa;color:#262626;font-size:15px;font-weight:600;padding:14px 8px!important}.ant-table-tbody>tr>td{padding:12px 8px!important}.ant-table-tbody>tr:hover>td{background-color:#f0f7ff!important;box-shadow:0 2px 8px #1890ff1a}.ant-table-tbody>tr{transition:all .3s ease}.ant-table-cell{border-bottom:1px solid #f0f0f0!important}.app-sider-menu-scroll{scrollbar-color:#ffffff47 #0000;scrollbar-width:thin}.app-sider-menu-scroll::-webkit-scrollbar{width:8px}.app-sider-menu-scroll::-webkit-scrollbar-track{background:#0000}.app-sider-menu-scroll::-webkit-scrollbar-thumb{background:#ffffff3d;border:1px solid #00000040;border-radius:8px}.app-sider-menu-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff57}
/*# sourceMappingURL=main.9e6f9fc0.css.map*/