html,body{height:100vh;width:100vw;margin:0;padding:0;font-family:DM Sans,sans-serif;background-color:#0f010c;position:relative;overflow:hidden}*,*:before,*:after{box-sizing:border-box}#thol-app-wrapper{height:100vh;width:100vw;position:relative;background:linear-gradient(#2028524d,#2028524d),#0f010c;display:flex;flex-direction:column;overflow:hidden}input[type=file]{display:none}.file-button{background-color:#f40;color:#fff;padding:10px;border-radius:30px;cursor:pointer;font-size:16px;text-decoration:none;width:100%;text-align:center;box-sizing:border-box;transition:background-color .3s}.file-button:hover{background-color:#e03c00;border-color:#e03c00}.file-button.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}#topMenu{width:100%;background-color:#0f010c;color:#f0f0f0;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;position:sticky;top:0;left:0;z-index:10}#topMenu .menu-section{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:15px}.logo img{height:36px}.logo-text{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:#fff}.user-menu-section{margin-top:0}.user-menu-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;padding-bottom:10px}.user-dropdown{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;position:absolute;top:100%;right:0;margin-top:4px;background-color:#1a2041;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #0003;z-index:20;width:160px;box-sizing:border-box;overflow:hidden}.user-menu-trigger:hover .user-dropdown{opacity:1;visibility:visible}.user-dropdown .menu-item{display:block;padding:10px 16px;color:#ebebeb;text-decoration:none;font-size:14px;transition:background-color .2s;box-sizing:border-box;background-clip:padding-box}.user-dropdown .menu-item:hover{background-color:#f403}.user-dropdown .menu-item.account-link:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.user-dropdown .menu-item.logout-link:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.user-dropdown a.quota{display:block;padding:10px 16px;font-size:13px;color:#a0aec0;text-decoration:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.user-dropdown a.quota p{margin:0}#topMenu .user-menu-section .user-icon{font-size:20px;margin-right:6px}#topMenu #username-placeholder{font-size:20px}.user-dropdown *{pointer-events:auto}#container{display:flex;height:100%}#scrollWrapper{flex-grow:1;overflow:hidden}#sidebar{display:flex;flex-direction:column;width:20vw;background-color:#0f010c;padding:20px;color:#fff;overflow-y:auto;flex-shrink:0}#videoSection h2,#filesWrapper h2{font-size:18px;margin-bottom:5px;border-bottom:1px solid #FFFFFF;padding-bottom:5px;font-weight:700}#videoSection{flex:1 1 auto;overflow-y:auto}#videosUl{list-style:none;margin:0 0 18px;padding:0}#videosUl li{padding:8px;border-bottom:1px solid #FFFFFF;cursor:pointer;display:flex;align-items:center;transition:background-color .3s;word-break:break-word}#videosUl li:hover{background-color:#333}#videosUl li img{width:50px;height:auto;margin-right:10px}#videosUl li.selected{background-color:#f40;color:#fff}#videosUl li.processing{pointer-events:none;opacity:.5}#videosUl li.processing .emoji-btn{cursor:not-allowed;pointer-events:none}.no-preview{display:inline-block;width:50px;height:50px;margin-right:10px;flex:0 0 auto;background-color:#f0f0f0;border:1px solid #ccc;text-align:center;line-height:50px;color:#888;font-size:1.5rem;overflow:hidden}.no-preview:before{content:"🎞️";display:block}#filesWrapper{max-height:50%;overflow-y:auto;margin-top:auto;display:none}#filesUl{list-style:none;margin:0;padding:0}#filesUl li{padding:8px;border-bottom:1px solid #FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}#filesUl li:hover{background-color:#333}#divider{width:5px;background-color:#444;cursor:col-resize}#resultsDivider{width:80%;height:1px;background-color:#888;margin-top:30px}#mainArea{display:flex;flex-direction:column;background-color:transparent;flex:1;overflow-y:auto;min-width:0;min-height:0;padding-bottom:120px}#mainArea.centred{justify-content:center;align-items:center}#mainArea.topAligned{justify-content:flex-start;align-items:center;padding-top:60px}#buttonWrapper{display:flex;flex-direction:column;gap:16px;width:300px}#statusMessage{color:#fff;margin-top:10px;font-size:14px}.loader{border:8px solid #f3f3f3;border-top:8px solid #FF4400;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite;margin:10px auto;align-self:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#resultsTable{width:100%;overflow-x:auto}.emoji-btn{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,emoji}.feedback-trigger-button{position:fixed;bottom:50px;right:30px;background-color:var(--brand-teal, #202852);border:1px solid var(--brand-orange, #FF4400);color:#fff;padding:10px 20px;border-radius:30px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:16px;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0003;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.feedback-trigger-button:hover{transform:scale(1.05);background-color:var(--brand-orange, #FF4400);border-color:var(--brand-orange, #FF4400)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1001;display:flex;justify-content:center;align-items:center}.modal-content{background-color:var(--brand-black, #0F010C);border:1px solid rgba(255,255,255,.2);padding:30px;border-radius:12px;width:90%;max-width:500px;color:var(--brand-silver, #EBEBEB)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px;margin-bottom:20px}.modal-header h2{margin:0;font-family:var(--font-headline, "Playfair Display", serif);font-size:24px}.close-button{background:none;border:none;color:#fff;font-size:28px;cursor:pointer}#feedbackForm .form-group{margin-bottom:20px}#feedbackForm label{display:block;margin-bottom:8px;font-weight:700}#feedbackForm select,#feedbackForm textarea{width:100%;padding:12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;font-family:var(--font-body, "DM Sans", sans-serif);box-sizing:border-box}.submit-button{width:100%;padding:12px;background-color:var(--brand-orange, #FF4400);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.submit-button:disabled{background-color:#888;cursor:not-allowed}.feedback-message{padding:10px;margin-bottom:15px;border-radius:5px;text-align:center;font-weight:700}.app-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#0a0108;border-top:1px solid rgba(255,255,255,.1);padding:8px 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--brand-light-gray, #a0aec0);z-index:999}.app-footer .footer-links{display:flex;gap:20px}.app-footer a{color:var(--brand-light-gray, #a0aec0);text-decoration:none;transition:color .2s}.app-footer a:hover{color:var(--brand-orange, #FF4400)}#feedbackForm select option{background-color:var(--brand-teal, #202852);color:#fff}#cookie-consent-banner{position:fixed;bottom:50px;left:50%;transform:translate(-50%);width:auto;max-width:90%;background-color:#1a2041;border:1px solid rgba(255,255,255,.1);padding:20px 25px;box-sizing:border-box;display:none;z-index:1001;color:#ebebeb;border-radius:12px;box-shadow:0 4px 12px #0000004d;flex-direction:column;align-items:center}#consent-close-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#a0aec0;font-size:24px;line-height:1;cursor:pointer;padding:5px;transition:color .2s}#consent-close-btn:hover{color:#fff}#cookie-consent-banner p{margin:0;font-size:14px;text-align:center;line-height:1.5}#cookie-consent-banner a{color:#f40;font-weight:700;text-decoration:none}#cookie-categories{padding:10px 15px;background-color:#0003;border-radius:8px;width:auto;margin-top:15px}.cookie-category{display:flex;align-items:center;justify-content:center;gap:10px}.consent-buttons{display:flex;gap:10px;flex-shrink:0;justify-content:center;margin-top:15px}#consent-save-btn,#consent-accept-all-btn{padding:8px 16px!important;border-radius:20px!important;border:1px solid #FF4400!important;cursor:pointer!important;font-weight:700!important;background-color:transparent!important;color:#f40!important;font-size:14px!important;line-height:normal!important;white-space:nowrap;transition:background-color .2s,color .2s}#consent-accept-all-btn{background-color:#f40!important;color:#fff!important}#consent-save-btn:hover,#consent-accept-all-btn:hover{background-color:#e03c00!important;border-color:#e03c00!important;color:#fff!important}.cookie-category input[type=checkbox]{display:none}.cookie-category label{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#ebebeb}.cookie-category label:before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;border:1px solid #a0aec0;border-radius:3px;background-color:#0f010c;flex-shrink:0}.cookie-category input[type=checkbox]:checked+label:before{background-color:#f40;border-color:#f40;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat}#sidebar,#mainArea{min-width:0;min-height:0}#mainArea img,#mainArea video,#mainArea canvas{max-width:100%;max-height:100%;object-fit:contain}