.media-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9e1f0;padding:17px 0;margin-bottom:17px}.media-controls label{display:flex;align-items:center;gap:10px;font-size:11px;color:#927da2}.media-controls select{font-size:11px;min-width:170px;padding:9px 12px}.only-video input{accent-color:#9980ad;width:14px;height:14px}.task-video-missing{display:inline-block;color:#a299ad;font-size:9px;margin-top:8px}.task-media{margin:20px 0 24px}.task-media video{width:100%;max-height:360px;aspect-ratio:4/3;object-fit:contain;background:#ece7f0;border-radius:15px;display:block}.task-media-meta{font:10px Consolas,monospace;color:#a08aac;margin-top:11px}.task-media-meta span{font-family:inherit}.task-media-empty{margin:20px 0 24px;display:flex;align-items:center;gap:18px;background:#f4f0f8;padding:22px;border-radius:15px}.task-media-empty>span{font-size:28px;color:#b3a1c3}.task-media-empty strong{font-size:13px;font-weight:500}.task-media-empty p{font-size:10px;line-height:1.8;color:#a18dab;margin-top:8px}.task-media-error{font-size:11px;color:#9d6371;margin:10px 0}.demo-task-link{border:1px solid #ded2e8;border-radius:25px;padding:10px 15px;font-size:11px;color:#8e6ca3;margin:0 0 20px}.demo-explore-link{font-size:10px;color:#9980aa;text-align:left;margin-top:18px;border-top:1px solid #eee8f3;width:100%;padding-top:16px}.demo-caption h4{line-height:1.6}.demo-list button>span{line-height:1.6}.demo-controls select{max-width:155px}#task-dialog{max-width:760px;width:calc(100vw - 40px)}@media(max-width:680px){.media-controls{align-items:flex-start;flex-direction:column;gap:16px}.media-controls>label:last-child{width:100%;justify-content:space-between}.media-controls select{min-width:0;flex:1;max-width:200px}.demo-controls select{max-width:135px}#task-dialog{padding:22px;width:calc(100vw - 24px)}.task-media-empty{padding:18px}.task-media-empty p{font-size:10px}}
