.video-queue{z-index:44;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#f8edf2;isolation:isolate;background:#211c25f5;border:1px solid #ffffff19;border-radius:18px;width:360px;animation:.18s ease-out queue-appear;position:fixed;bottom:24px;right:88px;box-shadow:0 16px 56px #0006,0 2px 8px #0003}.video-queue button,.video-queue a,.video-queue summary{-webkit-tap-highlight-color:transparent}:is(.video-queue button:focus-visible,.video-queue a:focus-visible,.video-queue summary:focus-visible){outline-offset:3px;outline:2px solid #f0bdcf}.video-queue-panel{animation:.18s ease-out queue-appear}.video-queue-heading{justify-content:space-between;align-items:center;padding:16px 12px 12px 18px;display:flex}.video-queue-heading strong{letter-spacing:-.2px;font-size:14px;font-weight:600;display:block}.video-queue-heading span{color:#a99ba9;margin-top:4px;font-size:11px;display:block}.video-queue-icon{color:#a99ba9;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.video-queue-icon:hover{color:#fff;background:#ffffff0b}.video-queue-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(400px,48dvh);padding:0 10px 4px;overflow:auto}.video-queue-row{border-top:1px solid #ffffff0b;padding:12px 8px;animation:.24s ease-out queue-row-in}.video-queue-row-main{align-items:center;gap:10px;display:flex}.video-queue-thumbnail{color:#e2bbcd;background:linear-gradient(150deg,#57404f,#302634);border:1px solid #ffffff0b;border-radius:9px;flex-shrink:0;place-items:center;width:48px;height:60px;display:grid;position:relative}.video-queue-thumbnail img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.video-queue-thumbnail>span{color:#22432c;background:#cce3d3;border:2px solid #211c25;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:-3px;right:-4px}.video-queue-content{flex:1;min-width:0}.video-queue-content>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;line-height:1.6;display:block;overflow:hidden}.video-queue-meta{color:#988b9c;margin-bottom:5px;font-size:10px;display:block}.video-queue-status{color:#e2bdcc;align-items:center;gap:5px;font-size:10px;line-height:1.5;display:flex}.video-queue-status svg{flex-shrink:0}.video-queue-row.is-failed .video-queue-status{color:#f2a5a6}.video-queue-row.is-ready .video-queue-status{color:#b4d8be}.video-queue-menu{align-self:flex-start;margin-right:-8px;position:relative}.video-queue-menu summary{width:32px;height:44px;list-style:none}.video-queue-menu summary::-webkit-details-marker{display:none}.video-queue-menu>div{z-index:2;background:#302735;border:1px solid #ffffff20;border-radius:10px;min-width:160px;padding:5px;position:absolute;top:36px;right:0;box-shadow:0 8px 24px #0005}.video-queue-menu a,.video-queue-menu button{text-align:left;color:#e6d9e2;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.video-queue-menu a:hover,.video-queue-menu button:hover{background:#ffffff0a}.video-queue-progress{background:#ffffff0b;border-radius:8px;height:3px;margin:12px 0 0 58px;overflow:hidden}.video-queue-progress span{border-radius:inherit;background:#ddb0c4;height:100%;transition:width 1s linear;display:block}.video-queue-progress.is-indeterminate span{background:#b595a6;width:28%;animation:2s ease-in-out infinite queue-progress}.video-queue-time{color:#aa9aa8;margin:7px 0 0 58px;font-size:10px;line-height:1.5}.video-queue-error{color:#d6bac5;margin:10px 0 0 58px;font-size:11px;line-height:1.55}.video-queue-error p{margin:0}.video-queue-error small{color:#a998a6;margin-top:5px;font-size:10px;display:block}.video-queue-actions{margin:10px 0 0 58px}.video-queue-primary{color:#30222d;cursor:pointer;background:#eac3d0;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.video-queue-primary:hover{background:#f5d4df}.video-queue-primary:disabled{opacity:.4;cursor:default}.video-queue-library{color:#b5a5b4;border-top:1px solid #ffffff0b;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:11px;display:flex}.video-queue-dock{text-align:left;border-top:1px solid #ffffff0b;border-radius:18px;align-items:center;gap:11px;width:100%;min-height:68px;padding:10px 16px;display:flex}.video-queue-dock>span:nth-child(2){flex:1;min-width:0}.video-queue-dock strong{font-size:12px;font-weight:550;display:block}.video-queue-dock small{color:#a998ab;margin-top:4px;font-size:10px;display:block}.video-queue-dock>svg{color:#a998ab}.video-queue-dock-icon{color:#eac3d0;background:#e6b8cc15;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:42px;display:grid;position:relative}.video-queue-dock-icon.has-error{color:#f2a5a6;background:#e6969912}.video-queue-dock-icon i{background:#eac3d0;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite queue-breathe;position:absolute;bottom:7px;right:6px;box-shadow:0 0 0 3px #322732}.video-queue-flight{z-index:49;color:#f2c9da;pointer-events:none;opacity:0;transform-origin:0 0;background:linear-gradient(145deg,#755367,#352837);border:1px solid #f6d1df55;border-radius:12px;place-items:center;width:56px;height:64px;display:grid;position:fixed;box-shadow:0 12px 25px #0005}.video-queue-flight img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.video-queue-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video-queue-player{max-width:480px}.video-queue-player video{background:#000;border-radius:10px;width:100%;max-height:70dvh;display:block}.video-queue-retry textarea{resize:vertical;width:100%;min-height:120px;color:inherit;background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.video-queue-retry>p{color:#ab99a9;font-size:12px}@keyframes queue-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes queue-row-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes queue-progress{0%,to{transform:translate(-110%)}50%{transform:translate(350%)}}@keyframes queue-breathe{50%{opacity:.35}}@media (max-width:767px){.video-queue{width:auto;left:12px;right:76px;bottom:calc(86px + env(safe-area-inset-bottom));border-radius:15px}.video-queue-dock{gap:8px;min-height:62px;padding:9px 12px}.video-queue-dock strong{font-size:11px}.video-queue-dock-icon{width:30px}.video-queue-heading{padding-left:14px}.video-queue-heading span{font-size:10px}.video-queue-list{max-height:42dvh;padding:0 6px}.video-queue-content>strong{font-size:11px}.video-queue-status{font-size:9px}.video-queue-thumbnail{width:40px;height:54px}.video-queue-progress,.video-queue-time,.video-queue-actions,.video-queue-error{margin-left:50px}.video-queue-row-main{gap:10px}}@media (min-width:768px) and (max-width:1023px){.video-queue{bottom:calc(86px + env(safe-area-inset-bottom));right:86px}}@media (prefers-reduced-motion:reduce){.video-queue,.video-queue-panel,.video-queue-row,.video-queue-progress.is-indeterminate span,.video-queue-dock-icon i{animation:none}.video-queue-progress span{transition:none}.video-queue .animate-spin{animation:none}.video-queue-flight{display:none}}@media print{.video-queue,.video-queue-flight{display:none}}.video-queue-enhancer{color:#d9c5d2;align-items:center;gap:9px;min-height:44px;font-size:12px;display:flex}.video-queue-enhancer input{accent-color:#eac3d0;width:16px;height:16px}.video-queue-reference-remove{color:#bdaab8;text-align:left;align-items:center;gap:7px;min-height:44px;font-size:12px;display:flex}.video-queue{background:#211d25fa;border-radius:16px;width:344px}.video-queue-heading{gap:2px;padding:6px 8px 4px 16px}.video-queue-heading>div{flex:1}.video-queue-heading strong{font-size:13px}.video-queue-heading .video-queue-count{color:#998d9c;margin-left:6px;font-size:11px;font-weight:400;display:inline}.video-queue-list{max-height:min(380px,52dvh);padding:0 8px 8px}.video-queue-row{padding:11px 6px}.video-queue-row:first-child{border-top:0}.video-queue-row-main{gap:10px}.video-queue-thumbnail{border-radius:8px;width:48px;height:64px;overflow:hidden}.video-queue-thumbnail>small{color:#fff;pointer-events:none;background:#140f18a8;border-radius:3px;padding:1px 3px;font-size:9px;line-height:1.4;position:absolute;bottom:3px;left:4px}.video-queue-play{color:#fff;cursor:pointer;background:#160f2045;place-items:center;transition:background .16s;display:grid;position:absolute;inset:0}.video-queue-play:hover{background:#160f2075}.video-queue-play svg{filter:drop-shadow(0 1px 4px #0008)}.video-queue-content>strong{margin-bottom:5px;font-size:12px;font-weight:500;line-height:1.4}.video-queue-status{gap:5px;font-size:10px}.video-queue-status>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-queue-percent{font-variant-numeric:tabular-nums;white-space:nowrap;color:#bdabb9;margin-left:auto}.video-queue-progress{height:2px;margin:7px 0 0}.video-queue-time{color:#a193a1;margin:4px 0 0;font-size:9px}.video-queue-menu{align-self:center;margin-right:-5px}.video-queue-menu summary{width:28px}.video-queue-menu>div{min-width:195px}.video-queue-error{margin:0;padding:8px 10px}.video-queue-row-action{flex-shrink:0;margin-right:-6px}.video-queue-retry-icon{color:#efc5d5;cursor:pointer;background:#eac3d014;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.video-queue-retry-icon:hover{background:#eac3d025}.video-queue-dock{min-height:58px;padding:8px 12px}.video-queue-dock-icon{width:32px;height:34px}@media (hover:hover) and (pointer:fine){.video-queue-menu>button:not([data-popup-open]){opacity:0;transition:opacity .15s}.video-queue-row:hover .video-queue-menu>button,.video-queue-row:focus-within .video-queue-menu>button{opacity:1}}@media (max-width:767px){.video-queue{width:auto}.video-queue-list{max-height:45dvh}.video-queue-heading{padding-left:14px}.video-queue-thumbnail{width:44px;height:60px}.video-queue-row-main{gap:8px}.video-queue-content>strong{font-size:11px}.video-queue-status{font-size:10px}}.video-queue-menu>button{width:28px}.video-queue-options{color:#e9dce5;background:#302735;border:1px solid #ffffff16;width:212px}.video-queue-options [role=menuitem]{justify-content:space-between;min-height:40px;font-size:12px}.video-queue-options .video-queue-error{font-size:11px}
