body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body,#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.movieElement{flex-direction:column;display:flex}.App{text-align:center;flex-grow:1;display:flex}.container,#root,body{flex-direction:column;flex:1;display:flex}.app-content{color:#fff;background-color:#050505;flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:flex-start;column-gap:30px;font-size:28px;display:grid}.close{color:#fff;cursor:pointer;margin:10px;font-size:20px;font-weight:700;position:absolute;top:0;left:0}.logout-button{color:#a9a9a9;cursor:pointer;background-color:#0000;border:none;margin:10px;font-size:20px;font-weight:700;position:absolute;top:10px;right:0}h1{text-align:center}.grid-page{background-color:#050505;flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{justify-content:flex-end;padding:0 10px 12px;display:flex}.button-primary,.button-secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-size:16px;transition:background-color .15s,border-color .15s}.button-primary{color:#140f06;background-color:#d4a24c;font-weight:600}.button-primary:hover:not(:disabled){background-color:#e6b55d}.button-secondary{color:#d8d8d8;background-color:#0000;border-color:#3a3a3a}.button-secondary:hover:not(:disabled){color:#fff;border-color:#6a6a6a}.button-primary:disabled,.button-secondary:disabled{opacity:.45;cursor:not-allowed}.edit-page{color:#f0f0f0;text-align:left;background-color:#050505;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:8px 20px 60px;display:flex}.edit-card{background-color:#121212;border:1px solid #262626;border-radius:14px;flex-direction:column;gap:28px;width:100%;max-width:640px;padding:28px 28px 24px;display:flex}.edit-card h2{margin:0 0 4px;font-size:24px;font-weight:600}.edit-card h3{letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a;margin:0 0 12px;font-size:13px;font-weight:600}.edit-subtitle{color:#9a9a9a;margin:0;font-size:14px}.edit-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.poster-compare{flex-wrap:wrap;gap:18px;display:flex}.poster-slot{color:#8a8a8a;flex-direction:column;gap:6px;font-size:12px;display:flex}.poster-frame{color:#555;background-color:#1c1c1c;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:200px;height:200px;font-size:13px;display:flex;overflow:hidden}.poster-frame img{object-fit:cover;width:100%;height:100%;display:block}.poster-frame.is-dropzone{cursor:pointer;border-style:dashed;transition:border-color .15s,background-color .15s}.poster-frame.is-dropzone:hover,.poster-frame.is-dragging{background-color:#1e1a12;border-color:#d4a24c}.poster-frame input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.edit-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:8px;display:flex}.edit-note{color:#9a9a9a;flex:1;margin:0;font-size:13px}.edit-error{color:#ffb4a8;word-break:break-word;background-color:#2a1512;border:1px solid #5c2a22;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.edit-success{color:#b8d8a0;margin:0;font-size:13px}.share-create{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-create input,.share-create select{font:inherit;color:#f0f0f0;background-color:#1c1c1c;border:1px solid #333;border-radius:8px;padding:10px 12px;font-size:15px}.share-create input:focus,.share-create select:focus{border-color:#d4a24c;outline:none}.share-label-input{flex:1;min-width:220px}.share-list{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.share-row{background-color:#171717;border:1px solid #262626;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.share-row-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.share-row-label{font-size:15px;font-weight:600}.share-row-meta{color:#8a8a8a;font-size:12px}.share-row-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-row-link input{min-width:200px;font:inherit;color:#c8c8c8;text-overflow:ellipsis;background-color:#0e0e0e;border:1px solid #2a2a2a;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.share-row-link .button-secondary{padding:.45em .9em;font-size:14px}.share-revoke:hover:not(:disabled){color:#ffb4a8;border-color:#8a3a30}.upload-page{color:#f0f0f0;text-align:left;background-color:#050505;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:8px 20px 60px;display:flex}.upload-card{background-color:#121212;border:1px solid #262626;border-radius:14px;width:100%;max-width:560px;padding:28px 28px 24px}.upload-card h2{margin:0 0 4px;font-size:24px;font-weight:600}.upload-intro{color:#9a9a9a;margin:0 0 24px;font-size:14px;line-height:1.5}.upload-form{flex-direction:column;gap:18px;display:flex}.upload-field{flex-direction:column;gap:6px;display:flex}.upload-field>span{letter-spacing:.04em;text-transform:uppercase;color:#9a9a9a;font-size:13px}.upload-field input,.upload-field textarea{font:inherit;color:#f0f0f0;box-sizing:border-box;resize:vertical;background-color:#1c1c1c;border:1px solid #333;border-radius:8px;width:100%;padding:10px 12px;font-size:16px}.upload-field input:focus,.upload-field textarea:focus{border-color:#d4a24c;outline:none}.upload-drop{cursor:pointer;text-align:center;background-color:#171717;border:1.5px dashed #3a3a3a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:26px 20px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.upload-drop:hover,.upload-drop.is-dragging{background-color:#1e1a12;border-color:#d4a24c}.upload-drop.has-file{border-style:solid;border-color:#4a4a4a}.upload-drop input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-drop-icon{font-size:26px;line-height:1}.upload-drop-main{color:#f0f0f0;word-break:break-all;font-size:16px}.upload-drop-hint{color:#8a8a8a;font-size:13px}.upload-progress{color:#9a9a9a;flex-direction:column;gap:6px;font-size:13px;display:flex}.upload-progress-track{background-color:#262626;border-radius:999px;height:8px;overflow:hidden}.upload-progress-bar{background-color:#d4a24c;border-radius:999px;height:100%;transition:width .2s}.upload-error{color:#ffb4a8;word-break:break-word;background-color:#2a1512;border:1px solid #5c2a22;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.upload-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.video-cell{aspect-ratio:1;background-color:#333;margin:10px;display:inline-grid;position:relative}.video-cell-image{width:100%;height:100%;position:absolute;top:0;left:0}.video-cell-overlay{background:linear-gradient(#0000 70%,#00000080 90%);flex-direction:column;justify-content:flex-end;align-items:stretch;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-cell-image img{box-sizing:border-box;object-fit:cover;width:100%;height:100%}.video-cell-edit{z-index:2;color:#fff;cursor:pointer;opacity:.75;background-color:#0000008c;border:1px solid #ffffff40;border-radius:50%;width:34px;height:34px;font-size:16px;line-height:1;transition:opacity .15s,background-color .15s;position:absolute;top:8px;right:8px}.video-cell-edit:hover{opacity:1;color:#140f06;background-color:#d4a24c}.video-cell-overlay-content{overflow-y:hidden}.video-cell-overlay-content-title{text-align:center;margin:50% 20px 0;font-size:24px}.video-cell-overlay-content-description{text-align:left;margin:10px 20px;font-size:12px}.video-cell-overlay-content-button{background-color:#0000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-player{z-index:20;background-color:#030303;width:100%;height:100%;position:fixed;top:0;left:0}.video-player video{object-fit:contain;min-width:100%;max-width:100%;min-height:100%;max-height:100%}.share-page{color:#f0f0f0;text-align:left;background-color:#050505;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:8px 20px 60px;display:flex}.share-card{background-color:#121212;border:1px solid #262626;border-radius:14px;width:100%;max-width:960px;overflow:hidden}.share-video{aspect-ratio:16/9;background-color:#000;justify-content:center;align-items:center;max-width:100%;display:flex}.share-video video{object-fit:contain;width:100%;height:100%;display:block}.share-video .video-player-message{color:#9a9a9a;text-align:center;padding:24px}.share-body{padding:22px 28px 24px}.share-body h2{margin:0 0 4px;font-size:26px;font-weight:600}.share-meta{color:#9a9a9a;margin:0 0 14px;font-size:14px}.share-description{color:#d8d8d8;white-space:pre-line;margin:0;font-size:16px;line-height:1.55}.share-footer{color:#8a8a8a;border-top:1px solid #262626;margin:22px 0 0;padding-top:14px;font-size:13px}.share-footer a{color:#d4a24c}.share-status{text-align:center;color:#9a9a9a;padding:60px 28px;font-size:16px}.share-status h2{color:#f0f0f0;margin:0 0 8px;font-size:22px}