*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #121212;--accent-lime: #DFFF00;--accent-cyan: #DFFF00;--accent-purple: #FFFFFF;--accent-pink: #ec4899;--accent-green: #DFFF00;--accent-yellow: #facc15;--accent-red: #ef4444;--text-primary: #ffffff;--text-secondary: #888888;--border-color: rgba(255, 255, 255, .1);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--container-padding: 20px;--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 32px;--border-radius-full: 99px}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:JetBrains Mono,Fira Code,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-lime);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-lime)!important}.app-grid{display:grid;grid-template-columns:1fr 440px;gap:var(--spacing-xl)}@media (min-width: 1400px){:root{--container-padding: 40px}}@media (max-width: 1399px){:root{--container-padding: 24px}.app-grid{grid-template-columns:1fr 400px;gap:var(--spacing-lg)}}@media (max-width: 1199px){:root{--container-padding: 20px}.app-grid{grid-template-columns:1fr 360px;gap:var(--spacing-lg)}body{font-size:15px}}@media (max-width: 1023px){:root{--container-padding: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}.app-grid{grid-template-columns:1fr!important;gap:var(--spacing-lg)}[style*="grid-template-columns: 1fr 440px"],[style*="grid-template-columns: 1fr 420px"],[style*="grid-template-columns: 1fr 400px"]{grid-template-columns:1fr!important}}@media (max-width: 767px){:root{--container-padding: 14px;--spacing-lg: 20px;--spacing-xl: 24px;--border-radius-lg: 24px}body{font-size:14px}header h1{font-size:1.8rem!important;letter-spacing:-2px!important}header p{font-size:.9rem!important}[style*="padding: 40px"],[style*="padding: 48px"]{padding:24px!important}[style*="padding: 32px"]{padding:20px!important}[style*="padding: 64px"]{padding:32px!important}[style*="gap: 32px"]{gap:20px!important}[style*="gap: 24px"]{gap:16px!important}[style*="padding: 14px 28px"]{padding:12px 16px!important}[style*="borderRadius: 40px"],[style*="border-radius: 40px"]{border-radius:24px!important}}@media (max-width: 599px){:root{--container-padding: 12px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--border-radius-md: 16px;--border-radius-lg: 20px}body{padding:0}header h1{font-size:1.5rem!important;letter-spacing:-1px!important}.app-header-top{flex-direction:column!important;gap:16px!important}.app-header-left,.app-header-right{width:100%!important;display:flex!important;justify-content:center!important}[style*="padding: 64px"]{padding:24px 16px!important}[style*="maxWidth: 700px"],[style*="max-width: 700px"]{max-width:100%!important}[style*="padding: 24px 64px"]{padding:18px 32px!important;font-size:1.1rem!important}[style*="display: flex"][style*=gap]{flex-wrap:wrap}[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="display: flex"][style*="gap: 12px"][style*="borderRadius: 99px"]{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}[style*="display: flex"][style*="gap: 12px"][style*="borderRadius: 99px"]::-webkit-scrollbar{display:none}[style*="display: flex"][style*="gap: 16px"]{flex-direction:column;gap:12px!important}[style*="display: flex"][style*="gap: 20px"][style*="padding: 16px 24px"]{padding:14px 16px!important;gap:12px!important}}@media (max-width: 399px){:root{--container-padding: 10px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 14px;--border-radius-sm: 10px;--border-radius-md: 14px;--border-radius-lg: 18px}header h1{font-size:1.3rem!important}button{font-size:.9rem!important}[style*="padding: 24px 64px"],[style*="padding: 18px 32px"]{padding:14px 24px!important;font-size:1rem!important}[style*="fontSize: '4rem'"],[style*="font-size: 4rem"]{font-size:2.5rem!important}[style*="padding: 32px"],[style*="padding: 24px"]{padding:16px!important}[style*="padding: 20px"],[style*="padding: 16px"]{padding:12px!important}}.panel-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);width:100%}@media (max-width: 767px){.panel-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}}@media (max-width: 399px){.panel-card{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}}.video-container{width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-card)}@media (max-width: 599px){.video-container{border-radius:var(--border-radius-md)}}.title-xl{font-size:clamp(1.5rem,5vw,3.5rem);font-weight:950;letter-spacing:-2px}.title-lg{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800;letter-spacing:-1px}.title-md{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700}.text-body{font-size:clamp(.875rem,1.5vw,1rem)}.text-small{font-size:clamp(.75rem,1.2vw,.875rem)}.btn-primary{background:var(--accent-lime);border:none;border-radius:var(--border-radius-full);padding:clamp(14px,3vw,24px) clamp(28px,6vw,64px);font-size:clamp(1rem,2vw,1.3rem);font-weight:900;color:#000;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:clamp(12px,2vw,18px) clamp(16px,3vw,24px);font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.tabs-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--bg-card);border-radius:var(--border-radius-full);border:1px solid var(--border-color);width:fit-content;margin:var(--spacing-lg) auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;padding:clamp(10px,2vw,14px) clamp(16px,3vw,28px);border-radius:var(--border-radius-full);color:#444;font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tab-btn.active{background:var(--accent-lime);color:#000}.upload-area{width:100%;max-width:700px;border:1px solid var(--border-color);border-radius:clamp(24px,5vw,40px);padding:clamp(32px,8vw,64px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all .3s ease;margin:0 auto}@media (max-width: 599px){.upload-area{padding:24px 16px;border-radius:20px}}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--container-padding)}.welcome-content{background:#1a1a1a;border:2px solid var(--accent-lime);border-radius:var(--border-radius-md);padding:clamp(24px,5vw,36px) clamp(20px,4vw,32px);max-width:420px;width:100%;text-align:center}.history-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff05;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.02);flex-wrap:wrap;cursor:pointer;transition:all .2s ease}@media (max-width: 599px){.history-item{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.history-item>*{flex:1 1 100%}.history-item>*:last-child{justify-content:flex-start}}.subscription-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:700;font-size:clamp(.85rem,1.5vw,1rem);flex-wrap:wrap;justify-content:center;text-align:center}@media (max-width: 480px){.subscription-badge{padding:var(--spacing-sm);flex-direction:column;gap:var(--spacing-xs)}}.export-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 599px){.export-row{flex-direction:column;gap:var(--spacing-sm)}.export-row>button{width:100%}}.progress-section{width:100%;max-width:500px;margin:0 auto;background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color)}@media (max-width: 599px){.progress-section{padding:var(--spacing-lg);border-radius:var(--border-radius-md)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.floating{animation:floating 3s ease-in-out infinite}::selection{background:var(--accent-lime);color:var(--bg-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-lime);cursor:pointer;margin-top:-5px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#fff3;border-radius:2px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-lime);cursor:pointer;border:none}input[type=range]::-moz-range-track{width:100%;height:4px;background:#fff3;border-radius:2px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px!important}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.tooltip:hover:after{opacity:1;visibility:visible}.glass-card{background:#12121299!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05)!important;border-radius:24px}.glow-shadow{box-shadow:0 0 40px #dfff001a}.mesh-bg{background:#000;background-image:radial-gradient(at 0% 0%,rgba(223,255,0,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,255,255,.05) 0px,transparent 50%)}.gradient-text{background:linear-gradient(135deg,#dfff00,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (hover: none) and (pointer: coarse){button,.tab-btn,[role=button]{min-height:44px;min-width:44px}.tooltip:after{display:none}}@media (max-height: 500px) and (orientation: landscape){header{padding:16px!important}.upload-area{padding:24px!important}.welcome-content{max-height:90vh;overflow-y:auto}}@media print{body{background:#fff;color:#000}.tabs-container,.export-row,button{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 480px){[style*=headerTop],.app-header-top{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}}*{min-width:0}@media (max-width: 767px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}table tbody,table thead{display:table;width:100%}}@media (max-width: 480px){[style*=reUploadBar] span,[style*=reUploadBar] button{font-size:.8rem!important}}@media (max-width: 360px){[style*=proBadge],[style*=freeBadge]{font-size:.78rem!important;padding:8px 12px!important}}@media (max-width: 380px){[style*=tabsContainer] button,.tabs-container .tab-btn{padding:8px 10px!important;font-size:.75rem!important}}.app-grid>*{overflow:hidden;min-width:0}