:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --orange-loc{syntax: "<percentage>"; initial-value: 40%; inherits: false;}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:#122431;color:#fff;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal}.app-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:10px}.app-header img{height:3em}.app-header h1{font-size:2rem;font-weight:700;color:#eee3a1;margin:0;padding:0;letter-spacing:.1em}.app-main{flex:1;display:flex;flex-direction:row;gap:1rem;padding:10px;overflow:hidden}.app-share-view .app-main{flex-direction:column}.app-share-edit{flex-shrink:0;padding:1.5rem;display:flex;justify-content:center;align-items:center}.app-share-edit-button{color:#122431;background:#eee3a1;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.app-share-edit-button:hover{opacity:.9}@media(max-width:768px){.app-main{flex-direction:column}}.app-sidebar{flex:0 0 380px;min-width:0;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 100px);scrollbar-color:#9b6a6c #122431;scrollbar-width:thin}.app-sidebar .video-list{flex:1;min-height:0;padding:5px}.app-sidebar-actions{flex-shrink:0;display:flex;justify-content:end;gap:.5rem;padding:5px}.app-sidebar-actions button{color:#122431;background:#eee3a1;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.app-sidebar-actions button:last-child{background:#e2b4bd}.app-sidebar-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.app-sidebar{flex:0 0 auto;max-height:40vh}}.app-player{flex:1;min-width:0;display:flex;flex-direction:column}.video-list{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden}.video-list-add{display:flex;gap:.5rem}.video-list-add input{flex:1;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0003;color:inherit;font-size:.9rem}.video-list-add input::placeholder{color:#fff6}.video-list-add button{padding:.5rem 1rem;background:#e2b4bd;color:#122431;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500}.video-list-error{margin:0;color:#f87171;font-size:.85rem}.video-list-items{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.video-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0003;border-radius:8px}.video-list-item-dragging{opacity:.6}.video-list-item-drag{flex-shrink:0;padding:.25rem;cursor:grab;color:#ffffff80;display:flex;align-items:center;justify-content:center}.video-list-item-drag:active{cursor:grabbing}.video-list-item-drag svg{width:16px;height:16px}.video-list-item-thumb{flex-shrink:0;width:80px;height:45px;border-radius:4px;overflow:hidden}.video-list-item-thumb img{width:100%;height:100%;object-fit:cover}.video-list-item-preview-trigger{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.video-list-item-preview-trigger:hover .video-list-item-name{text-decoration:underline}.video-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.video-list-item-name{font-weight:500;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:pre}.video-list-item-time{font-size:.8rem;opacity:.9}.modal-field{display:flex;flex-direction:column;gap:.25rem}.modal-field label{font-size:.9rem}.modal-field input[type=text],.modal-field .modal-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0003;color:inherit;font-size:.95rem}.modal-field .modal-select{cursor:pointer;min-width:10rem}.video-list-item-actions{display:flex;gap:.25rem;flex-direction:column}.video-list-item-actions button{padding:.35rem .6rem;font-size:.8rem;background:#eee3a1;color:#122431;border:none;border-radius:6px;cursor:pointer}.video-list-item-actions button:last-child{background:#e2b4bd}.video-list-item-actions .btn-icon{padding:.35rem;display:flex;align-items:center;justify-content:center}.video-list-item-actions .btn-icon svg{width:16px;height:16px}.btn-remove{color:#f87171}.video-player{flex:1;display:flex;flex-direction:column;min-height:0}.video-player-preview{position:relative}.video-player-preview-close{position:absolute;top:.75rem;right:.75rem;z-index:20;width:48px;height:48px;padding:0;font-size:2rem;line-height:1;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer}.video-player-preview-close:hover{background:#000c}.video-player-preview-container{flex:1;min-height:0;position:relative}.video-player-preview-container .video-player-iframe{position:absolute;inset:0;width:100%;height:100%}.video-player-preview-slider{flex-shrink:0;padding:1rem 0}.video-player-empty{align-items:center;justify-content:center;background:#0000004d;border-radius:8px;color:#ffffff80}.video-player-container{flex:1;min-height:0;position:relative}.video-player-slot{position:absolute;inset:0;width:100%;height:100%}.video-player-slot.video-player-visible{z-index:2}.video-player-slot.video-player-hidden{z-index:0;visibility:hidden;pointer-events:none}.video-player-iframe{position:absolute;inset:0;width:100%;height:100%}.video-player-container:not(.is-playing) .video-player-slot{pointer-events:none}.video-player-container.is-playing .video-player-slot.video-player-visible{pointer-events:auto}.video-player-iframe iframe{position:absolute;inset:0;width:100%;height:100%}.video-player-play-overlay-container{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:#f0e48fcc;--orange-loc: 40%;background-image:linear-gradient(180deg,rgb(144,203,232) 3%,rgb(216,160,64) var(--orange-loc),rgb(189,63,63) 100%);overflow:hidden;transition:--orange-loc 1.5s}.video-player-play-overlay-container:before{content:"";position:absolute;inset:50% -20px -20px;background:#0f1217;height:50%;border-radius:10% 10% 0 0;clip-path:ellipse(150% 100% at 50% 100%);transition:background 1s}.video-player-play-overlay-container:has(.video-player-play-overlay:hover){--orange-loc: 60%}.video-player-play-overlay-container:has(.video-player-play-overlay:hover):before{background:#122431}.video-player-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:10;width:120px;height:120px;padding:0;border:none;border-radius:50%;background:#f35618;background:radial-gradient(circle at 50% 50%,#feaf90,#eea342);filter:drop-shadow(0 0 30px #fff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,opacity .2s,background .2s,color 1s;z-index:-1}button.video-player-play-overlay:hover{background:radial-gradient(circle at 50% 50%,#ee6b38,#c37918);transform:translate(-50%,-70%);color:#eee3a1}.video-player-play-overlay svg{width:50px;height:50px;margin-left:4px}.video-player-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.75rem 0}.video-player-share{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;background:#eee3a1}.video-player-share svg{width:18px;height:18px}.load-config-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.load-config-item{display:flex;align-items:center;gap:.5rem}.load-config-select{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;cursor:pointer;text-align:left}.load-config-select:hover{background:#ffffff1a}.load-config-name{font-weight:500}.load-config-meta{font-size:.85rem;opacity:.7}.load-config-delete{padding:.25rem .5rem;background:none;border:none;color:#f87171;cursor:pointer;font-size:1.25rem;line-height:1}.load-config-delete:hover{opacity:.8}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#1a1a1a;border-radius:12px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;border-radius:50%;width:30px;height:30px;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;opacity:.8;display:flex;justify-content:center;align-items:center;color:#fff}.modal-close:hover{opacity:1}.modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;overflow:auto}.modal-preview{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}.modal-sliders{display:flex;flex-direction:column;gap:1rem}.dual-slider{display:flex;flex-direction:column;gap:.5rem}.dual-slider-label{font-size:.9rem}.dual-slider-zoom-area{display:inline-block;padding:.25rem .5rem;margin:-.25rem -.5rem;cursor:ns-resize}.dual-slider-zoom{font-size:.8rem;opacity:.7}.dual-slider-time-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.dual-slider-time-btn:hover{opacity:.9}.dual-slider-time-input{width:5ch;padding:0 .2rem;font:inherit;font-size:.9rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:inherit}.dual-slider-track{position:relative;height:24px;padding:0 9px;--start-percent: 0;--end-percent: 100}.dual-slider-track:before{content:"";position:absolute;inset:50% 9px 0;transform:translateY(-50%);height:6px;background:#fff3;border-radius:3px;pointer-events:none}.dual-slider-track:after{content:"";position:absolute;left:calc(9px + (100% - 2 * 9px) * var(--start-percent) / 100);width:calc((100% - 2 * 9px) * (var(--end-percent) - var(--start-percent)) / 100);top:50%;transform:translateY(-50%);height:6px;background:#93a8ac;border-radius:3px;pointer-events:none}.dual-slider-input{position:absolute;width:calc(100% - 18px);inset:0 0 0 9px;margin:0;background:none;appearance:none;-webkit-appearance:none}.dual-slider-input::-webkit-slider-thumb{pointer-events:auto;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#eee3a1;border:1px solid #9b6a6c;cursor:pointer;box-shadow:0 1px 3px #0000004d}.dual-slider-input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#eee3a1;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.dual-slider-start{z-index:2}.dual-slider-end,.dual-slider-track.end-active .dual-slider-start{z-index:1}.dual-slider-track.end-active .dual-slider-end{z-index:2}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.modal-footer button{background:#e2b4bd;color:#122431;border:none;border-radius:5px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .3s}.modal-footer button:last-child{background:#eee3a1}.video-player-empty-text{padding:20px;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.video-player-empty-text:hover{color:#fffc}button:active,buton:focus,button:focus-visible{outline:1px solid #eee3a1}button:focus,button:focus-visible,button:active,button:target{outline:1px auto #9b6a6c;outline-offset:0px}button:hover,button:nth-child(2):hover{background:#9b6a6c;color:#fff}