body{margin:0;background-color:#1e1e1e;overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:row}#setting-section{display:flex;flex-direction:column;width:15vw;min-width:200px;background-color:#0f0f0f}#setting-section h3{text-align:center}#run-section{display:flex;flex-direction:column;width:100%;height:50%}#run-add{background-color:#646464;height:30px;font-weight:700;font-size:.9rem;border:1px solid rgb(100,100,100)}#run{display:flex;flex-direction:column;margin:5%;width:90%;flex-grow:1;background-color:#191919;overflow-y:auto}#run::-webkit-scrollbar{display:none}#run .run-item{height:fit-content;min-height:30px;line-height:30px;display:flex;flex-direction:row;justify-content:center;background-color:#141414;border-bottom:1px solid rgb(100,100,100)}#run .run-item h3{font-weight:700;font-size:.9rem;height:100%;margin:auto;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}#run .run-item .edit{cursor:text}#run .run-item.dragging{border:2px solid rgb(100,100,100)}#dynamic-section{width:100%;flex-grow:1}.show-item h1{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}#show-section{flex-grow:1;overflow-y:auto}#show-section::-webkit-scrollbar{display:none}.show-item{background-color:#191919;padding:20px}.scene-header{display:flex;flex-direction:row}.rotate-options{height:100%;margin:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.rotate-value.edit{padding:10px}.rotate-button{height:32px;color:#fff;background-color:#1e1e1e}.item-container{background-color:#1e1e1e;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:10px}.slide{width:192px;height:108px;background-color:#000;display:flex;justify-content:center;align-items:center}.slide img,video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.slide.active{outline:5px solid rgb(255,255,255)}.slide.dragging{display:none}.drag-placeholder{width:192px;height:108px;background-color:#007bff33;outline:2px dashed #007bff;border:none;border-radius:4px;pointer-events:none}#media-section{display:flex;flex-direction:column;width:30vw;height:100vh;overflow:hidden}#preview-section{height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.presentation-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;aspect-ratio:16 / 9;background-color:#000;overflow:hidden;position:relative}.preview-slide{grid-area:1 / 1 / 2 / 2;width:100%;height:100%;opacity:0%;transition:opacity .5s ease-in-out;pointer-events:none}.preview-slide img,video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-slide.active{opacity:1;pointer-events:auto}.slide-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#slide-1 img,video{transition:opacity .5s ease-in-out}#preview-slide .inactive{opacity:0}#preview-options-background{height:50px;width:100%}#preview-options{display:flex;flex-direction:column;width:100%}#preview-slider{-webkit-appearance:none;appearance:none;width:100%;background:transparent}#preview-slider::-webkit-slider-runnable-track{width:100%;height:16px;background:#444;border-radius:2px}#preview-slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:4px;background:#000;margin-top:0}#preview-buttons{display:flex;align-items:center;justify-content:space-between;width:100%}.spacer,#preview-time{flex:1}#preview-time{text-align:right;padding-right:5px}#play-pause{background-color:transparent;border:none;height:100%}#iconPath{transition:d 4s ease-in-out}.playing #iconPath{d:path("M6,4 L10,4 L10,20 L6,20 Z M14,4 L18,4 L18,20 L14,20 Z")}#window-section{background-color:#000;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}#window-section button{background-color:#646464;font-weight:700;font-size:1.25rem;padding:10px}#import-section{flex-grow:1;min-height:0px;display:flex;flex-direction:column;background-color:#0f0f0f}#import-section h3{text-align:center}#new-folder-button{color:#fff;background-color:#1e1e1e;border:none;margin:10%;height:30px}#file-list{min-height:0;flex:1;overflow-y:scroll}#media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000c}#media-options{display:flex;flex-direction:column;background-color:#1e1e1e;width:fit-content;height:fit-content;justify-content:center;align-items:center;padding:30px 50px 50px}#media-buttons button{background-color:#646464;font-weight:700;font-size:1.25rem;padding:10px}#right-click-container{position:absolute;flex-direction:column;background-color:#282828;border-radius:5px;width:200px}#right-click-container button{background-color:transparent;border:none;color:#fff;text-align:left;font-weight:700;font-size:.75rem;padding:10px 10px 10px 30px;width:100%}#right-click-container button:hover{background-color:#1e1e1e}