html,body,#root{position:fixed;width:100%;height:100%;margin:0;padding:0;top:0;left:0;overflow:auto}*{box-sizing:border-box;overflow:hidden}.App{text-align:center;background-color:#282c34;min-height:100vh}.page-container{padding:1rem 4rem}@media screen and (max-width: 767px){.page-container{padding:0}}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-header p{margin:.5rem}.media-pipe-container,.image-processing-area{display:flex;justify-content:center;gap:2rem}.image-preview,.processed-image{flex:1;max-width:45%}.image-preview img,.processed-image img,.processed-image canvas{max-width:100%;border-radius:8px;box-shadow:0 4px 6px #0000001a}.home-container{display:flex;flex-direction:column;align-items:center;padding:1rem;padding-top:0;border-radius:8px}.media-upload-container{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#ffffff1a;border-radius:8px;width:100%}.detecting-logos-container,.detecting-explicit-content-container{background-color:#ffffff1a;border-radius:8px;width:100%;min-height:0;transition:min-height .3s ease,margin-bottom .3s ease}.detecting-logos-container:not(:empty),.detecting-explicit-content-container:not(:empty){margin-bottom:1rem;min-height:50px}.detecting-text,.detected-logos,.detected-explicit-content{color:#61dafb;margin:1rem}.processing-time{display:block;font-size:.9em;color:#a0a0a0;margin-top:.5rem}.likelihood-safe{color:#00d200}.likelihood-unsafe{color:red}.overall-likelihood-result{font-size:1.2em;font-weight:700}.explicit-content-table{width:100%;border-collapse:collapse;margin-top:10px}.explicit-content-table th,.explicit-content-table td{border:1px solid #ddd;padding:8px;text-align:left}.explicit-content-table th{background-color:#ffffff4d;font-weight:700}.explicit-content-table tr{background-color:#fff3}.media-upload-form{width:100%;display:flex;flex-direction:column;align-items:center}.media-upload-form input[type=file]{display:none}.button-container{display:flex;flex-direction:row;justify-content:center}.upload-button .file-input-label{display:inline-block;padding:10px 15px;background-color:#61dafb;color:#282c34;cursor:pointer;border-radius:4px;margin-right:10px;transition:background-color .3s ease}.upload-button .file-input-label:hover{background-color:#2fcefa}.video-info{display:flex;justify-content:space-between;margin-top:10px}.video-duration,.processing-time{font-size:.9em;color:#fff}.video-details-container{background-color:#ababab;margin-bottom:1rem;border-radius:8px;width:100%}.video-details{padding:15px}.video-details h3{margin-top:0;margin-bottom:10px}.video-details p{margin:5px 0}.detection-display-container{display:flex;width:100%;flex-direction:row;gap:1rem;background:#ffffff1a;border-radius:8px;margin-top:1rem}.detection-display-container:not(:empty){padding:1rem;padding-bottom:0}.video-display,.image-display{flex-basis:50%}.image-display .image-details-container{background-color:#ababab;margin-bottom:1rem;border-radius:8px;width:100%}.image-details{padding:15px}.image-details h3{margin-top:0;margin-bottom:10px}.image-details p{margin:5px 0}.media-display-container{display:flex;flex-direction:row;width:100%}@media screen and (max-width: 767px){.media-display-container{flex-direction:column}}.media-display-container .uploaded-media-container{display:flex;flex-direction:column;gap:10px;background:#fff3;border-radius:8px;flex:1;padding:1rem;margin:2rem;margin-left:0;color:#fff}@media screen and (max-width: 767px){.media-display-container .uploaded-media-container{margin:0}}.media-display-container .uploaded-media-container h3{margin-top:0}.media-display-container .uploaded-media-container .uploaded-media-split{display:flex;flex-direction:row;gap:1rem}.media-display-container .uploaded-media-container .uploaded-media-split .uploaded-images-container,.media-display-container .uploaded-media-container .uploaded-media-split .uploaded-videos-container{display:flex;flex-direction:column;gap:10px;flex:1}.media-display-container .uploaded-media-container .uploaded-media-split .uploaded-images-container h4,.media-display-container .uploaded-media-container .uploaded-media-split .uploaded-videos-container h4{margin-top:0}.media-display-container .stitched-video-container{display:flex;flex-direction:column;gap:1rem;padding:2rem;padding-right:0;flex:1;align-items:center}@media screen and (max-width: 767px){.media-display-container .stitched-video-container{padding:30px 0}}.media-display-container .stitched-video-container .processed-video-container{overflow:hidden;border-radius:8px;background:#000}.media-display-container .stitched-video-container .processed-video-container video{width:100%;height:100%;object-fit:cover;display:block}.media-display-container .stitched-video-container .stitched-video-details{display:flex;flex-direction:row;align-items:center}.media-display-container .stitched-video-container .stitched-video-details .stiched-video-details{display:flex;flex-direction:row;margin-left:.5rem}.media-display-container .stitched-video-container .stitched-video-details .stiched-video-details .analyze-button{margin-left:.5rem}.media-display-container .stitched-video-container .stitched-video-details .stiched-processing-time{text-align:center;font-size:.9em;color:#fff;margin:0}.media-display-container .stitched-video-container .stitch-videos-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .3s;width:max-content;align-self:center}.media-display-container .stitched-video-container .stitch-videos-button:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.6}.media-display-container .stitched-video-container .stitch-videos-button:not(:disabled):hover{background-color:#47a2bb}.media-display-container #threejs-canvas-container canvas{max-width:100%;border-radius:8px;box-shadow:0 4px 6px #0000001a;background:#ffffff1a}.file-names-item{display:flex;align-items:center;gap:4px;justify-content:space-between;background-color:#fff3;padding:4px;border-radius:8px;position:relative}.file-name{margin:0;color:#fff;word-wrap:break-word;font-size:11px}.analyze-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .3s}.trim-button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#007bff;color:#fff;border:none;border-radius:2px;cursor:pointer;font-size:.9em}.analyze-button:hover{background-color:#0056b3}.crop-ui{position:relative}.exit-button{position:absolute;right:0;top:0;z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000;border:solid 0px #000}.crop-bar{position:absolute;overflow:visible;bottom:50px;height:60px;width:100%;background-color:#222}.crop-dragger{width:70px;height:60px;border:solid 1px #0056b3;border-width:1px 10px;position:absolute;left:0;top:0;cursor:pointer}.trim-btn{margin-top:40px;background-color:#007bff;border:solid 0px #fff;color:#fff;padding:10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}