.video-page{grid-template-columns:minmax(410px,575px) minmax(420px,1fr);position:relative;overflow:hidden;background:#fff}.video-panel{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;padding:16px 15px 14px 16px;background:#fff}.current-function{position:relative;flex:0 0 88px;height:88px;padding:12px;border-radius:19px;box-shadow:0 5px 20px #2026300b}.function-symbol{width:48px;height:48px;flex-basis:48px;border-radius:13px}.function-symbol img{width:23px;height:23px}.function-copy h2{font-size:16px}.function-copy p{white-space:normal;line-height:1.4;max-width:275px}.switch-function{font-size:12px;padding:7px 10px}.video-tool-menu{display:none;position:absolute;z-index:15;top:140px;left:-15px;width:min(420px,calc(100vw - 100px));max-height:min(590px,calc(100vh - 170px));overflow:auto;padding:7px;border:1px solid #eceef1;border-radius:19px;background:#fff;box-shadow:0 16px 45px #252b3525}.video-tool-menu.open{display:block}.video-tool-item{width:100%;min-height:59px;padding:8px 10px;display:flex;align-items:center;gap:11px;border:0;border-radius:12px;background:#fff;text-align:left}.video-tool-item:hover,.video-tool-item.selected{background:#e6f3d6}.video-tool-item img{width:33px;height:33px;padding:7px;border-radius:10px;background:#f1f2f2}.video-tool-item strong,.video-tool-item small{display:block}.video-tool-item strong{font-size:12px}.video-tool-item small{font-size:10px;color:#87909a;margin-top:3px;line-height:1.35}.video-menu-heading{padding:9px 9px 7px;display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-bottom:1px solid #f0f1f2;margin-bottom:5px}.video-menu-heading small{color:#939aa3;font-weight:500}.video-form{flex:1;min-height:0;overflow-y:auto;padding:0 1px 10px;scrollbar-width:thin}.video-card{padding:14px 13px;margin-bottom:10px;border:1px solid #eceef1;border-radius:17px;background:#fff}.video-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.video-card-heading h3{font-size:13px;margin:0 0 4px}.video-card-heading p,.field-hint{font-size:11px;color:#87909c;line-height:1.5;margin:0}.small-action,.asset-button{border:1px solid #e6f3d6;background:#e6f3d6;color:#0059ff;border-radius:16px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.asset-grid{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.asset-tile{width:76px;height:86px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #e1e5eb;border-radius:12px;background:#f7f8fa;color:#768397;font-size:10px;cursor:pointer;overflow:hidden}.asset-tile:hover{border-color:#e6f3d6;background:#e6f3d6}.asset-tile .plus{font-size:27px}.asset-tile img.preview-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.asset-tile .file-mark{position:absolute;inset:0;display:grid;place-items:center;background:#e6f3d6;color:#0059ff;font-size:24px}.asset-tile .tile-name{position:absolute;bottom:0;left:0;right:0;padding:5px 3px;background:#ffffffdf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center}.asset-limit{font-size:10px;color:#8b9bb0;margin-top:5px}.video-link-row{margin-top:10px;display:flex;align-items:center;gap:7px;padding:5px;border-radius:28px;border:1px solid #eceef1;background:#fff}.video-link-row img{width:17px;height:17px;margin-left:7px}.video-link-row input{min-width:0;flex:1;height:33px;border:0;outline:0;font-size:11px}.video-link-row button{border:0;border-radius:20px;background:#0059ff;color:#fff;height:34px;padding:0 13px;font-size:11px;font-weight:700}.video-inline-status{color:#0059ff;font-size:11px;margin:7px 2px 0}.video-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}.video-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650}.video-field.full{grid-column:1/-1}.video-field input,.video-field select,.video-field textarea,.video-select{width:100%;height:41px;padding:0 11px;border:1px solid #e8eaed;border-radius:12px;background:#fff;font-size:12px;outline:none}.video-field textarea{height:72px;resize:vertical;padding:10px;line-height:1.5}.video-prompt{width:100%;height:102px;resize:vertical;border:1px solid #eceef1;border-radius:13px;padding:12px;font-size:12px;line-height:1.6;outline:none}.video-prompt::placeholder,.video-field input::placeholder{color:#9aa9bd}.video-options{border:0;padding:0;gap:8px}.video-options .option-card{height:58px;padding:7px 8px;border-radius:13px;gap:7px}.video-options .option-icon{width:29px;height:29px;border-radius:9px}.video-options .option-icon img{width:16px}.video-options .option-card strong{font-size:11px}.video-options .option-card small{font-size:10px}.video-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-toggle{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;cursor:pointer}.video-toggle input{accent-color:#0059ff;width:15px;height:15px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.choice-card{min-height:65px;padding:9px;border:1px solid #e7e9ed;border-radius:12px;background:#fff;text-align:left}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:11px}.choice-card small{margin-top:4px;font-size:10px;color:#838b96;line-height:1.35}.choice-card.selected{border-color:#e6f3d6;background:#e6f3d6}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.video-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.video-step{border:1px solid #eceef1;border-radius:12px;background:#fff;padding:9px 6px;color:#9299a2;font-size:10px;font-weight:650}.video-step.active{border-color:#8b8f91;background:#e6f3d6;color:#0059ff}.video-step b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:4px;border-radius:50%;background:#f0f1f3}.video-step.active b{background:#17191d;color:#fff}.video-segment{display:flex;gap:8px}.video-segment button{flex:1;padding:9px;border:1px solid #e5e9ef;background:#f8fafc;border-radius:12px;text-align:left;font-weight:700;font-size:11px}.video-segment button.selected{background:#e6f3d6;border-color:#e6f3d6;color:#0059ff}.video-segment small{display:block;margin-top:4px;font-weight:500;color:#85909c}.video-check-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.video-check-row input{accent-color:#263042}.video-submit-wrap{flex:none;border-top:1px solid #f0f1f3;padding-top:10px}.video-submit-wrap .generate-video{margin:0;height:49px;border-radius:26px;font-size:14px}.video-feedback{min-height:17px;padding-top:4px}.video-guide{display:none;position:absolute;z-index:3;left:430px;top:150px;width:min(680px,47vw);padding:8px;border:1px solid #eceef0;border-radius:17px;background:#fff;box-shadow:0 12px 35px #252b351c;transition:opacity .2s,transform .2s}.video-guide img{width:100%;height:auto;display:block;border-radius:11px}.video-guide button{position:absolute;right:12px;top:12px;width:26px;height:26px;border:0;border-radius:50%;background:#ffffffdc;color:#555;font-size:19px;line-height:1}.video-guide.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.results-toolbar{position:relative;height:67px;padding:0 24px}.results-title{height:48px}.result-filters{position:static;height:38px;margin-top:-1px}.result-filters button{height:31px;padding:0 12px}.result-filters button img{width:13px;vertical-align:middle}.empty-results{transform:translateY(-5px)}.empty-icon img{width:25px;height:25px}.task-list{padding:22px;align-content:start}.task-card{overflow:hidden}.task-card .task-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}.task-card .task-thumb{height:146px}.task-card .task-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.task-status{display:inline-flex;padding:4px 8px;border-radius:12px;background:#e6f3d6;color:#0059ff;font-size:10px}.video-tool-item img,.function-symbol img{object-fit:contain}.video-tool-menu::-webkit-scrollbar,.video-form::-webkit-scrollbar{width:5px}.video-tool-menu::-webkit-scrollbar-thumb,.video-form::-webkit-scrollbar-thumb{border-radius:5px;background:#dfe2e5}@media(max-width:1200px){.video-page{grid-template-columns:410px minmax(350px,1fr)}.video-guide{left:350px;width:min(470px,39vw);top:135px}.video-panel{padding-left:12px;padding-right:12px}.function-copy p{max-width:230px}}
.task-thumb{position:relative}.task-thumb video{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;background:#111}.video-load-error{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:12px;background:#101216b8;color:#fff;font-size:12px;cursor:pointer}
.task-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),280px));justify-content:center;align-content:start}.task-card .task-thumb{height:auto;aspect-ratio:1/1}.task-card .task-thumb video{width:100%;height:100%;object-fit:contain}
.video-function-toolbar{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:32px;margin-bottom:-3px}.video-function-toolbar>strong{margin-right:auto;font-size:12px;color:#687487;font-weight:600}.video-function-toolbar .switch-function{padding:6px 10px;border:1px solid #e7eaf0;border-radius:18px;background:#fff;color:#596579;font-size:11px}.video-function-toolbar .video-tool-menu{top:37px;left:0;right:auto;width:min(420px,calc(100vw - 100px));max-height:min(590px,calc(100vh - 170px))}.current-function{display:none}.video-panel{gap:8px;padding-top:12px}.asset-tile{width:106px;height:106px;border:0;border-radius:15px;background:#f3f4f6;color:#728198}.asset-tile:hover,.asset-tile:focus-visible{border:0;background:#edf1f7;outline:2px solid #dbe6ff}.asset-tile .upload-badge{position:absolute;left:8px;top:8px;z-index:1;margin:0;padding:3px 7px;border-radius:12px;background:#fff;color:#8290a3;font-size:9px}.asset-tile .upload-plus{font-size:32px;font-weight:300;line-height:1;color:#91a0b5}.asset-tile .upload-label{font-size:11px;color:#76869b}.reference-media-grid{gap:9px}.media-reference-tile{flex:none}.media-reference-tile.has-media{background:#edf6e7;outline:1px solid #d7eacb}.media-reference-entry{flex:1 0 100%;min-width:0}.media-reference-entry[hidden]{display:none}.media-reference-entry .video-link-row{margin-top:0}.video-form .video-card{padding:13px 12px}.video-form .video-card-heading{margin-bottom:10px}.video-form .video-card-heading h3{font-size:13px}@media(max-width:1200px){.video-function-toolbar .video-tool-menu{left:0}.video-function-toolbar>strong{font-size:11px}}
.reference-media-grid .asset-tile{box-sizing:border-box;flex:0 0 106px;width:106px;height:106px;min-width:106px;min-height:106px}.video-parameters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.video-parameters .video-field{min-width:0}.video-parameters .video-field select{padding:0 8px;font-size:11px}.video-form .video-submit-wrap{margin-top:0;padding:0;border:0}.video-form .video-submit-wrap .generate-video{height:44px}.video-form .video-feedback{min-height:12px;padding-top:2px}.video-form .video-card:has(.reference-media-grid){padding-bottom:13px}
.video-prompt-wrap{width:100%}.video-prompt-actions{display:flex;justify-content:flex-end;margin-top:6px}
.video-canvas-select{display:flex;align-items:center;gap:5px;width:100%;height:41px;box-sizing:border-box;padding:0 7px;border:1px solid #e8eaed;border-radius:12px;background:#fff}.video-canvas-select:focus-within{border-color:#9bbcff;box-shadow:0 0 0 2px #eaf2ff}.video-canvas-select select{min-width:0;flex:1;width:0;height:100%;padding:0 3px;border:0;background:transparent;outline:0;font-size:11px}.video-canvas-select .ratio-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#f1f4f8}.video-canvas-select .ratio-icon i{display:block;width:9px;height:16px;box-sizing:border-box;border:1.5px solid #7b8ba2;border-radius:2px}.video-canvas-select .ratio-icon[data-ratio="16-9"] i{width:16px;height:9px}.video-canvas-select .ratio-icon[data-ratio="1-1"] i{width:13px;height:13px}

.asset-thumb-stack{position:absolute;inset:0;display:none;overflow:hidden;border-radius:inherit;pointer-events:none}.asset-tile.has-image-preview .asset-thumb-stack{display:block}.asset-thumb-image{position:absolute;top:50%;left:50%;width:72%;height:76%;object-fit:cover;border:2px solid #fff;border-radius:10px;box-shadow:0 3px 10px #14203355;transform:translate(-50%,-50%);background:#e8edf4}.asset-thumb-stack[data-thumb-count='1'] .asset-thumb-image{width:100%;height:100%;border:0;border-radius:inherit;box-shadow:none}.asset-thumb-stack[data-thumb-count='2'] .asset-thumb-image:first-child{transform:translate(calc(-50% - 10px),calc(-50% + 4px)) rotate(-7deg)}.asset-thumb-stack[data-thumb-count='2'] .asset-thumb-image:last-child{transform:translate(calc(-50% + 7px),calc(-50% - 3px)) rotate(5deg)}.asset-thumb-stack[data-thumb-count='3'] .asset-thumb-image:nth-child(1){transform:translate(calc(-50% - 12px),calc(-50% + 6px)) rotate(-10deg)}.asset-thumb-stack[data-thumb-count='3'] .asset-thumb-image:nth-child(2){transform:translate(calc(-50% - 2px),calc(-50% + 1px)) rotate(-2deg)}.asset-thumb-stack[data-thumb-count='3'] .asset-thumb-image:nth-child(3){transform:translate(calc(-50% + 8px),calc(-50% - 4px)) rotate(7deg)}.asset-thumb-stack[data-thumb-count='4'] .asset-thumb-image:nth-child(1){transform:translate(calc(-50% - 14px),calc(-50% + 7px)) rotate(-12deg)}.asset-thumb-stack[data-thumb-count='4'] .asset-thumb-image:nth-child(2){transform:translate(calc(-50% - 5px),calc(-50% + 3px)) rotate(-4deg)}.asset-thumb-stack[data-thumb-count='4'] .asset-thumb-image:nth-child(3){transform:translate(calc(-50% + 4px),calc(-50% - 1px)) rotate(3deg)}.asset-thumb-stack[data-thumb-count='4'] .asset-thumb-image:nth-child(4){transform:translate(calc(-50% + 12px),calc(-50% - 5px)) rotate(10deg)}.asset-tile.has-image-preview .upload-label,.asset-tile.has-image-preview .upload-plus{display:none}.asset-tile.has-image-preview .upload-badge,.asset-tile.has-audio-preview .upload-badge{display:none}.asset-remove-button{position:absolute;z-index:4;top:5px;right:5px;width:23px;height:23px;display:grid;place-items:center;padding:0;border:1px solid #ffffffd9;border-radius:50%;background:#152238e8;color:#fff;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 1px 5px #0004;opacity:0;pointer-events:none;transition:opacity .15s}.asset-remove-button:hover{background:#e5484d}.asset-remove-button:disabled{opacity:.55;cursor:wait}.asset-remove-button[hidden]{display:none!important}.asset-tile.has-upload .upload-badge{z-index:2;max-width:calc(100% - 34px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.results-area{min-height:0;overflow:hidden}.results-area .task-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.results-area .task-list::-webkit-scrollbar{width:7px}.results-area .task-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#8893a2;background-clip:padding-box}.results-area .task-list:empty{flex:0;height:0;overflow:hidden}

.video-page{height:auto;min-height:calc(100vh - 70px);overflow:visible}.video-panel{overflow:visible}.video-form{min-height:auto;overflow:visible}.results-area{min-height:calc(100vh - 137px);overflow:visible}.results-area .task-list{flex:1;min-height:0;overflow:visible;overscroll-behavior:auto;scrollbar-width:auto}.results-area .task-list:empty{flex:0;height:0;overflow:hidden}

.video-page{height:calc(100vh - 70px);min-height:0;overflow:hidden}.video-panel{min-height:0;overflow:hidden}.video-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.results-area{height:100%;min-height:0;overflow:hidden}.results-area .task-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.results-area .task-list:empty{flex:0;height:0;overflow:hidden}
.asset-tile.has-video-preview .asset-thumb-stack,.asset-tile.is-resolving .asset-thumb-stack{display:block}
.asset-tile.has-video-preview .asset-thumb-stack{pointer-events:auto}
.asset-thumb-video{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:#101827;object-fit:cover}
.asset-tile.has-video-preview .upload-label,.asset-tile.has-video-preview .upload-plus,.asset-tile.is-resolving .upload-label,.asset-tile.is-resolving .upload-plus{display:none}
.asset-tile.has-video-preview .upload-badge{display:none}
.asset-tile.has-video-preview .asset-remove-button{opacity:0;pointer-events:none;transition:opacity .15s}
.asset-tile:hover .asset-remove-button,.asset-tile:has(:focus-visible) .asset-remove-button{opacity:1;pointer-events:auto}
.asset-tile.has-audio-preview .asset-thumb-stack{display:block;pointer-events:auto;background:linear-gradient(145deg,#24354d,#111b2b)}.asset-audio-icon{position:absolute;inset:0;display:grid;place-items:center;color:#f3f7ff;font-size:30px;line-height:1;text-shadow:0 2px 8px #0008;pointer-events:none}.asset-tile.has-audio-preview{cursor:pointer}.asset-tile.has-audio-preview:focus-visible{outline:2px solid #0059ff;outline-offset:2px}
.asset-thumb-audio{display:none}


.asset-tile.has-audio-preview .upload-plus{display:none}
.asset-tile.has-audio-preview .upload-label{position:absolute;z-index:2;right:6px;bottom:5px;left:6px;overflow:hidden;padding:1px 2px;border-radius:0;background:transparent;color:#f1f5fb;font-size:8px;font-weight:400;opacity:.9;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.asset-thumb-video{cursor:pointer;outline-offset:-3px}
@media(hover:none){}
.video-reference-loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#f3f4f6;color:#075bff;pointer-events:none}
.video-reference-loading small{font-size:11px;line-height:1.2}
.video-reference-spinner{width:23px;height:23px;border:2px solid #075bff35;border-top-color:#075bff;border-radius:50%;animation:videoReferenceSpin .8s linear infinite}
@keyframes videoReferenceSpin{to{transform:rotate(360deg)}}
body.dark-theme .video-reference-loading{background:#1b2739;color:#78aaff}
body.dark-theme .video-reference-spinner{border-color:#78aaff35;border-top-color:#78aaff}

.video-result-open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:10px;background:#08090b;overflow:hidden;cursor:pointer}.video-result-open video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#08090b}.video-result-open>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 12px #000;opacity:0;transition:opacity .18s;background:#0002}.video-result-open:hover>span,.video-result-open:focus-visible>span{opacity:1}.video-result-open.video-preview-error:after{content:'点击打开视频';position:absolute;inset:0;display:grid;place-items:center;background:#101216;color:#fff;font-size:12px}
.video-failed-delete{position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #d8e0ed;border-radius:50%;background:#fff;color:#53647c;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #14203318}.video-failed-delete:hover,.video-failed-delete:focus-visible{background:#fff0f0;border-color:#e5484d;color:#d8353b}body.dark-theme .video-failed-delete{background:#24344b;border-color:#40526d;color:#e5edf8}body.dark-theme .video-failed-delete:hover,body.dark-theme .video-failed-delete:focus-visible{background:#482b35;border-color:#f06670;color:#fff}
.video-result-card{position:relative;aspect-ratio:1;padding:0;border-radius:16px;background:#172235;box-shadow:0 2px 5px #1018280a;transition:transform .18s ease,box-shadow .18s ease}.video-result-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #10182820}.video-result-card .task-thumb{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#172235}.video-result-card .video-result-open{border-radius:0}.video-result-card .video-result-open video{object-fit:cover}.video-result-card .video-task-state{color:#cbd5e1}.video-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-width:0;padding:14px;color:#fff;background:linear-gradient(180deg,transparent 26%,#10182824 49%,#101828e8 100%);pointer-events:none}.video-result-overlay strong{display:block;overflow:hidden;margin:0;color:#fff;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.video-result-overlay p{display:-webkit-box;overflow:hidden;margin:0;color:#fff;font-size:11px;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-result-overlay .video-result-specs,.video-result-overlay .video-result-cost,.video-result-overlay .video-result-error{display:block;overflow:hidden;color:#ffffffd9;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.video-result-overlay .video-result-error{color:#ffd1cc}.video-result-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffffffc9;font-size:10px;line-height:1.4}.video-result-foot time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-result-foot span{flex:none}.video-result-card .video-failed-delete{z-index:3}.video-result-card .video-result-open>span{background:transparent}.video-result-card .video-result-open.video-preview-error:after{bottom:auto;height:55%}
.video-result-card .video-result-open>span{display:none}
.video-result-card{aspect-ratio:auto}
.video-result-card .task-thumb{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--video-card-ratio,1/1);border-radius:16px 16px 0 0}
.video-result-card .video-result-open{position:absolute;inset:0}
.video-result-card .video-result-open video{object-fit:cover}
.video-page .task-list{row-gap:18px}
.video-result-overlay{opacity:0;transition:opacity .18s ease}
.video-result-card:hover .video-result-overlay,.video-result-card:focus-within .video-result-overlay{opacity:1}
@media(hover:none){.video-result-overlay{opacity:1}}
.video-playback-actions svg{width:19px;height:19px}
.video-playback-dialog{width:min(100vw - 32px,1900px);height:min(100vh - 32px,1100px);max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#f4f5f7;color:#152238;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(330px,410px);box-shadow:0 20px 80px #0005}.video-playback-dialog[open]{display:grid}.video-playback-dialog::backdrop{background:#101827b8;backdrop-filter:blur(4px)}.video-playback-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:44px 30px;background:#f4f5f7}.video-playback-stage video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;background:#000}.video-playback-close{position:absolute;z-index:2;top:18px;right:18px;width:46px;height:46px;border:1px solid #e8ebef;border-radius:50%;background:#fff;color:#4d596b;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #14203312}.video-playback-count{position:absolute;z-index:1;top:27px;left:50%;transform:translateX(-50%);padding:5px 16px;border-radius:20px;background:#111827cc;color:#fff;font-size:12px;font-weight:650}.video-playback-details{display:flex;flex-direction:column;gap:24px;min-width:0;overflow:auto;padding:24px 22px;background:#fff}.video-playback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.video-playback-heading h2{margin:0 0 5px;font-size:18px}.video-playback-heading time{color:#8995a7;font-size:12px}.video-playback-actions{display:flex;gap:8px}.video-playback-actions button,.video-playback-actions a{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#62738d;font-size:23px;text-decoration:none;cursor:pointer}.video-playback-actions button{color:#e5484d}.video-playback-actions button:hover,.video-playback-actions a:hover{background:#f1f4f8}.video-playback-info{display:flex;flex-direction:column;gap:8px}.video-playback-info small{color:#8b9bb0;font-size:12px;font-weight:650}.video-playback-info p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.6}.video-playback-info>strong{color:#647895;font-size:14px;line-height:1.5}.video-playback-edit{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid #e6ebf2;border-radius:15px;background:#f8fafc;text-align:left;color:#152238;cursor:pointer}.video-playback-edit>span:first-child{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#fff;color:#667893;font-size:18px}.video-playback-edit>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.video-playback-edit strong{font-size:13px}.video-playback-edit small{font-size:11px;color:#8290a3}.video-playback-edit>b{margin-left:auto;color:#9aa9bd;font-size:22px}.video-playback-edit:hover{border-color:#cddafa;background:#f2f6ff}
.video-playback-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.video-playback-stage video{min-width:0;min-height:0}
body.dark-theme .video-playback-dialog{background:#101827;color:#e6edf7}body.dark-theme .video-playback-stage{background:#101827}body.dark-theme .video-playback-details{background:#162338}body.dark-theme .video-playback-edit{border-color:#2b3b54;background:#1b2a40;color:#e6edf7}body.dark-theme .video-playback-edit>span:first-child{background:#243650;color:#d2def0}body.dark-theme .video-playback-actions button:hover,body.dark-theme .video-playback-actions a:hover{background:#26364b}
@media(max-width:760px){.video-playback-dialog{width:100vw;height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(40vh,1fr) minmax(0,48vh);border-radius:0}.video-playback-stage{padding:55px 12px 12px}.video-playback-close{top:10px;right:10px;width:40px;height:40px}.video-playback-count{top:20px}.video-playback-details{gap:16px;padding:16px}.video-playback-heading h2{font-size:16px}}

.text-mention-menu{position:fixed;z-index:3000;display:grid;gap:3px;width:min(300px,calc(100vw - 24px));max-height:220px;overflow:auto;padding:6px;border:1px solid #e3eaf1;border-radius:12px;background:#fff;box-shadow:0 12px 32px #18263826}.text-mention-menu[hidden]{display:none}.text-mention-menu button{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:8px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.text-mention-menu button:hover{background:#eef5ff}.text-mention-menu button span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-mention-kind{flex:none;padding:2px 5px;border-radius:5px;background:#f0f3f8;color:#748197;font-size:10px}.text-mention-empty{padding:10px;color:#87909c;font-size:11px}
.text-mention-menu{position:fixed;z-index:3000;display:grid;gap:3px;width:min(340px,calc(100vw - 24px));max-height:240px;overflow:auto;padding:6px;border:1px solid #e3eaf1;border-radius:12px;background:#fff;box-shadow:0 12px 32px #18263826}.text-mention-menu[hidden]{display:none}.text-mention-menu button{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:7px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.text-mention-menu button:hover{background:#eef5ff}.text-mention-thumb{width:38px;height:38px;flex:none;object-fit:cover;border-radius:6px;background:#edf1f6}.text-mention-fallback{display:grid;place-items:center;color:#708098;font-size:17px}.text-mention-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.text-mention-copy small{color:#8793a5;font-size:9px}.text-mention-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26354a;font-size:11px}.text-mention-empty{padding:10px;color:#87909c;font-size:11px}
.video-reference-loading{padding:10px 8px;box-sizing:border-box}
.video-reference-loading .video-reference-progress{position:relative;display:block;width:min(78px,76%);height:4px;overflow:hidden;border-radius:999px;background:#d9e5fb}
.video-reference-loading .video-reference-progress i{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:#075bea;animation:video-reference-progress 1.15s ease-in-out infinite alternate}
.video-reference-loading .video-reference-progress-hint{font-size:9px;color:#8190a4}
@keyframes video-reference-progress{from{transform:translateX(-8%)}to{transform:translateX(150%)}}
@media(prefers-reduced-motion:reduce){.video-reference-loading .video-reference-progress i{animation:none;width:70%;left:15%}}
body.dark-theme .video-reference-loading .video-reference-progress{background:#34445d}
body.dark-theme .video-reference-loading .video-reference-progress i{background:#78aaff}

/* Video results layout exported from the layout workbench. */
#taskList{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;flex-grow:1;column-gap:18px}
#taskList>.task-card{min-width:0;width:100%}
@media(max-width:1100px){#taskList{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#taskList{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#taskList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){#taskList{grid-template-columns:minmax(0,1fr)}}