@tailwind base;@tailwind components;@tailwind utilities;body,html{overflow-x:hidden}body{background-color:#0a0a0f;color:#fff;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000}.supported-sites-modal{background:#212121;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;margin:0 auto;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.supported-sites-header{align-items:center;background:#212121;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.supported-sites-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eeba2c,#d4a322);-webkit-background-clip:text;background-clip:text;font-size:28px;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:36px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff1a;transform:rotate(90deg)}.supported-sites-content{padding:30px}.sites-intro{margin-bottom:30px;text-align:center}.total-count{color:#eeba2c;font-size:24px;margin-bottom:10px}.description{color:#ffffffb3;font-size:16px;line-height:1.6}.search-box{margin-bottom:30px}.search-box input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.search-box input:focus{background:#ffffff14;border-color:#eeba2c;outline:none}.search-box input::placeholder{color:#fff6}.categories-section,.full-list-section,.note-section,.popular-sites-section{margin-bottom:40px}.categories-section h3,.full-list-section h3,.popular-sites-section h3{color:#fff;font-size:20px;margin-bottom:20px}.sites-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.site-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s ease}.site-card:hover{background:#ffffff14;border-color:#eeba2c;transform:translateY(-2px)}.site-name{color:#fff;font-size:16px;font-weight:600}.site-category{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.categories-list{display:flex;flex-wrap:wrap;gap:10px}.category-badge{background:#eeba2c1a;border:1px solid #eeba2c4d;border-radius:20px;color:#eeba2c;font-size:14px;font-weight:500;padding:8px 16px}.full-list-section p{color:#ffffffb3;line-height:1.6;margin-bottom:15px}.show-all-button{background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;border-radius:8px;color:#000;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px 24px;transition:all .3s ease;width:100%}.show-all-button:hover{box-shadow:0 5px 15px #eeba2c66;transform:translateY(-2px)}.all-extractors-list{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:400px;overflow-y:auto;padding:20px}.all-extractors-list::-webkit-scrollbar{width:8px}.all-extractors-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.all-extractors-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.all-extractors-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.extractor-item{background:#eeba2c26;border:1px solid #eeba2c4d;border-radius:6px;color:#eeba2c;display:inline-block;font-size:13px;padding:6px 12px;white-space:nowrap}.all-extractors-list p{color:#ffffff80;text-align:center;width:100%}.note-section{background:#ffb8001a;border:1px solid #ffb8004d;border-radius:12px;padding:20px}.note{color:#fffc;font-size:14px;line-height:1.6;margin:0}.note strong{color:#eeba2c}.supported-sites-modal::-webkit-scrollbar{width:8px}.supported-sites-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.supported-sites-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.supported-sites-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.supported-sites-modal{border-radius:0;max-height:100vh;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:22px}.modal-content{padding:20px}.sites-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.site-card{padding:12px}.total-count{font-size:20px}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.confirmation-modal{animation:slideUp .25s ease;background:linear-gradient(135deg,#212121fa,#191919fa);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff14;max-width:440px;padding:28px 32px;width:100%}.confirmation-modal__title{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.confirmation-modal__message{color:#c3cfe0;font-size:.95rem;line-height:1.6;margin-bottom:24px}.confirmation-modal__message p{margin:0 0 8px}.confirmation-modal__message p:last-child{margin-bottom:0}.confirmation-modal__actions{display:flex;gap:12px;justify-content:flex-end}.confirmation-modal__btn{border:1px solid #0000;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.confirmation-modal__btn--secondary{background:#ffffff14;border-color:#ffffff26;color:#e6e8ee}.confirmation-modal__btn--secondary:hover{background:#ffffff24;border-color:#ffffff40}.confirmation-modal__btn--primary{background:#fff;border-color:#fff;color:#000}.confirmation-modal__btn--primary:hover{background:#e8e8e8;box-shadow:0 4px 16px #ffffff26;transform:translateY(-1px)}.confirmation-modal__btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.confirmation-modal__btn--danger:hover{background:#dc2626;box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.confirmation-modal__btn--gold{background:linear-gradient(135deg,#eeba2c,#d4a322);border-color:#fff3;box-shadow:0 4px 20px #eeba2c40;color:#000}.confirmation-modal__btn--gold:hover{box-shadow:0 8px 28px #eeba2c66;transform:translateY(-2px)}.tool-showcase-section{overflow:hidden;padding:20px 0 60px;position:relative}.showcase-header-container{box-sizing:border-box;margin:0 auto;max-width:800px;overflow-wrap:break-word;padding:0 24px!important;width:100%}.showcase-heading{color:#fff;font-size:2rem;font-weight:700;margin:0 0 12px;text-align:center}.showcase-subheading{color:#a3a3a3;font-size:1rem;margin:0 0 48px;text-align:center}.carousel-container{overflow:hidden;padding:20px 0;position:relative;width:100%}.carousel-container:after,.carousel-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:120px;z-index:2}.carousel-container:before{background:linear-gradient(90deg,#0a0a0a,#0000);left:0}.carousel-container:after{background:linear-gradient(-90deg,#0a0a0a,#0000);right:0}.carousel-track-wrapper{animation:infiniteScroll 25s linear infinite;display:flex;gap:32px}.carousel-track-wrapper:hover{animation-play-state:paused}.carousel-track{display:flex;flex-shrink:0;gap:32px;width:1360px}.phone-mockup{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:200px}@keyframes infiniteScroll{0%{transform:translateX(0)}to{transform:translateX(-1392px)}}.phone-frame{background:#1a1a1a;border-radius:32px;box-shadow:0 0 0 1px #ffffff1a,0 20px 50px #00000080,inset 0 1px 0 #ffffff0d;height:355px;padding:8px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px}.phone-frame:hover{box-shadow:0 0 0 1px #ffffff1a,0 30px 60px #000000b3,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.phone-screen{align-items:center;border-radius:24px;display:flex;height:100%;justify-content:center;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);overflow:hidden}.style-punch .phone-notch{border-radius:50%;box-shadow:0 0 0 2px #0000001a;height:16px;top:12px;width:16px}.style-island .phone-notch,.style-punch .phone-notch{background:#000;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.style-island .phone-notch{border-radius:12px;height:18px;top:11px;width:60px}.style-notch .phone-notch{background:#1a1a1a;border-bottom-left-radius:12px;border-bottom-right-radius:12px;height:24px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80px;z-index:10}.style-minimal .phone-notch{display:none}.phone-notch:before{background:#1a1a1a;border-radius:50%;content:"";height:6px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.style-minimal .phone-notch:before,.style-notch .phone-notch:before{display:none}.phone-image,.phone-video{height:100%;object-fit:cover;width:100%}.phone-placeholder{align-items:center;color:#ffffffe6;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px;text-align:center}.placeholder-text{font-size:.85rem;font-weight:500;opacity:.8}.phone-label{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:600;gap:8px}.phone-label svg{color:#eeba2c}.variant-label{background:#ffffff1a;border-radius:12px;color:#aaa;font-size:.8rem;margin-bottom:10px;margin-top:-10px;padding:4px 12px}@media (max-width:768px){.tool-showcase-section{padding:60px 0 40px}.showcase-header-container{max-width:100vw;overflow-wrap:break-word;padding:0 24px!important;width:100%}.showcase-heading{font-size:1.75rem;padding:0 10px}.showcase-subheading{font-size:1rem;margin-bottom:32px;padding:0 10px}.carousel-track-wrapper{gap:24px}.carousel-track{gap:24px;width:960px}.phone-mockup{width:140px}.phone-frame{height:249px;width:140px}@keyframes infiniteScroll{0%{transform:translateX(0)}to{transform:translateX(-984px)}}.style-island .phone-notch{height:16px;width:50px}.style-notch .phone-notch{height:20px;width:60px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e6e8ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--brand-primary:#eeba2c;--brand-secondary:#d4a322;--brand-accent:#eeba2c;--brand-primary-active:#d4a322;--brand-shadow:#eeba2c66;--brand-shadow-hover:#eeba2c8c;--card-surface:#212121}*,:after,:before{box-sizing:border-box}.App{min-height:100vh;text-align:center}.App,main.hero{align-items:center;display:flex;flex-direction:column}main.hero{justify-content:center;max-width:960px;min-height:80vh;padding:32px 20px 48px;position:relative;width:100%}.brand-logo{filter:drop-shadow(0 6px 24px rgba(0,0,0,.45));height:auto;margin-bottom:12px;max-width:60vw;width:200px}.brand-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:.04em;line-height:1.05;margin:0 0 8px}.brand-subtitle{color:#c8cfe0;font-size:clamp(14px,2.6vw,20px);font-weight:600;letter-spacing:.02em;line-height:1.2;margin:0 0 18px;text-shadow:0 6px 28px #00000059}.hero-preheader{color:#eeba2c;color:var(--brand-primary);font-size:.9rem;font-weight:600;letter-spacing:.12em;margin:0 0 12px;text-shadow:0 0 20px #eeba2c66;text-transform:uppercase}.hero-preheader--centered{text-align:center;width:100%}.hero-heading{color:#fff;font-size:clamp(28px,6vw,56px);font-weight:800;letter-spacing:-.01em;line-height:1.15;margin:0 0 16px;max-width:720px;text-shadow:0 8px 32px #0006}.hero-heading--centered{max-width:none;text-align:center;width:100%}.hero-subheader{color:#c3cfe0;font-size:1.1rem;line-height:1.5;margin:0 0 24px;text-align:center;width:100%}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9rem;min-width:600px;width:100%}.data-table th{border-bottom:1px solid #ffffff26;color:#888;font-weight:500;padding:15px;text-align:center}.data-table th:first-child{text-align:left}.data-table th.highlight{color:#aaa;font-weight:600}.data-table td{color:#fff;padding:14px 15px;text-align:center}.data-table td:first-child{text-align:left}.data-table tr{border-bottom:1px solid #ffffff14}.data-table tr:nth-child(2n){background:#ffffff05}.data-table .text-free{color:#10b981}.data-table .text-muted{color:#888}.data-table-note{border-top:1px solid #ffffff14;color:#666;font-size:.8rem;padding:15px}.download-form{display:flex;gap:10px;margin-bottom:20px}.hero-search{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border-radius:14px;box-shadow:0 10px 40px #00000059,inset 0 0 0 1px #ffffff0f;margin-left:auto;margin-right:auto;max-width:800px;padding:10px;width:100%}.hero-input-row{align-items:center;display:flex;gap:16px;margin-bottom:20px;max-width:1000px;width:100%}.hero-input-row .hero-search{flex:1 1;margin-bottom:0}.hero-or-separator{color:#ffffff80;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hero-upload-btn{background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 28px;transition:all .2s ease;white-space:nowrap}.hero-upload-btn:hover{background:#ffffff24;border-color:#ffffff59;transform:translateY(-2px)}.download-form input{background:#00000059;border:1px solid #ffffff24;border-radius:10px;color:#e6e8ee;flex-grow:1;font-size:1rem;outline:none;padding:16px 14px}.download-form input::placeholder{color:#98a0b3}.download-form button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:10px;box-shadow:0 8px 24px #eeba2c66;box-shadow:0 8px 24px var(--brand-shadow);color:#000;cursor:pointer;font-size:1rem;padding:16px 20px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.download-form button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.download-form button:hover:not(:disabled){box-shadow:0 12px 28px #eeba2c8c;box-shadow:0 12px 28px var(--brand-shadow-hover);transform:translateY(-1px)}.download-form button:active:not(:disabled){background:#d4a322;background:var(--brand-primary-active);box-shadow:0 6px 18px #eeba2c66;box-shadow:0 6px 18px var(--brand-shadow);transform:translateY(0)}.error{color:#ff6b6b;font-weight:600;margin:16px auto;max-width:720px;text-align:center}.preview-card{grid-gap:20px;align-items:start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #00000040;display:grid;gap:20px;grid-template-columns:320px 1fr;margin:24px auto 8px;max-width:720px;padding:16px;width:100%}.preview-media{aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden;width:100%}.preview-media img{height:100%;object-fit:cover;width:100%}.preview-meta h2{font-size:1.1rem;margin:0 0 6px}.format-row{display:flex;flex-direction:column;gap:8px;margin-top:12px}.format-row select{background:#00000059;border:1px solid #ffffff24;border-radius:8px;color:#e6e8ee;padding:10px}.video-description{color:#c3c7d5;margin:8px auto 0;max-width:720px}.disclaimer{color:#98a0b3;font-size:.8rem;margin-top:40px}.hero-actions{align-items:center;display:flex;gap:8px;position:absolute;right:18px;top:18px;z-index:2}.hero-actions__login{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#212121a6;border:1px solid #ffffff59;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.02em;padding:8px 16px;transition:background .2s ease,transform .2s ease,border-color .2s ease}.hero-actions__login:hover{background:#212121d9;border-color:#fff9;transform:translateY(-1px)}.hero-actions__profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;display:flex;gap:8px;padding:6px 12px}.hero-actions__email{color:#f9fbff;font-size:.85rem;opacity:.9}.hero-actions__profile button{background:#0000;border:1px solid #fff6;border-radius:999px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s ease,border-color .2s ease}.hero-actions__profile button:hover{background:#ffffff1f;border-color:#ffffffb3}.hero-actions__cta{align-items:center;display:flex;gap:8px}.hero-actions__signup{background:linear-gradient(135deg,#eeba2c,#d4a322);border:1px solid #ffffff73;border-radius:999px;box-shadow:0 10px 25px #eeba2c59;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.02em;padding:8px 18px;transition:transform .2s ease,box-shadow .2s ease}.hero-actions__signup:hover{box-shadow:0 14px 32px #eeba2c73;transform:translateY(-1px)}.hero--auth{justify-content:flex-start;min-height:100vh;padding:18px 20px 40px;width:100%}.hero.hero--auth{max-width:none}.auth-page,.hero.hero--auth{align-items:center;width:100%}.auth-page{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:520px}.auth-page__back{align-self:flex-start;background:#21212199;border:1px solid #ffffff4d;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;letter-spacing:.01em;padding:8px 14px;transition:background .2s ease,border-color .2s ease}.auth-page__back:hover{background:#212121d9;border-color:#fff9}.auth-page__logo{display:block;margin-left:auto;margin-right:auto;margin-top:0;width:160px}.auth-card.auth-card--page{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;max-width:420px;padding:24px;width:100%}.auth-card__subtitle{color:#c3cfe0;font-size:.95rem;margin-bottom:18px;margin-top:4px}.signup-card{margin-top:0;padding-top:0;width:100%}.signup-card:has(.signup-form-card){margin-left:auto;margin-right:auto;max-width:520px}.hero--auth-sign_up .auth-page,.hero--auth-signin .auth-page{align-items:center;max-width:none;width:100%}.hero--auth-signin .auth-card--page{max-width:520px}.signup-card>.auth-card__subtitle,.signup-card>h3{text-align:center}.signup-tier-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:none;width:100%}.signup-tier-card{background:#212121;background:var(--card-surface);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 50px #0000008c;cursor:pointer;display:flex;flex-direction:column;min-height:100%;padding:24px;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.signup-tier-card input{opacity:0;pointer-events:none;position:absolute}.signup-tier-card__content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:100%}.signup-tier-card__badge-row{align-items:center;display:flex;gap:10px}.signup-tier-card__pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#f5f6ff;font-size:.8rem;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.signup-tier-card__pill--muted{background:#ffffff1f;color:#e1e3ff}.signup-tier-card__pill--highlight{background:#eeba2c26;border:2px solid #eeba2c;color:#fff}.signup-tier-card__price-row{align-items:baseline;display:flex;gap:8px}.signup-tier-card__price{color:#fff;font-size:2rem;font-weight:800}.signup-tier-card__frequency{color:#c3cfe0;font-weight:600}.signup-tier-card__limit{color:#e7e9f8;font-size:.95rem}.signup-tier-card__description{color:#a7afc9;font-size:.88rem}.signup-tier-card__feature-list{color:#f6f7ff;display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.signup-tier-card__feature-list li{align-items:center;display:flex;font-size:.92rem;gap:10px}.signup-tier-card__feature-icon{background:#eeba2c26;border:1px solid #eeba2c59;border-radius:8px;color:#eeba2c;font-size:.8rem;height:22px;width:22px}.signup-tier-card__cta,.signup-tier-card__feature-icon{align-items:center;display:inline-flex;justify-content:center}.signup-tier-card__cta{background:#f8f8fb;border-radius:14px;color:#040407;font-size:.95rem;font-weight:600;margin-top:auto;padding:12px 16px;transition:background .2s ease,color .2s ease}.signup-tier-card--featured{background:#212121;background:var(--card-surface);border-color:#ffffff59}.signup-tier-card--active,.signup-tier-card:focus-within,.signup-tier-card:hover{box-shadow:0 30px 70px #0009;transform:translateY(-4px)}.signup-tier-card--active .signup-tier-card__cta{background:#fff}.signup-tier-card--featured .signup-tier-card__pill{background:#ffffff26;border-color:#ffffff59}.signup-tier-summary{align-items:center;background:#212121;background:var(--card-surface);border:1px solid #ffffff14;border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.signup-tier-summary__name{color:#fff;font-size:1.6rem;font-weight:700}.signup-tier-summary__price{text-align:right}.signup-tier-summary__price span{align-items:baseline;display:inline-flex;font-size:1.6rem;font-weight:700;gap:4px}.signup-tier-summary__price small{color:#a8b3d9;font-size:.9rem}.signup-tier-summary__price p{color:#c3cfe0;font-size:.9rem;margin:4px 0 0}.signup-form-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;gap:16px;margin:20px auto 0;max-width:420px;padding:24px;width:100%}.signup-form-card form{display:flex;flex-direction:column;gap:10px}.signup-form-card input{background:#0006;border:1px solid #ffffff24;border-radius:10px;color:#e6e8ee;padding:12px}.signup-form-card button{background:#f8f8fb;border:none;border-radius:14px;color:#040407;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:8px;padding:12px 16px;transition:all .2s ease}.signup-form-card button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.status-banner{background:#d4a3221f;border:1px solid #d4a32259;border-radius:10px;color:#dce8ff;font-weight:600;margin-bottom:16px;padding:10px 16px}.quota-indicator{color:#c3cfe0;display:flex;flex-direction:column;gap:4px;margin-top:12px}.auth-card{background:#00000073;border:1px solid #ffffff14;border-radius:16px;margin-top:24px;max-width:420px;padding:18px;width:100%}.auth-card form{display:flex;flex-direction:column;gap:8px}.auth-card input{background:#0006;border:1px solid #ffffff24;border-radius:10px;color:#e6e8ee;padding:12px}.auth-card button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:10px;color:#000;cursor:pointer;margin-top:8px;padding:12px}.auth-card .oauth-btn,.oauth-btn,.signup-form-card .oauth-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:12px;justify-content:center;margin-top:0;padding:12px;transition:all .2s ease;width:100%}.auth-card .oauth-btn:hover,.oauth-btn:hover,.signup-form-card .oauth-btn:hover{background:#ffffff26;border-color:#ffffff4d}.oauth-icon{height:20px;width:20px}.oauth-btn:disabled{cursor:not-allowed;opacity:.7}.oauth-spinner{animation:oauth-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes oauth-spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;color:#666;display:flex;font-size:.85rem;margin:8px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.auth-divider:before{margin-right:12px}.auth-divider:after{margin-left:12px}.auth-toggle{color:#c3cfe0;font-size:.85rem}.auth-toggle a,.auth-toggle button{background:none;border:none;color:#eeba2c;color:var(--brand-primary);cursor:pointer;padding:0;text-decoration:underline}.auth-toggle a:hover,.auth-toggle button:hover{color:#d4a322;color:var(--brand-secondary)}.billing-panel{background:#00000073;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 50px #00000059;margin-top:48px;padding:24px;width:100%}.billing-panel__header{align-items:center;display:flex;justify-content:space-between}.billing-panel__usage{color:#c3cfe0;text-align:right}.billing-panel__usage strong{color:#fff;display:block;font-size:1.5rem}.billing-panel__progress{background:#ffffff1f;border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.billing-panel__progress-bar{background:linear-gradient(90deg,#eeba2c,#d4a322);height:100%}.billing-panel__reset{color:#9da7c1;font-size:.85rem}.tier-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:18px}.tier-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:16px}.tier-card--active{border-color:#eeba2ccc;box-shadow:0 10px 30px #0000004d}.tier-card button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:10px;color:#000;cursor:pointer;margin-top:12px;padding:10px;width:100%}.billing-panel__manage{background:#0000;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;margin-top:16px;padding:12px;width:100%}.billing-toggle-container{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.toggle-label{color:#98a0b3;font-weight:600;transition:color .2s}.toggle-label.active{color:#fff}.toggle-switch{background:#ffffff1f;border:none;border-radius:999px;cursor:pointer;height:28px;padding:2px;position:relative;transition:background .2s;width:52px}.toggle-switch.checked{background:#eeba2c;background:var(--brand-primary)}.toggle-thumb{background:#fff;border-radius:50%;display:block;height:24px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:24px}.toggle-switch.checked .toggle-thumb{transform:translateX(24px)}.discount-badge{background:#d4a322;border-radius:999px;color:#000;font-size:.7rem;font-weight:700;margin-left:6px;padding:2px 6px;vertical-align:middle}@media (max-width:640px){main.hero{min-height:0;min-height:auto;padding:24px 12px 32px}.hero-actions{right:12px;top:12px}.hero-actions__email{display:none}.hero--auth{padding:12px 16px 32px}.auth-page{margin-top:0}.auth-page__back{align-self:stretch;text-align:center}.signup-tier-grid{grid-template-columns:1fr}.hero-input-row{flex-direction:column;gap:12px}.hero-or-separator{display:none}.hero-upload-btn{text-align:center;width:100%}.download-form{flex-direction:column;gap:8px}.download-form input{font-size:16px}.download-form button{width:100%}.preview-card{grid-template-columns:1fr;padding:12px}.preview-media{aspect-ratio:9/16}.video-description{padding:0 8px}}@media (min-width:992px){.signup-tier-grid{gap:24px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px}.signup-tier-card--featured{transform:translateY(-6px)}}.dashboard-layout{display:flex;min-height:100vh;position:relative}.background-layer{inset:0;pointer-events:none;position:absolute;z-index:0}.sidebar{background:#0d0d0d;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;height:100vh;padding:20px 12px;position:-webkit-sticky;position:sticky;top:0;transition:width .25s ease;width:240px;z-index:10}.sidebar.collapsed{width:72px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 8px}.sidebar-brand{overflow:hidden}.sidebar-logo{display:block;height:auto;transition:width .25s ease;width:100px}.sidebar.collapsed .sidebar-logo{width:40px}.sidebar-collapse-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-collapse-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar-title{background:linear-gradient(135deg,#fff 20%,#d4a322 60%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.1rem;font-weight:800;letter-spacing:.05em}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.nav-group{margin-bottom:20px}.group-label{color:#ffffff59;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.sidebar.collapsed .group-label{display:none}.sidebar-link{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 12px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-link span{display:none}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:#ffffff14;color:#fff}.sidebar-link.active:before{display:none}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:12px}.logout-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;justify-content:flex-start;width:100%}.logout-btn:hover{background:#ff646414;color:#ff6b6b}.sidebar.collapsed .logout-btn{justify-content:center}.dashboard-main-container{display:flex;flex:1 1;flex-direction:column;min-height:100vh;position:relative;transition:width .25s ease;width:calc(100% - 240px);z-index:1}.dashboard-layout.sidebar-collapsed .dashboard-main-container{width:calc(100% - 72px)}.dashboard-content{flex:1 1;padding:32px 40px;width:100%}@media (max-width:768px){.sidebar{left:-280px;position:fixed;transition:left .3s ease}.sidebar.open{left:0}.sidebar-collapse-btn{display:none}.dashboard-layout.sidebar-collapsed .dashboard-main-container,.dashboard-main-container{width:100%}.dashboard-content{padding:20px}}.usage-summary-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:800px;padding:20px 24px;width:100%}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.usage-tier-badge{color:#fff;font-size:1.1rem;font-weight:700}.usage-remaining{align-items:baseline;color:#c3cfe0;display:flex;font-size:.9rem;gap:6px}.usage-big-num{color:#fff;font-size:1.4rem;font-weight:700}.progress-track{background:#ffffff1a;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#eeba2c,#d4a322);border-radius:999px;transition:width .5s ease}.usage-footer{color:#8a94a8;display:flex;font-size:.85rem;gap:8px;justify-content:center}.page-container{margin:0 auto;max-width:900px;text-align:center}.page-title{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.download-section{align-items:center;margin-top:20px}.download-section,.history-list{display:flex;flex-direction:column}.history-list{gap:16px}.history-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:16px;transition:background .2s}.history-item:hover{background:#ffffff0d}.history-thumb{align-items:center;background:#000;border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.history-thumb img{height:100%;object-fit:cover;width:100%}.history-details{flex:1 1;min-width:0}.history-title{font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta-row{align-items:center;color:#98a0b3;display:flex;font-size:.85rem;gap:12px}.history-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:2px 8px}.history-badge.warn{background:#ffc10726;color:#ffc107}.history-badge.success{background:#eeba2c26;color:#eeba2c}.history-action-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.history-action-btn:hover{background:#fff;color:#000}.empty-state{color:#98a0b3;padding:40px 20px;text-align:center}.settings-section{margin-bottom:40px}.settings-section h2{border-bottom:1px solid #ffffff1a;color:#c3cfe0;font-size:1.2rem;margin-bottom:16px;padding-bottom:8px}.settings-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff05 50%,#ffffff0d);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #ffffff0d;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.settings-card:hover{border-color:#ffffff40;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff14;transform:translateY(-2px)}.form-group{margin-bottom:16px}.form-group label{color:#98a0b3;margin-bottom:8px}.form-group input{background:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:12px;width:100%}.billing-header-card{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;text-align:center}.sm-text{color:#98a0b3;font-size:.85rem}.btn-secondary{background:#ffffff1a}.btn-secondary:hover{background:#fff3}.plan-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0f,#ffffff03 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #00000040,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;padding:24px;position:relative;text-align:left;transition:all .3s ease}.plan-card:hover{border-color:#fff3;box-shadow:0 12px 40px #00000059,inset 0 1px 0 #ffffff1f;transform:translateY(-3px);z-index:10}.plan-card--current{background:#eeba2c0d;border-color:#eeba2c}.plan-card-header{margin-bottom:20px}.plan-card-header h3{font-size:1.1rem;margin:0 0 8px}.plan-price{font-size:1.8rem;font-weight:700;margin-bottom:8px}.plan-interval{color:#98a0b3;font-size:.9rem;font-weight:400}.plan-desc{color:#c3cfe0;font-size:.9rem;line-height:1.4}.plan-features{color:#e1e3ff;flex:1 1;flex-direction:column;list-style:none;margin:0 0 24px;padding:0}.plan-features,.plan-features li{display:flex;font-size:.9rem;gap:12px}.plan-features li{align-items:flex-start;color:#fffc;padding-left:0;position:relative}.plan-features li:before{color:#fff;content:"✓";font-weight:700;margin-right:0;opacity:.6}.plan-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px;width:100%}.btn-primary{background:#fff;border:1px solid #fff}.btn-primary:hover{background:#e5e5e5;border-color:#e5e5e5;color:#000}.btn-secondary{color:#fff}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6}.mobile-menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#21212199;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:none;left:16px;padding:8px;position:fixed;top:16px;z-index:100}.mobile-close-btn{background:#0000;border:none;color:#98a0b3;cursor:pointer;display:none;padding:4px}.mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:9}.sidebar-brand{align-items:center;display:flex;flex:1 1;gap:12px}@media (max-width:768px){.dashboard-layout{flex-direction:column}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.mobile-close-btn,.mobile-overlay{display:block}.sidebar{border-right:1px solid #ffffff14;box-shadow:10px 0 30px #00000080;height:100vh;left:0;padding-top:24px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-header{justify-content:space-between;margin-bottom:32px;padding-right:8px}.sidebar-nav{flex-direction:column;overflow-x:hidden;padding-bottom:20px}.sidebar-footer{display:block;margin-top:auto}.dashboard-content{padding:72px 16px 32px;width:100%}.plan-cards-grid{grid-template-columns:1fr}}.modal-overlay{background:#000000bf}.modal-content{background:#212121;border:1px solid #d4a3224d;border-radius:12px;box-shadow:0 20px 60px #d4a3224d;max-width:500px;padding:30px}.modal-content h2{color:#fff;font-size:24px;margin-bottom:10px;margin-top:0}.audio-download-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2899;border:1px solid #eeba2c33;border-radius:12px;margin-top:2rem;padding:1.5rem;position:relative}.section-title{color:#e6e8ee;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.audio-disabled-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#212121d9;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;z-index:10}.download-form.disabled,.preview-card.disabled{opacity:.4;pointer-events:none}.limit-message,.upgrade-message{color:#a8aab8;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.upgrade-btn{background:linear-gradient(135deg,#eeba2c,#d4a322);background:linear-gradient(135deg,var(--brand-primary) 0,#d4a322 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #eeba2c66;box-shadow:0 4px 15px var(--brand-shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 6px 20px #eeba2c8c;box-shadow:0 6px 20px var(--brand-shadow-hover);transform:translateY(-2px)}.usage-section{margin-bottom:1.2rem}.usage-section:last-of-type{margin-bottom:.8rem}.usage-label{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem}.usage-label>span:first-child{color:#e6e8ee;font-weight:600}.progress-fill.audio{background:linear-gradient(90deg,#28a745,#20c997)}@media (max-width:768px){.audio-download-section{padding:1.25rem}.quality-buttons{flex-direction:column}.download-audio-btn,.quality-buttons button{width:100%}}.page-header-center{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:32px;position:relative}.brand-logo-center{filter:drop-shadow(0 4px 16px rgba(0,0,0,.3));height:auto;width:120px}.usage-summary-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#c3cfe0;display:flex;font-size:.85rem;gap:12px;padding:8px 16px}.usage-tier-badge-compact{color:#fff;font-weight:700;letter-spacing:.02em}.usage-divider{background:#fff3;height:14px;width:1px}.usage-stat-compact{align-items:center;display:flex;gap:6px}.usage-stat-compact .icon{font-size:1rem}.usage-stat-compact .text{color:#e6e8ee;font-weight:500}.download-type-toggle-container{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;display:flex;margin:0 auto 24px;padding:4px;width:-webkit-fit-content;width:fit-content}.type-toggle-btn{background:#0000;border:none;border-radius:8px;color:#98a0b3;cursor:pointer;font-weight:600;padding:8px 24px;transition:all .2s ease}.type-toggle-btn:hover{color:#e6e8ee}.type-toggle-btn.active{background:#eeba2c;background:var(--brand-primary);box-shadow:0 4px 12px #eeba2c4d;color:#333}.audio-disabled-banner{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;color:#ffc107;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:720px;padding:16px;text-align:center}.fade-in{animation:fadeIn .3s ease-in-out}.playlist-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin:24px auto;max-width:800px;padding:24px;width:100%}.playlist-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;text-align:left}.playlist-header-info{flex:1 1;min-width:220px}.playlist-header h2{color:#fff;font-size:1.4rem;margin:0 0 4px}.playlist-header p{color:#98a0b3;font-size:.9rem;margin:0}.playlist-quality-control{margin-top:0;min-width:200px}.playlist-quality-control label{color:#c3c7d5;font-size:.85rem}.playlist-quality-control select{width:100%}.playlist-grid{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:4px}.playlist-grid::-webkit-scrollbar{width:6px}.playlist-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.playlist-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.playlist-item{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:16px;padding:12px;transition:background .2s}.playlist-item:hover{background:#ffffff0d}.playlist-item img{aspect-ratio:16/9;background:#000;border-radius:6px;object-fit:cover;width:120px}.playlist-item-info{flex:1 1;min-width:0;text-align:left}.playlist-item-info h3{color:#e6e8ee;font-size:1rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-info p{color:#98a0b3;font-size:.85rem;margin:0}.playlist-item button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;white-space:nowrap}.playlist-item button:hover{background:#d4a322;background:var(--brand-primary-active)}.downloader-info{margin:32px auto 0;max-width:800px;width:100%}.downloader-info__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 20px 40px #00000059;color:#e6e8ee;padding:28px;text-align:left}.downloader-info__header{margin-bottom:24px;text-align:center}.downloader-info__card h2{color:#fff;font-size:1.8rem;margin-bottom:12px;margin-top:0}.downloader-info__card h3{border-bottom:1px solid #ffffff1a;color:#aab2c8;font-size:1.1rem;letter-spacing:.08em;margin-bottom:16px;margin-top:32px;padding-bottom:12px;text-align:center;text-transform:uppercase}.downloader-info__card p{color:#cfd5e6;line-height:1.6;margin-bottom:16px}.downloader-info__features{grid-gap:12px 20px;color:#f4f6ff;display:grid;font-weight:500;gap:12px 20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0 0 24px;padding:0}.downloader-info__features li{align-items:flex-start;display:flex;gap:8px}.downloader-info__features li:before{color:#eeba2c;color:var(--brand-primary);content:"✓";font-weight:800;margin-top:1px}.downloader-info__how-to{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.downloader-info__card ol{color:#d7dbee;line-height:1.6;margin:0;padding-left:20px}.downloader-info__card ol li{margin-bottom:12px;padding-left:8px}.downloader-info__card ol li::marker{color:#eeba2c;color:var(--brand-primary);font-size:1.1rem;font-weight:700}.downloader-info__footer{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:20px;text-align:center}.downloader-info__note,.downloader-info__terms{color:#9ea6be;font-size:.9rem;margin-bottom:8px}.downloader-info__terms a{color:#eeba2c;color:var(--brand-primary);text-decoration:underline}.downloader-info__terms a:hover{color:#d4a322;color:var(--brand-primary-active)}.inline-link{background:none;border:none;color:#eeba2c;color:var(--brand-primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.inline-link:hover{color:#d4a322;color:var(--brand-primary-active)}.video-editor-page{padding:20px}.upgrade-banner{background:linear-gradient(135deg,#eeba2c26,#d4a3221a);border:2px solid #eeba2c4d;border-radius:16px;margin:24px auto;max-width:800px;padding:32px;text-align:center}.upgrade-banner h3{color:#fff;font-size:1.8rem;margin:0 0 12px}.upgrade-banner p{color:#d7dbee;font-size:1.1rem;line-height:1.5;margin:0 0 20px}.editor-url-section{margin:0 auto 32px;max-width:800px}.editor-url-section.disabled{opacity:.5;pointer-events:none}.url-input-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.url-input-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;min-width:300px;padding:16px}.url-input-group input:focus{border-color:#eeba2c;border-color:var(--brand-primary);box-shadow:0 0 0 3px #eeba2c33;outline:none}.url-input-group button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:16px 32px;transition:all .2s}.url-input-group button:hover:not(:disabled){background:#d4a322;background:var(--brand-primary-active);box-shadow:0 4px 16px #eeba2c66;box-shadow:0 4px 16px var(--brand-shadow);transform:translateY(-1px)}.url-input-group button:disabled{cursor:not-allowed;opacity:.5}.video-info-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:20px}.video-info-card h3{color:#fff;font-size:1.3rem;margin:0 0 8px}.video-info-card .uploader{color:#aab2c8;margin:0 0 8px}.video-info-card .duration{color:#d7dbee;font-weight:500;margin:0}.editor-workspace{margin:0 auto;max-width:1200px}.editor-tabs{background:#ffffff08;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:4px}.editor-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#aab2c8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:600;gap:8px;min-width:120px;padding:16px 20px;transition:all .2s}.editor-tab .tab-icon{font-size:1.5rem}.editor-tab .tab-label{font-size:.9rem}.editor-tab:hover{background:#ffffff0d;color:#fff}.editor-tab.active{background:#eeba2c;background:var(--brand-primary);box-shadow:0 4px 16px #eeba2c66;box-shadow:0 4px 16px var(--brand-shadow);color:#fff}.editor-content{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:32px}.video-preview{margin-bottom:24px}.video-container{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 8px 32px #0006;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.video-container iframe{border:none;height:100%;width:100%}.video-container img,.video-container video{height:100%;object-fit:contain;width:100%}.video-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px;text-align:center}.video-placeholder-icon{font-size:4rem;opacity:.3}.video-placeholder-text{color:#888;font-size:1.2rem;font-weight:600}.video-placeholder-hint{color:#666;font-size:.9rem;max-width:300px}.video-scrubber{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:16px}.video-scrubber .time-display{font-feature-settings:"tnum";color:#aab2c8;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:45px}.video-scrubber .timeline{background:#ffffff1a;border-radius:4px;cursor:pointer;flex:1 1;height:8px;position:relative;transition:all .2s}.video-scrubber .timeline:hover{background:#ffffff26;height:10px}.video-scrubber .timeline-progress{background:linear-gradient(90deg,#eeba2c,#d4a322);background:linear-gradient(90deg,var(--brand-primary),#d4a322);border-radius:4px;height:100%;position:relative}.video-scrubber .timeline-progress:after{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;content:"";height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:12px}.video-scrubber .timeline:hover .timeline-progress:after{opacity:1}.video-preview-note{background:#eeba2c1a;border-left:3px solid #eeba2c;border-left:3px solid var(--brand-primary);border-radius:8px;margin-top:16px;padding:12px 16px}.video-preview-note p{color:#c3cfe0;font-size:.9rem;line-height:1.5;margin:0}.video-preview-note strong{color:#fff}.video-controls{align-items:center;background:#000000b3;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:12px}.play-btn,.volume-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s}.play-btn:hover,.volume-btn:hover{background:#ffffff1a;border-radius:6px}.time-display{color:#fff;font-size:.9rem;font-weight:500}.timeline{background:#fff3;border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.timeline-progress{background:#eeba2c;background:var(--brand-primary);border-radius:3px;height:100%;transition:width .1s}.volume-slider{width:80px}.video-trimmer{margin:0 auto;max-width:900px}.trimmer-controls h3{color:#fff;font-size:1.5rem;margin:24px 0 8px}.helper-text{color:#aab2c8;margin-bottom:24px}.time-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{color:#d7dbee;font-size:.95rem;font-weight:600}.input-with-actions{align-items:center;display:flex;gap:12px}.time-input-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:12px;transition:all .2s}.time-input-group input:focus{background:#ffffff14;border-color:#eeba2c;border-color:var(--brand-primary);outline:none}.time-input-group .time-display{font-feature-settings:"tnum";color:#eeba2c;color:var(--brand-primary);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:60px}.timeline-markers{margin:24px 0}.timeline-bar{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;height:60px;position:relative}.timeline-track{height:100%;width:100%}.trim-range{background:linear-gradient(180deg,#eeba2c4d,#eeba2c66);border-left:3px solid #eeba2c;border-left:3px solid var(--brand-primary);border-right:3px solid #eeba2c;border-right:3px solid var(--brand-primary);height:100%;position:absolute;transition:all .2s}.end-marker,.start-marker{background:#eeba2c;background:var(--brand-primary);height:100%;position:absolute;top:0;width:3px;z-index:2}.start-marker{box-shadow:2px 0 8px #eeba2c80}.end-marker{box-shadow:-2px 0 8px #eeba2c80}.marker-label{background:#eeba2c;background:var(--brand-primary);border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.7rem;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-24px;transform:translateX(-50%)}.trim-info{background:#ffffff0d;border-radius:8px;margin:16px 0;padding:16px}.trim-info p{color:#d7dbee;margin:8px 0}.format-converter{margin:0 auto;max-width:700px}.format-options{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{color:#d7dbee;font-weight:600}.option-group input,.option-group select{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:12px}.option-group input:focus,.option-group select:focus{border-color:#eeba2c;border-color:var(--brand-primary);outline:none}.format-info{background:#ffffff0d;border-radius:12px;margin:20px 0;padding:20px}.format-info h4{color:#fff;margin:0 0 12px}.format-info ul{list-style:none;margin:0;padding:0}.format-info li{color:#d7dbee;padding:8px 0}.aspect-ratio-changer{margin:0 auto;max-width:800px}.method-preview{margin:24px 0}.method-preview h4{color:#fff;margin:0 0 16px}.method-examples{display:flex;justify-content:center}.method-example{align-items:center;display:flex;flex-direction:column;gap:12px}.example-box{border:2px solid #fff3;border-radius:8px;height:120px;overflow:hidden;position:relative;width:200px}.crop-example{background:linear-gradient(135deg,#eeba2c4d,#d4a32233)}.letterbox-example{background:linear-gradient(180deg,#000 20%,#eeba2c4d 0,#eeba2c4d 80%,#000 0)}.blur-example{background:radial-gradient(ellipse at center,#eeba2c66,#d4a32233);filter:blur(4px)}.method-example p{color:#aab2c8;font-size:.9rem;max-width:200px;text-align:center}.thumbnail-generator{margin:0 auto;max-width:700px}.mode-selector{margin:24px 0}.mode-selector label{color:#d7dbee;display:block;font-weight:600;margin-bottom:12px}.mode-buttons{display:flex;flex-wrap:wrap;gap:12px}.mode-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:8px;color:#aab2c8;cursor:pointer;flex:1 1;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s}.mode-btn.active,.mode-btn:hover:not(:disabled){border-color:#eeba2c;border-color:var(--brand-primary);color:#fff}.mode-btn.active{background:#eeba2c;background:var(--brand-primary)}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.thumbnail-options{background:#ffffff0d;border-radius:12px;margin:16px 0;padding:20px}.grid-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mode-description{background:#eeba2c1a;border-left:3px solid #eeba2c;border-left:3px solid var(--brand-primary);border-radius:4px;color:#d7dbee;margin:16px 0 0;padding:12px}.warning-note{background:#ffa5001a;border-left:3px solid orange;border-radius:4px;color:#fb6;margin:12px 0 0;padding:12px}.caption-extractor{margin:0 auto;max-width:700px}.language-selector{margin:24px 0}.language-selector label{color:#d7dbee;display:block;font-weight:600;margin-bottom:12px}.language-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:12px}.language-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:8px;color:#aab2c8;cursor:pointer;font-weight:500;padding:12px;transition:all .2s}.language-btn.selected,.language-btn:hover:not(:disabled){border-color:#eeba2c;border-color:var(--brand-primary);color:#fff}.language-btn.selected{background:#eeba2c;background:var(--brand-primary)}.language-btn:disabled{cursor:not-allowed;opacity:.5}.format-selector{margin:24px 0}.format-selector label{color:#d7dbee;display:block;font-weight:600;margin-bottom:8px}.caption-info{background:#ffffff0d;border-radius:12px;margin:20px 0;padding:20px}.caption-info h4{color:#fff;margin:0 0 12px}.caption-info ul{list-style:none;margin:0;padding:0}.caption-info li{color:#d7dbee;padding:6px 0}.btn-primary{background:var(--brand-primary);border-radius:12px;color:#333;font-size:1.1rem;font-weight:700;margin-top:24px;padding:16px 32px;width:100%}.btn-primary:hover:not(:disabled){background:#d4a322;background:var(--brand-primary-active);box-shadow:0 6px 20px #eeba2c8c;box-shadow:0 6px 20px var(--brand-shadow-hover);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.processing-note{color:#aab2c8;font-style:italic;margin-top:12px;text-align:center}.editor-info{margin-left:auto;margin-right:auto;margin-top:48px;max-width:1200px}.editor-info__card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:40px}.editor-info__header{margin-bottom:40px;text-align:center}.editor-info__header h2{color:#fff;font-size:2rem;margin:0 0 12px}.editor-info__header p{color:#aab2c8;font-size:1.1rem;line-height:1.6;margin:0}.editor-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:24px;transition:all .3s}.feature-item:hover{background:#ffffff0f;border-color:#eeba2c4d;transform:translateY(-4px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:12px}.feature-item h3{color:#fff;font-size:1.2rem;margin:0 0 8px}.feature-item p{color:#aab2c8;line-height:1.5;margin:0}@media (max-width:768px){.editor-content{padding:20px}.editor-tabs{gap:6px}.editor-tab{min-width:90px;padding:12px 8px}.editor-tab .tab-icon{font-size:1.2rem}.editor-tab .tab-label{font-size:.8rem}.grid-inputs,.time-inputs{grid-template-columns:1fr}.url-input-group{flex-direction:column}.url-input-group input{min-width:100%}.mode-buttons{flex-direction:column}.mode-btn{min-width:100%}.language-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.editor-features-grid{grid-template-columns:1fr}.video-controls{flex-wrap:wrap;gap:8px}.volume-slider{width:100%}}.legal-page-container{background:#000;color:#e6e8ee;min-height:100vh;padding:40px 20px}.legal-page-content{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 60px #0006;margin:0 auto;max-width:900px;padding:40px}.back-link{align-items:center;border-radius:8px;color:#eeba2c;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:32px;padding:8px 16px;text-decoration:none;transition:background .2s ease}.back-link:hover{background:#eeba2c1a}.legal-page-content h1{background:linear-gradient(135deg,#fff 20%,#d4a322 80%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;margin:0 0 8px}.last-updated{color:#98a0b3;font-size:.9rem;font-style:italic;margin-bottom:40px}.legal-page-content section{margin-bottom:32px}.legal-page-content h2{border-top:1px solid #ffffff14;color:#fff;font-size:1.6rem;font-weight:700;margin:32px 0 16px;padding-top:16px}.legal-page-content h3{color:#e6e8ee;font-size:1.2rem;font-weight:600;margin:24px 0 12px}.legal-page-content p{color:#c8cfe0;line-height:1.7;margin-bottom:16px}.legal-page-content ol,.legal-page-content ul{color:#c8cfe0;line-height:1.8;margin:16px 0;padding-left:24px}.legal-page-content li{margin-bottom:8px}.legal-page-content strong{color:#fff;font-weight:600}.legal-page-content a{color:#eeba2c;font-weight:600;text-decoration:none;transition:color .2s ease}.legal-page-content a:hover{color:#d4a322;text-decoration:underline}.legal-footer{border-top:1px solid #ffffff14;color:#98a0b3;font-size:.95rem;font-style:italic;margin-top:48px;padding-top:24px}.data-summary-table{margin:24px 0;overflow-x:auto}.data-summary-table table{background:#0000004d;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.data-summary-table td,.data-summary-table th{border-bottom:1px solid #ffffff0f;padding:12px 16px;text-align:left}.data-summary-table th{background:#eeba2c26;color:#fff;font-size:.9rem;font-weight:600}.data-summary-table td{color:#c8cfe0;font-size:.9rem}.data-summary-table tr:last-child td{border-bottom:none}.app-footer{background:#0000004d;border-top:1px solid #ffffff0f;margin-top:auto;padding:32px 20px;width:100%}.footer-content{flex-direction:column;gap:16px;margin:0 auto;max-width:1200px}.footer-content,.footer-links{align-items:center;display:flex}.footer-links{flex-wrap:wrap;gap:12px;justify-content:center}.footer-link{color:#98a0b3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#eeba2c}.footer-separator{color:#fff3;-webkit-user-select:none;user-select:none}.footer-copyright{color:#6b7280;font-size:.85rem;text-align:center}.footer-copyright p{margin:0}.cookie-consent-banner{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#212121f2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;padding:20px;position:fixed;right:0;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1200px}.cookie-icon{align-items:center;color:#d4a322;display:flex;flex-shrink:0}.cookie-text{color:#c8cfe0;flex:1 1;font-size:.95rem;line-height:1.5}.cookie-text p{margin:0}.cookie-link{color:#eeba2c;font-weight:600;text-decoration:none;transition:color .2s ease}.cookie-link:hover{color:#d4a322;text-decoration:underline}.cookie-accept-btn{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:8px;box-shadow:0 4px 12px #eeba2c4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;padding:10px 24px;transition:transform .2s ease,box-shadow .2s ease}.cookie-accept-btn:hover{box-shadow:0 6px 16px #eeba2c66;transform:translateY(-1px)}.cookie-close-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#98a0b3;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background .2s ease,border-color .2s ease}.cookie-close-btn:hover{background:#ffffff0d;border-color:#fff6}@media (max-width:768px){.legal-page-content{padding:24px 20px}.legal-page-content h1{font-size:2rem}.legal-page-content h2{font-size:1.4rem}.legal-page-content h3{font-size:1.1rem}.data-summary-table{font-size:.85rem}.data-summary-table td,.data-summary-table th{padding:10px 12px}.cookie-consent-content{align-items:stretch;flex-direction:column;gap:16px}.cookie-icon{align-self:flex-start}.cookie-accept-btn,.cookie-close-btn{width:100%}.footer-content{gap:12px}.footer-links{font-size:.85rem;gap:8px}}.trending-page{max-width:1400px;text-align:left}.trending-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.trending-title-section{display:flex;flex-direction:column;gap:4px}.trending-page .page-title{align-items:center;display:flex;gap:12px;margin-bottom:0}.trending-icon{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.trending-subtitle{color:#98a0b3;font-size:1rem;margin:0}.trending-controls{align-items:center;display:flex;gap:16px}.cache-timing{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.cache-info{align-items:center;color:#98a0b3;display:flex;font-size:.85rem;gap:6px}.cache-next{color:#6b7280;font-size:.8rem}.trending-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-spinner{border-top:3px solid var(--brand-primary);height:48px;width:48px}.trending-loading p{color:#98a0b3;font-size:1rem}.trending-error{align-items:center;color:#ff6b6b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.trending-error button{background:#eeba2c;background:var(--brand-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background .2s}.trending-error button:hover{background:#d4a322;background:var(--brand-primary-active)}.trending-empty{align-items:center;color:#98a0b3;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.trending-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.trending-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.trending-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.trending-grid{gap:16px;grid-template-columns:1fr}.trending-header{flex-direction:column}.trending-controls{justify-content:space-between;width:100%}}.trending-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .25s ease}.trending-card:hover{border-color:#eeba2c80;box-shadow:0 20px 40px #0006;transform:translateY(-4px)}.trending-card-rank{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;left:12px;padding:6px 12px;position:absolute;top:12px;z-index:2}.trending-card-thumbnail{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.trending-card-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trending-card:hover .trending-card-thumbnail img{transform:scale(1.05)}.trending-card-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.trending-card:hover .trending-card-overlay{opacity:1}.trending-card-overlay svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.trending-card-duration{font-feature-settings:"tnum";background:#000000d9;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;padding:4px 8px;right:8px}.trending-card-duration,.trending-card-short-badge{border-radius:4px;bottom:8px;color:#fff;position:absolute}.trending-card-short-badge{background:linear-gradient(135deg,#ff0050,#ff4d4d);font-size:.7rem;font-weight:700;left:8px;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.trending-card-info{padding:16px}.trending-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.trending-card-channel{color:#98a0b3;font-size:.85rem;margin:0 0 12px}.trending-card-stats{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:12px;justify-content:space-between}.trending-card-views{align-items:center;display:flex;gap:4px}.trending-card-date{text-align:right}.platform-tabs{background:#ffffff08;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.platform-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#98a0b3;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.platform-tab:hover{background:#ffffff0d;color:#fff}.platform-tab.active{background:#eeba2c;background:var(--brand-primary);box-shadow:0 4px 12px #eeba2c4d;color:#333}.platform-tab svg{flex-shrink:0}.trending-card.tiktok-card .trending-card-thumbnail{aspect-ratio:9/16}.trending-card-platform-badge{align-items:center;background:#000000d9;border-radius:6px;bottom:8px;display:flex;height:28px;justify-content:center;left:8px;position:absolute;width:28px}.trending-card-platform-badge.tiktok{background:linear-gradient(135deg,#00f2ea,#ff0050)}.trending-card-platform-badge.shorts{background:linear-gradient(135deg,red,#f44)}.trending-card-platform-badge svg{color:#fff}.trending-warning{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.trending-empty-hint{color:#6b7280;font-size:.9rem;margin-top:8px}@media (max-width:768px){.platform-tabs{width:100%}.platform-tab{flex:1 1;justify-content:center;padding:10px 16px}}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.badge-monthly{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.badge-annual{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.link-button:hover{color:#333!important}.platform-grid{flex-wrap:wrap;gap:16px;margin:32px auto 0;max-width:800px;width:100%}.platform-card,.platform-grid{display:flex;justify-content:center}.platform-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;color:#fff;flex-direction:column;height:110px;padding:16px 24px;text-decoration:none;transition:all .3s ease;width:120px}.platform-card:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.platform-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.1));font-size:24px;margin-bottom:8px}.platform-name{color:#ffffffb3;font-size:13px;font-weight:500;letter-spacing:.5px}.platform-card:hover .platform-name{color:#fff}.shorts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto;max-width:1400px;padding:0 16px 24px}@media (min-width:1280px){.shorts-grid{grid-template-columns:repeat(5,1fr)}}.short-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.short-card:hover{background:#ffffff14;box-shadow:0 10px 20px #0000004d;transform:translateY(-4px)}.thumb-wrap{aspect-ratio:9/16;background:#000;position:relative;width:100%}.thumb-wrap img{height:100%;object-fit:cover;width:100%}.views-badge{background:#000000bf;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;position:absolute;right:8px}.card-body{padding:12px}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e6e8ee;display:-webkit-box;font-size:.95rem;line-height:1.4;margin:0;overflow:hidden}.landing-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000a6;border-bottom:1px solid #ffffff14;left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand{flex-shrink:0}.navbar-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:40px;transition:transform .2s ease;width:auto}.navbar-logo:hover{transform:scale(1.02)}.navbar-links{gap:8px}.navbar-link,.navbar-links{align-items:center;display:flex}.navbar-link{background:#0000;border:none;border-radius:999px;color:#ffffffd9;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;gap:6px;letter-spacing:.01em;padding:10px 18px;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:#ffffff14;color:#fff}.navbar-link--discord{color:#ffffffd9}.navbar-link--discord:hover{background:#5865f21f;color:#5865f2}.navbar-discord-icon{font-size:1.15rem}.navbar-cta{align-items:center;display:flex;flex-shrink:0;gap:12px}.navbar-signin{background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:10px 20px;transition:all .2s ease}.navbar-signin:hover{background:#ffffff14;border-color:#fff6;color:#fff}.navbar-getstarted{background:linear-gradient(135deg,#eeba2c,#f5d060 50%,#eeba2c);background-size:200% 200%;border:none;border-radius:999px;box-shadow:0 4px 20px #eeba2c59;color:#000;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:10px 22px;transition:all .3s ease}.navbar-getstarted:hover{background-position:100% 50%;box-shadow:0 8px 30px #eeba2c80;transform:translateY(-2px)}.navbar-getstarted:active{box-shadow:0 4px 16px #eeba2c66;transform:translateY(0)}.navbar-hamburger{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:8px;transition:background .2s ease}.navbar-hamburger:hover{background:#ffffff1a}.navbar-mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-mobile-menu{animation:slideIn .25s ease;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0ad9;border-left:1px solid #ffffff26;display:flex;flex-direction:column;gap:20px;height:100vh;max-height:100dvh;max-width:85vw;overflow-y:auto;padding:70px 24px 24px;position:fixed;right:0;top:0;width:280px;z-index:1000}.navbar-mobile-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.navbar-mobile-close:hover{background:#ffffff1a;color:#fff}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.navbar-mobile-links{display:flex;flex-direction:column;gap:8px}.navbar-mobile-link{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.05rem;font-weight:500;gap:10px;padding:14px 16px;text-decoration:none;transition:background .2s ease}.navbar-mobile-link:hover{background:#ffffff14}.navbar-mobile-cta{display:flex;flex-direction:column;gap:12px;margin-top:auto}.navbar-getstarted--mobile,.navbar-signin--mobile{text-align:center;text-decoration:none;width:100%}@media (max-width:900px){.navbar-cta--desktop,.navbar-links{display:none}.navbar-hamburger{align-items:center;display:flex;justify-content:center}.navbar-container{gap:16px}}@media (max-width:600px){.landing-navbar{padding:10px 16px}.navbar-logo{height:36px}.navbar-getstarted,.navbar-signin{font-size:.85rem;padding:8px 14px}}.navbar-dropdown{position:relative}.navbar-link--dropdown{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:6px}.navbar-link--dropdown.active{background:#ffffff14;color:#fff}.navbar-chevron{font-size:.7rem;opacity:.7;transition:transform .2s ease}.navbar-chevron.rotated{transform:rotate(180deg)}.navbar-dropdown-menu{animation:dropdownFadeIn .2s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0d;min-width:340px;padding:8px;top:calc(100% + 12px);z-index:1001}.navbar-dropdown-menu,.navbar-dropdown-menu:before{background:#121216f2;left:50%;position:absolute;transform:translateX(-50%)}.navbar-dropdown-menu:before{border:1px solid #ffffff1a;border-bottom:none;border-radius:4px 0 0 0;border-right:none;content:"";height:16px;rotate:45deg;top:-8px;width:16px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-menu-inner{display:flex;flex-direction:column;gap:4px}.dropdown-item{align-items:center;border-radius:12px;color:inherit;display:flex;gap:14px;padding:12px 14px;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:#ffffff14}.dropdown-item:hover .dropdown-item-icon{background:#eeba2c33;border-color:#eeba2c66;color:#eeba2c}.dropdown-item-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;display:flex;flex-shrink:0;font-size:1.1rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.dropdown-item-content{display:flex;flex-direction:column;gap:2px}.dropdown-item-name{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.01em}.dropdown-item-desc{color:#ffffff8c;font-size:.8rem;letter-spacing:.01em}.tooltip-container{margin-left:4px;z-index:10}.tooltip-container:hover .tooltip-icon{color:#eeba2c}.tooltip-content{z-index:1000}.tooltip-container:hover .tooltip-content{opacity:1!important;transform:translateX(-50%) translateY(-5px);visibility:visible!important}.preview-canvas-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:16px;width:100%}.canvas-wrapper{border-radius:40px}.composition-canvas{background:#000;display:block;image-rendering:-webkit-optimize-contrast}.canvas-loading{align-items:center;background:#000c;bottom:0;color:#a3a3a3;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #eeba2c33;border-radius:50%;border-top:3px solid var(--brand-secondary,#d4a322);height:40px;width:40px}.play-overlay{background:#0000004d;cursor:pointer;display:block;height:100%!important;left:0;position:absolute;top:0;transition:background .2s;width:100%!important;z-index:50}.play-overlay:hover{background:#0006}.play-overlay:hover .play-button-large{box-shadow:0 0 40px #eeba2c66;transform:translate(-50%,-50%) scale(1.1)}.play-button-large{align-items:center;background:linear-gradient(135deg,#d4a322,#eeba2c);background:linear-gradient(135deg,var(--brand-secondary,#d4a322) 0,var(--brand-primary,#eeba2c) 100%);border-radius:50%;box-shadow:0 0 30px #eeba2c4d;color:#000;display:flex;flex-shrink:0;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.play-button-large svg{display:block;margin-left:4px}.playback-controls{max-width:100%}.control-btn.play-btn{background:linear-gradient(135deg,#d4a322,#eeba2c);background:linear-gradient(135deg,var(--brand-secondary,#d4a322) 0,var(--brand-primary,#eeba2c) 100%)}.progress-container{cursor:pointer;min-width:200px}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:visible;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,var(--brand-secondary,#d4a322) 0,var(--brand-primary,#eeba2c) 100%);transition:width .1s linear}.progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:14px}.progress-container:hover .progress-handle{opacity:1}.progress-container:hover .progress-bar{height:8px}@media (max-width:768px){.preview-canvas-container{padding:10px}.playback-controls{flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 16px}.progress-container{min-width:0;min-width:auto;order:3;width:100%}.time-display{order:2}}.composite-timeline{background:#161616;border:1px solid #ffffff14;border-radius:12px;overflow:visible;padding:16px}.time-ruler{border-bottom:1px solid #ffffff1a;height:24px;margin-bottom:8px;overflow:hidden;position:relative}.time-marker{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%)}.time-marker:first-child{transform:translateX(0)}.time-marker:last-child{transform:translateX(-100%)}.marker-tick{background:#ffffff4d;height:8px;width:1px}.marker-label{color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:10px;margin-top:2px;white-space:nowrap}.timeline-track{background:#262626;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;position:relative}.clips-container{bottom:8px;left:0;right:0;top:8px}.clip-block,.clips-container{overflow:hidden;position:absolute}.clip-block{align-items:stretch;background:linear-gradient(180deg,#404040,#262626);border:2px solid #525252;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:100%;min-width:60px;top:0;transition:all .2s}.clip-block:hover{border-color:#a3a3a3;z-index:10}.clip-block.selected{border-color:#d4a322;border-color:var(--brand-secondary,#d4a322);box-shadow:0 0 0 2px #eeba2c33}.clip-block.active{background:linear-gradient(180deg,#eeba2c,#d4a322);border-color:#eeba2c;border-color:var(--brand-primary,#eeba2c)}.clip-thumbnail{align-items:center;background:#161616;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;width:48px}.clip-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#d4a322,#eeba2c);background:linear-gradient(135deg,var(--brand-secondary,#d4a322) 0,var(--brand-primary,#eeba2c) 100%);display:flex;height:100%;justify-content:center;width:100%}.clip-number{color:#000;font-family:Archivo Black,sans-serif;font-size:18px;font-weight:800}.clip-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:6px 10px}.clip-label{color:#e2e8f0;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-duration{color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:10px}.trim-handle{align-items:center;background:#eeba2ccc;bottom:0;cursor:ew-resize;display:flex;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .2s;width:12px}.clip-block:hover .trim-handle{opacity:1}.trim-handle-left{border-radius:6px 0 0 6px;left:0}.trim-handle-right{border-radius:0 6px 6px 0;right:0}.trim-handle svg{color:#000;transform:rotate(90deg)}.transition-indicator{align-items:center;background:#d4a3224d;border:1px dashed #d4a32299;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;z-index:5}.transition-indicator:hover{background:#d4a32280;border-style:solid}.transition-icon{padding:4px 8px}.transition-type{color:#fcd34d;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.transition-menu{background:#262626;border:1px solid #525252;border-radius:12px;box-shadow:0 10px 40px #00000080;left:50%;margin-top:8px;min-width:200px;padding:12px;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.transition-menu-header{border-bottom:1px solid #404040;color:#a3a3a3;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.transition-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.transition-option{background:#ffffff08;border:1px solid #0000;border-radius:6px;color:#a3a3a3;cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:all .2s}.transition-option:hover{background:#ffffff14;color:#fff}.transition-option.active{background:#eeba2c33;border-color:#eeba2c80;color:#fcd34d}.playhead{bottom:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:20}.playhead-head{border-radius:50%;box-shadow:0 2px 8px #d4a32280;height:14px;top:-6px;width:14px}.playhead-head,.playhead-line{background:#d4a322;background:var(--brand-secondary,#d4a322);left:50%;position:absolute;transform:translateX(-50%)}.playhead-line{bottom:0;box-shadow:0 0 10px #d4a32280;top:8px;width:2px}.audio-track{gap:12px;height:36px;margin-top:12px}.audio-track,.track-label{align-items:center;display:flex}.track-label{color:#a3a3a3;font-size:11px;font-weight:600;gap:6px;min-width:80px;text-transform:uppercase}.track-label svg{color:#eeba2c;color:var(--brand-primary,#eeba2c)}.audio-waveform{background:#262626;border:1px solid #404040;border-radius:6px;flex:1 1;height:100%;overflow:hidden}.waveform-placeholder{align-items:center;background:repeating-linear-gradient(90deg,#eeba2c1a,#eeba2c33 2px,#eeba2c1a 4px);color:#a3a3a3;display:flex;font-size:11px;height:100%;justify-content:center}.current-time-display{background:#ffffff08;border-radius:6px;color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:12px;margin-top:12px;padding:8px;text-align:center}@media (max-width:768px){.composite-timeline{padding:12px}.timeline-track{height:60px}.clip-thumbnail{width:32px}.clip-info{padding:4px 6px}.clip-label{font-size:10px}.transition-menu{min-width:160px}.transition-options{grid-template-columns:1fr}}.rich-text-editor{display:flex;flex-direction:column;gap:8px}.editor-label{align-items:center;display:flex;justify-content:space-between}.editor-label span:first-child{color:#e2e8f0;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.editor-hint{color:#a3a3a3;font-size:.75rem;font-weight:400;letter-spacing:0;text-transform:none}.editor-toolbar{background:linear-gradient(180deg,#262626,#171717);border:1px solid #404040;border-bottom:none;border-radius:12px 12px 0 0;flex-wrap:wrap;padding:8px 12px}.editor-toolbar,.toolbar-btn{align-items:center;display:flex;gap:4px}.toolbar-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a3a3a3;cursor:pointer;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .2s ease}.toolbar-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:#fff}.toolbar-btn.active{background:#eeba2c26;border-color:var(--brand-primary);color:var(--brand-primary)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.emoji-btn{font-size:18px;padding:0 8px}.font-size-btn{min-width:52px}.font-size-btn svg:first-child{margin-right:2px}.color-btn{flex-direction:column;gap:2px;min-width:36px;padding:4px 8px}.color-icon{font-family:Archivo Black,sans-serif;font-size:14px;font-weight:700;line-height:1}.color-bar{border-radius:2px;height:3px;width:18px}.bg-color-btn{gap:4px}.bg-color-icon{align-items:center;border-radius:4px;color:#fff;display:flex;font-family:Archivo Black,sans-serif;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.toolbar-divider{background:#ffffff1a;height:24px;margin:0 8px;width:1px}.toolbar-dropdown{position:relative}.dropdown-menu{animation:dropdownFade .15s ease;background:#171717;border:1px solid #404040;border-radius:12px;box-shadow:0 8px 24px #00000080;left:0;min-width:120px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.emoji-menu{min-width:200px}.emoji-grid{grid-template-columns:repeat(8,1fr)}.emoji-option{background:#0000;border:none;border-radius:6px;font-size:18px;height:32px;transition:background .15s;width:32px}.font-size-menu{max-height:250px;min-width:80px;overflow-y:auto}.font-size-option{background:#0000;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.font-size-option:hover{background:#ffffff1a}.font-size-option.active{background:#eeba2c26;color:var(--brand-primary)}.color-menu{min-width:180px}.color-grid{grid-gap:6px;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}.color-option{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;transition:all .15s;width:28px}.color-option:hover{border-color:#ffffff4d;transform:scale(1.1)}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.transparent-option{background:#ffffff0d;border:1px dashed #fff3;color:#a3a3a3;font-size:12px;height:auto;margin-bottom:8px;padding:6px 12px;width:100%}.transparent-option:hover{background:#ffffff1a;transform:none}.custom-color-row{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding-top:8px}.custom-color-row label{color:#a3a3a3;font-size:12px}.custom-color-row input[type=color]{background:#0000;border:none;border-radius:6px;cursor:pointer;height:28px;padding:0;width:32px}.custom-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.custom-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.editor-content{word-wrap:break-word;background:#000;border:1px solid #404040;border-radius:0 0 12px 12px;color:#fff;font-size:24px;font-weight:600;line-height:1.4;min-height:120px;outline:none;overflow:auto;padding:20px;transition:border-color .2s,box-shadow .2s}.editor-content:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #eeba2c1a}.editor-content:empty:before{color:#525252;content:attr(data-placeholder);pointer-events:none}.editor-content ::selection{background:#eeba2c4d}.editor-help{color:#a3a3a3;font-size:.7rem;padding-top:4px;text-align:center}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#0000}.dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:500px){.editor-toolbar{gap:2px;padding:6px 8px}.toolbar-btn{height:32px;min-width:32px;padding:0 8px}.toolbar-divider{margin:0 4px}}.video-ranking-page{grid-gap:0;background:#000;color:#fff;display:grid;font-family:Inter,sans-serif;gap:0;grid-template-columns:420px 1fr;grid-template-rows:1fr auto;height:calc(100vh - 84px);overflow:hidden;position:relative}.video-ranking-page.timeline-hidden{grid-template-rows:1fr}.timeline-panel{background:#161616;border-top:1px solid #ffffff14;display:none!important;grid-column:2;grid-row:2;max-height:220px;overflow-x:hidden;overflow-y:auto;padding:12px 20px}.timeline-toggle-header{display:none!important;justify-content:flex-end;margin-bottom:8px}.timeline-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s}.timeline-toggle-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.timeline-toggle-btn svg{opacity:.7}.timeline-float-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#eeba2c26,#d4a32226);border:1px solid #eeba2c4d;border-radius:30px;bottom:20px;box-shadow:0 4px 20px #0006;color:#fcd34d;cursor:pointer;display:none!important;font-size:.85rem;font-weight:600;gap:8px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:100}.timeline-float-toggle:hover{background:linear-gradient(135deg,#eeba2c40,#d4a32240);border-color:var(--brand-secondary);box-shadow:0 6px 24px #eeba2c33;transform:translateX(-50%) translateY(-2px)}.timeline-float-toggle svg{color:var(--brand-secondary)}.progress-bar-container{background:#262626;border-radius:8px;height:32px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#fff,#e5e5e5);height:100%;transition:width .3s ease}.progress-text{color:#fff;font-size:12px;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.anim-fadeIn,.anim-fadeInUp{animation:fadeInUp .8s ease backwards}.anim-popIn{animation:popIn .5s ease backwards}.anim-slideInRight{animation:slideInRight .6s ease backwards}.anim-bounceIn{animation:bounceIn .75s backwards}.editor-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border-radius:30px;border-right:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;gap:12px;grid-column:1;grid-row:1/-1;overflow-y:auto;padding:32px}.editor-panel::-webkit-scrollbar{width:6px}.editor-panel::-webkit-scrollbar-track{background:#0000}.editor-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.page-header{margin-bottom:12px}.page-header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-header p{color:#a3a3a3;font-size:.95rem;margin:0}.control-group.box-group{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0d,#ffffff03 50%,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff0f}.group-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff0f;border-radius:15px 15px 0 0;display:flex;gap:12px;padding:16px 20px}.group-header.clickable{cursor:pointer;transition:background .2s}.group-header.clickable:hover{background:#ffffff05}.control-group.box-group.collapsed .group-header{border-bottom:none;border-radius:15px}.group-header svg{color:#fff9;flex-shrink:0;opacity:.9}.group-header h3{color:#fff;flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.header-preview{color:#a3a3a3;flex:1 1;font-size:.75rem;margin-left:auto;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.collapse-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3a3;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.collapse-toggle:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.group-content{display:flex;flex-direction:column;gap:20px;padding:24px 20px}.add-audio-btn{align-items:center;background:#ffffff0d;border:1px dashed #fff3;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:center;padding:14px 20px;transition:all .25s ease}.add-audio-btn:hover{background:#ffffff14;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.add-audio-btn svg{color:#cbd5e1}.audio-file-display{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.audio-info{align-items:center;color:#e2e8f0;display:flex;gap:10px}.audio-name{color:#e2e8f0;font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-audio-btn{align-items:center;background:#f8717126;border:none;border-radius:6px;color:#f87171;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-audio-btn:hover{background:#f871714d}.control-hint{color:#a3a3a3;font-size:.7rem;margin-top:4px}input,select{font-family:inherit}.title-input{background:#000;border:1px solid #404040;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;font-weight:600;padding:12px 14px;transition:border-color .2s}.title-input:focus{border-color:var(--brand-secondary);outline:none}.title-input.large{background:#000;border:1px solid #404040;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:14px 16px;transition:border-color .2s;width:100%}.title-input.large:focus{border-color:var(--brand-secondary);outline:none}.title-line-row{align-items:center;display:flex;gap:10px}.line-color-picker{background:#000;border:2px solid #404040;border-radius:8px;cursor:pointer;height:40px;padding:2px;width:40px}.line-color-picker:hover{border-color:var(--brand-secondary)}.line-color-picker::-webkit-color-swatch-wrapper{padding:2px}.line-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.select-wrapper select{appearance:none;-webkit-appearance:none;background:#262626;border:1px solid #404040;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.9rem;padding:10px 14px;width:100%}.select-wrapper select:focus{border-color:var(--brand-primary);outline:none}.style-controls{display:flex;flex-direction:column;gap:16px}.style-group-title{color:#525252;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:4px;margin-top:8px;text-transform:uppercase}.control-row{display:flex;gap:16px}.control-item{display:flex;flex:1 1;flex-direction:column;gap:8px}.control-item.full-width{flex:100% 1}.control-item label{color:#a3a3a3;font-size:.75rem;font-weight:500}.color-input-wrapper,.color-input-wrapper input[type=color]{height:38px}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none}.hex-input{background:none;border:none;color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;padding:0 12px;text-transform:uppercase;width:100%}.slider-input::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 1px #ffffff4d}.timeline-control{background:#212121;border:1px solid #404040;border-radius:12px;margin-top:16px;padding:16px}.timeline-header{margin-bottom:12px}.control-label{color:#a3a3a3;font-size:.85rem;font-weight:600}.time-badges{display:flex;gap:8px}.time-badge{font-family:JetBrains Mono,monospace;font-weight:600;padding:4px 10px}.time-badge.end,.time-badge.start{background:#ffffff1a;border:1px solid #fff3;color:#fff}.timeline-track-container{background:#262626;border:1px solid #404040;border-radius:8px;box-shadow:inset 0 2px 4px #0000004d;height:48px;overflow:hidden;position:relative}.timeline-scale .tick{background:#ffffff14;height:100%;width:1px}.timeline-bar-bg{background:linear-gradient(90deg,#0000004d,#0000 50%,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0}.timeline-selection{background:linear-gradient(180deg,#ffffff26,#ffffff14);border-left:3px solid #fff;border-right:3px solid #e5e5e5;bottom:0;top:0}.timeline-handle{cursor:ew-resize;touch-action:none;transition:transform .1s;width:16px}.timeline-handle:hover{transform:scaleX(1.2)}.handle-left{background:linear-gradient(90deg,#fff,#0000);left:-8px}.handle-right{background:linear-gradient(-90deg,#e5e5e5,#0000);right:-8px}.handle-grip{background:#fffc;box-shadow:0 0 4px #00000080;height:20px}.time-total{color:#a3a3a3;font-size:.75rem;margin-top:10px;text-align:center}.loaded-video-controls{padding:0}.video-status-bar{background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.status-info,.video-status-bar{align-items:center;display:flex}.status-info{flex:1 1;gap:12px;min-width:0}.status-tag{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-tag.success{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.file-name{color:#a3a3a3;font-size:.85rem;max-width:250px}.text-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.text-btn.danger{color:#f87171}.text-btn.danger:hover{background:#f871711a;border-color:#f871714d}.video-input-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;transition:all .2s ease}.video-input-card.expanded{background:#ffffff0d;border-color:#ffffff40;box-shadow:0 0 0 1px #ffffff1a}.video-input-card:not(.expanded) .card-header{padding:10px 16px}.card-header{justify-content:space-between;padding:16px}.card-header,.header-left{align-items:center;display:flex;gap:12px;min-width:0}.header-left{flex:1 1;overflow:hidden}.drag-handle{border-radius:4px;color:#525252;cursor:grab;padding:4px;transition:all .2s}.drag-handle:hover{background:#ffffff0d;color:#a3a3a3}.drag-handle:active{color:var(--brand-secondary);cursor:grabbing}.card-actions{gap:8px}.card-actions,.rank-badge{display:flex;flex-shrink:0}.rank-badge{align-items:center;background:linear-gradient(135deg,#fff,#e5e5e5);border-radius:8px;color:#000;font-family:Archivo Black,sans-serif;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.header-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.video-label{color:#e2e8f0;font-size:.95rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp-preview{color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:.75rem}.icon-btn{background:#ffffff08;border:1px solid #0000;border-radius:8px;color:#a3a3a3;height:32px;width:32px}.icon-btn:hover{background:#ffffff14;border-color:#ffffff1a}.icon-btn.delete-btn:hover{background:#f8717126;border-color:#f871714d;color:#f87171}.card-content{gap:16px;padding:0 16px 16px}.card-content,.input-options{display:flex;flex-direction:column}.input-options{gap:12px}.error-msg{background:#f871711a;border:1px solid #f8717133;border-radius:8px;color:#f87171;font-size:.85rem;padding:10px 14px}.divider{align-items:center;color:#525252;display:flex;font-size:.8rem;gap:12px}.divider:after,.divider:before{background:#404040;content:"";flex:1 1;height:1px}.video-text-editor{display:flex;flex-direction:column;gap:8px}.section-label{color:#a3a3a3;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fancy-input{background:#000;border-color:#404040;padding:14px}.preview-panel{background:#0000;grid-column:2;grid-row:1;min-height:0;padding:24px;position:relative}.video-ranking-page.timeline-hidden .preview-panel{padding:32px}.phone-preview{background:#000;border-radius:50px;box-shadow:0 0 0 12px #404040,0 50px 100px -20px #000c;height:750px;overflow:hidden;position:relative;width:375px}.phone-notch{background:#404040;border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:28px;width:140px}.phone-screen{height:calc(100% - 28px);position:relative;width:100%}.preview-video-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px;display:flex;gap:6px;left:50%;padding:4px;position:absolute;top:8px;transform:translateX(-50%);z-index:100}.preview-tab{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 12px;transition:all .2s}.preview-tab:hover{background:#fff3}.preview-tab.active{background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-primary) 100%);border-color:#ffffff4d}.preview-tab .tab-number{color:#fff;font-size:.85rem;font-weight:700}.preview-tab.active .tab-number{color:#000}.preview-tab .tab-duration{color:#ffffffb3;font-family:JetBrains Mono,monospace;font-size:.65rem}.preview-tab.active .tab-duration{color:#000000b3}.no-videos-hint{color:#ffffff80;font-size:.75rem;padding:8px 16px}.preview-container{left:0;position:absolute;top:0}.video-wrapper{z-index:0}.bg-video,.video-wrapper,.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.bg-video,.video-wrapper iframe{display:block;object-fit:cover}.overlay-layer{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:80px 20px 40px;pointer-events:none;position:absolute;width:100%;z-index:10}.preview-main-title{word-wrap:break-word;border-radius:8px;font-weight:900;line-height:1.2;margin:0 auto;overflow-wrap:break-word;padding:8px 16px;text-align:center;text-shadow:0 4px 12px #00000080}.preview-ranks{flex-direction:column}.preview-rank-item,.preview-ranks{align-items:center;display:flex;gap:8px}.preview-rank-item{font-size:1.4rem;font-weight:700;opacity:.5;transition:all .3s}.preview-rank-item.active{opacity:1;transform:scale(1.1)}.p-rank-num{font-size:2rem}.p-rank-label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-file-input{display:none}.file-upload-label{align-items:center;background:#ffffff08;border:1px dashed #404040;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.9rem;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s}.file-upload-label:hover{background:#eeba2c1a;border-color:var(--brand-primary);color:#fff}.fancy-input{background:#212121;border:1px solid #404040;border-radius:8px;color:#fff;margin-bottom:16px;padding:12px 16px;transition:all .2s;width:100%}.fancy-input:focus{background:#262626;border-color:var(--brand-secondary);outline:none}.url-input-container{align-items:center;background:#212121;border:1px solid #404040;border-radius:8px;display:flex;gap:8px;padding:8px}.url-input-container:focus-within{border-color:var(--brand-secondary);box-shadow:0 0 0 1px #eeba2c33}.input-icon{color:#a3a3a3;margin-left:8px}.url-input-container input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.import-btn{align-items:center;background:linear-gradient(135deg,#eeba2c,#d4a322)!important;border:none;border-radius:8px;color:#000!important;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.import-btn svg{stroke-width:2.5;color:#000!important}.import-btn:hover:not(:disabled){box-shadow:0 4px 12px #eeba2c66;transform:scale(1.05)}.import-btn:disabled{cursor:not-allowed;opacity:.4}.videos-section{display:flex;flex-direction:column;gap:16px;margin-top:12px}.section-header-row{align-items:center;display:flex;justify-content:space-between}.section-header-row h3{color:#e2e8f0;font-size:1.1rem;font-weight:700;margin:0}.count-badge{background:#d4a32226;border:1px solid #d4a3224d;border-radius:20px;color:var(--brand-primary);font-size:.75rem;font-weight:600;padding:4px 12px}.videos-list{display:flex;flex-direction:column;gap:0}.add-more-btn{align-items:center;background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s}.add-more-btn:hover{background:#eeba2c1a;border-color:var(--brand-primary);color:#fff}.add-more-btn svg{color:var(--brand-primary)}.action-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:20px}.generate-btn{align-items:center;background:#eeba2c!important;border:none;border-radius:12px;color:#000!important;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.05em;padding:16px 24px;text-transform:uppercase;transition:all .25s ease;width:100%}.generate-btn:hover:not(:disabled){background:#d4a322!important;box-shadow:0 8px 24px #eeba2c66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generate-btn.loading{background:linear-gradient(135deg,#525252,#404040)!important;color:#e2e8f0!important}.generate-btn.loading svg{animation:spin 1s linear infinite}@media (max-width:1024px){.video-ranking-page{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 84px);overflow:visible}.editor-panel{border-bottom:1px solid #ffffff0f;border-right:none;overflow:visible;padding:20px}.preview-panel{min-height:55vh;overflow:hidden;padding:14px}.timeline-panel{max-height:45vh;padding:10px 14px}.timeline-float-toggle{bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);padding:10px 16px}}@media (max-width:600px){.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.group-header{gap:10px;padding:14px}.group-content{padding:18px 14px}.header-preview{max-width:110px}.control-row{flex-direction:column;gap:12px}.timeline-header{gap:10px}.timeline-header,.video-status-bar{align-items:flex-start;flex-direction:column}.video-status-bar{gap:8px}.file-name{max-width:100%}.card-header{align-items:flex-start;flex-wrap:wrap}.fancy-input,.select-wrapper select,.url-input-container input{font-size:16px}}.tooltip-container{align-items:center;cursor:help;display:inline-flex;margin-left:8px;position:relative}.tooltip-icon{color:#a3a3a3;transition:color .2s}.tooltip-container:hover .tooltip-icon{color:var(--brand-secondary)}.tooltip-content{background:#262626;border:1px solid #ffffff1a;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000080;color:#fff;font-size:.85rem;font-weight:500;left:50%;line-height:1.4;margin-bottom:8px;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(5px);transition:all .2s ease;visibility:hidden;width:240px;z-index:100}.tooltip-container:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #262626;bottom:-5px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.rant-creator-v2{background:#161616;border-radius:30px;display:block;font-family:Inter,sans-serif;min-height:calc(100vh - 84px);padding:0}.rant-card{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:none;min-height:100%;overflow:visible;width:100%}.rant-header{background:#0000;border-bottom:none;padding:32px 32px 20px}.rant-header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.rant-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:0;margin-bottom:0;padding:0 32px}.tab{background:#0000;border:none;cursor:pointer;font-size:.9rem;font-weight:600;padding:16px 20px;position:relative;transition:all .2s}.tab,.tab:hover{color:#a3a3a3}.tab.active{color:#fff}.tab.active:after{background:#eeba2c;bottom:-1px;box-shadow:0 -2px 10px #eeba2c80;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{min-height:400px;padding:32px}.content-description{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px;padding:24px}.content-description p{color:#a3a3a3;font-size:.95rem;line-height:1.5;margin:0}.default-voice-section{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:24px}.default-voice-section label{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:600;gap:10px}.default-voice-section select{background:#262626;border:1px solid #404040;border-radius:8px;color:#f1f5f9;cursor:pointer;flex:1 1;font-size:.9rem;height:40px;max-width:240px;padding:10px 14px;transition:all .2s}.default-voice-section select:focus{border-color:#eeba2c;outline:none}.script-controls-header{display:flex;justify-content:flex-end;margin-bottom:8px;padding:0 4px}.btn-text-danger{align-items:center;background:#0000;border:none;border-radius:6px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-text-danger:hover{background:#ef44441a;color:#ef4444}.empty-sentences,.sentences-container{background:#0000;border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;overflow:hidden}.sentences-header{grid-gap:20px;background:linear-gradient(90deg,#eeba2c08,#d4a32208);border-bottom:1px solid #ffffff0f;display:grid;gap:20px;grid-template-columns:180px 1fr 100px;padding:16px 24px}.sentences-header div{color:#a3a3a3;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sentences-list{background:#ffffff03;max-height:500px;overflow-y:auto}.empty-message{align-items:center;color:#525252;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-message svg{color:#a3a3a3;margin-bottom:16px;opacity:.5}.empty-message p{color:#a3a3a3;font-size:1rem;margin:0}.sentence-row{grid-gap:20px;align-items:center;border-bottom:1px solid #ffffff0a;display:grid;gap:20px;grid-template-columns:180px 1fr 100px;padding:20px 24px;transition:background .2s}.sentence-row:hover{background:#ffffff08}.sentence-row:last-child{border-bottom:none}.sentence-voice select{background:#262626;border:1px solid #404040;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.9rem;height:40px;padding:10px 14px;width:100%}.sentence-voice select:focus{border-color:#eeba2c;outline:none}.sentence-text input{background:#000;border:1px solid #333;border-radius:8px;color:#fff;font-size:.95rem;height:40px;padding:10px 14px;transition:all .2s;width:100%}.sentence-text input:focus{background:#111;border-color:#eeba2c;outline:none}.sentence-text input::placeholder{color:#525252}.sentence-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{height:36px;width:36px}.generation-section{margin-bottom:32px}.btn-generate{margin-top:16px;padding:12px 32px;width:auto}.manual-options{align-items:center;display:flex;flex-direction:column;gap:24px;padding-top:12px}.or-divider{color:#525252;font-size:.8rem;font-weight:600;padding:0 16px;position:relative}.or-divider:after,.or-divider:before{background:#ffffff1a;content:"";height:1px;position:absolute;top:50%;width:60px}.or-divider:before{right:100%}.or-divider:after{left:100%}.generation-settings{grid-gap:16px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-top:24px;padding:20px}.gen-setting{display:flex;flex-direction:column;gap:8px}.gen-setting label{color:#a3a3a3;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.gen-setting select{background:#000;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px;width:100%}.gen-setting select:focus{border-color:#eeba2c;outline:none}.gen-setting input[type=range]{-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;height:4px;margin-top:10px;width:100%}.gen-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eeba2c;border-radius:50%;cursor:pointer;height:16px;width:16px}.manual-buttons{display:flex;gap:16px;justify-content:center}.manual-buttons .btn-secondary{background:#0000;border-color:#ffffff1a;color:#a3a3a3;justify-content:center;min-width:160px}.manual-buttons .btn-secondary:hover{border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#eeba2c26,#d4a32226);border:1px solid #eeba2c4d;border-radius:8px;color:#fcd34d;font-size:.95rem;gap:10px;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#eeba2c40,#d4a32240);border-color:#eeba2c;transform:translateY(-1px)}.btn-outline{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d;color:#e2e8f0}.clear-btn{margin-left:auto}.settings-tab{gap:24px;margin:0 auto;max-width:600px}.settings-group,.settings-tab{display:flex;flex-direction:column}.settings-group{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;gap:12px;padding:24px}.settings-group label{color:#e2e8f0;font-size:.9rem;font-weight:600}.settings-group select{background:#262626;border:1px solid #404040;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:.95rem;padding:12px 16px}.settings-group select:focus{border-color:#eeba2c;outline:none}.settings-group input[type=range]{-webkit-appearance:none;appearance:none;background:#404040;border-radius:2px;cursor:pointer;height:4px;margin:10px 0;outline:none;width:100%}.settings-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eeba2c;border:3px solid #1a1a24;border-radius:50%;box-shadow:0 0 0 1px #eeba2c;cursor:pointer;height:20px;-webkit-transition:transform .1s;transition:transform .1s;width:20px}.settings-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.rant-footer{background:#0000;border-top:1px solid #ffffff0f;display:flex;justify-content:flex-end;padding:24px 32px}.btn-create-video{align-items:center;background:#eeba2c;background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;border-radius:8px;box-shadow:0 4px 12px #eeba2c33;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;padding:14px 32px;transition:all .2s}.btn-create-video:hover:not(:disabled){box-shadow:0 8px 24px #eeba2c4d;transform:translateY(-2px)}.btn-create-video:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}.btn-create-video.full-width{justify-content:center;width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalIn .3s ease-out;background:#16161c;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #000c;max-width:550px;overflow:hidden;transform:translateY(0);width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(90deg,#ffffff05,#0000);border-bottom:1px solid #ffffff0f;padding:24px 32px}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#a3a3a3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#a3a3a3;display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.script-textarea{background:#000;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:200px;padding:16px;resize:vertical;width:100%}.script-textarea:focus{background:#0a0a0f;border-color:#eeba2c;outline:none}.modal-footer{border-top:1px solid #ffffff0f;gap:16px;padding:24px 32px}@media (max-width:768px){.rant-creator-v2{padding:16px}.rant-footer,.rant-header,.tab-content{padding:24px}.rant-tabs{padding:0 24px}.content-description{align-items:flex-start;flex-direction:column}.sentence-row,.sentences-header{gap:12px;grid-template-columns:100px 1fr 80px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.meme-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.meme-picker-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.meme-picker-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.meme-picker-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.meme-picker-header .close-btn{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .2s}.meme-picker-header .close-btn:hover{background:#ffffff1a;color:#fff}.meme-picker-tabs{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:4px;padding:12px 16px}.picker-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.picker-tab:hover{background:#ffffff1a;color:#fff}.picker-tab.active{background:#00bcd426;color:#00bcd4}.meme-picker-content{flex:1 1;overflow-y:auto;padding:16px}.upload-dropzone,.upload-tab{align-items:center;display:flex;flex-direction:column}.upload-dropzone{border:2px dashed #fff3;border-radius:12px;color:#fff9;cursor:pointer;gap:12px;padding:48px 24px;transition:all .2s;width:100%}.upload-dropzone:hover{background:#00bcd40d;border-color:#00bcd4;color:#00bcd4}.upload-dropzone p{font-size:16px;margin:0}.upload-dropzone span{font-size:12px;opacity:.6}.upload-preview{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-preview img{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.upload-preview p{color:#fff9;font-size:14px;margin:0}.preview-actions{display:flex;gap:12px;margin-top:8px}.link-tab{display:flex;flex-direction:column;gap:16px}.link-input-row{display:flex;gap:8px}.link-input-row input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:12px 16px}.link-input-row input:focus{border-color:#00bcd4;outline:none}.link-input-row input.error{border-color:#f44336}.error-text{color:#f44336;font-size:12px;margin:0}.link-preview{align-items:center;background:#0003;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.link-preview img{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.library-tab{display:flex;flex-direction:column;gap:16px}.search-row{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:10px 14px}.search-row svg{color:#fff6}.search-row input{background:none;border:none;color:#fff;flex:1 1;font-size:14px}.search-row input:focus{outline:none}.search-row input::placeholder{color:#fff6}.meme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:300px;overflow-y:auto;padding:4px}.meme-item{align-items:center;background:#0003;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;transition:all .2s}.meme-item:hover{background:#00bcd41a;border-color:#00bcd44d}.meme-item.selected{background:#00bcd426;border-color:#00bcd4}.meme-item img{border-radius:6px;height:80px;object-fit:cover;width:80px}.meme-item span{color:#ffffffb3;font-size:11px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.no-memes{color:#ffffff80;grid-column:1/-1;padding:32px;text-align:center}.library-footer{align-items:center;background:#0000004d;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:12px 16px}.selected-preview{align-items:center;display:flex;gap:12px}.selected-preview img{border-radius:6px;height:48px;object-fit:cover;width:48px}.cancel-btn,.selected-preview span{color:#fff;font-size:14px}.cancel-btn{background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#fff3}.confirm-btn{align-items:center;background:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.confirm-btn:hover{background:#00acc1}.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.meme-properties-editor{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #00000080;padding:16px;width:280px}.properties-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.properties-header span{color:#fff;font-size:14px;font-weight:600}.properties-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;padding:4px;transition:all .2s}.properties-header .close-btn:hover{background:#ffffff1a;color:#fff}.meme-preview-small{align-items:center;background:#0000004d;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:16px;overflow:hidden;width:100%}.meme-preview-small img{max-height:100%;max-width:100%;object-fit:contain}.property-row{margin-bottom:14px}.property-row label{color:#ffffffb3;display:block;font-size:12px;margin-bottom:6px}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit input{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;flex:1 1;font-size:14px;padding:8px 12px;width:80px}.input-with-unit input:focus{border-color:#00bcd4;outline:none}.input-with-unit .unit{color:#ffffff80;font-size:13px}.slider-row{align-items:center;display:flex;gap:12px}.slider-row input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00bcd4;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-row input[type=range]::-moz-range-thumb{background:#00bcd4;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider-row .value{background:#0000004d;border-radius:4px;color:#ffffffe6;font-size:13px;font-weight:500;min-width:45px;padding:4px 8px;text-align:right}.timeline-row{margin-bottom:20px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.timeline-header label{color:#ffffffb3;font-size:12px;margin:0}.time-inputs{display:flex;gap:8px}.time-input{background:#0000004d;border:1px solid #eeba2c66;border-radius:4px;color:#eeba2c;font-size:12px;padding:4px 8px;text-align:center;width:50px}.time-input:focus{border-color:#eeba2c;outline:none}.timeline-range-slider{cursor:pointer;height:32px;margin-bottom:8px;position:relative}.range-track{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;left:0;right:0}.range-selected,.range-track{height:24px;position:absolute;top:50%;transform:translateY(-50%)}.range-selected{background:linear-gradient(135deg,#eeba2c66,#eeba2c33);border:1px solid #eeba2c99;border-radius:6px}.range-handle{background:#eeba2c;border-radius:4px;box-shadow:0 2px 8px #0000004d;cursor:ew-resize;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s,box-shadow .1s;width:12px}.range-handle:hover{box-shadow:0 2px 12px #eeba2c66;transform:translate(-50%,-50%) scaleY(1.1)}.range-handle:active{transform:translate(-50%,-50%) scaleY(1.15)}.timeline-duration{color:#ffffff80;font-size:11px;text-align:center}.sfx-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sfx-picker-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.sfx-picker-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.sfx-picker-header h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.sfx-picker-header h3 svg{color:#eeba2c}.sfx-picker-header .close-btn{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .2s}.sfx-picker-header .close-btn:hover{background:#ffffff1a;color:#fff}.sfx-picker-search{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;margin:16px 16px 0;padding:12px 16px}.sfx-picker-search svg{color:#fff6;flex-shrink:0}.sfx-picker-search input{background:none;border:none;color:#fff;flex:1 1;font-size:14px}.sfx-picker-search input:focus{outline:none}.sfx-picker-search input::placeholder{color:#fff6}.sfx-picker-content{flex:1 1;overflow-y:auto;padding:16px}.sfx-grid{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto}.sfx-item{border:2px solid #0000;border-radius:8px;gap:12px;padding:10px 14px}.sfx-item:hover{background:#eeba2c14;border-color:#eeba2c33}.sfx-item.selected{border-color:#eeba2c}.sfx-play-btn{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.sfx-play-btn:hover{background:#eeba2c;color:#000}.sfx-label{font-size:14px}.sfx-item .check-icon{color:#eeba2c;flex-shrink:0}.no-sfx{color:#ffffff80;padding:32px}.sfx-picker-footer{align-items:center;background:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.footer-right{display:flex;gap:10px}.remove-btn{background:#f871711a;border:1px solid #f871714d;border-radius:8px;color:#f87171;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.remove-btn:hover{background:#f8717133}.sfx-picker-footer .cancel-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.sfx-picker-footer .cancel-btn:hover{background:#fff3}.sfx-picker-footer .confirm-btn{align-items:center;background:#eeba2c;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.sfx-picker-footer .confirm-btn:hover{background:#f0c93e}.sfx-picker-footer .confirm-btn:disabled{cursor:not-allowed;opacity:.5}.rant-editor-page{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.panel-title{padding:32px 32px 10px}.panel-title h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.download-btn{align-items:center;background:linear-gradient(135deg,#eeba2c26,#d4a32226);border:1px solid #eeba2c4d;border-radius:8px;color:#fcd34d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#eeba2c40,#d4a32240);border-color:#eeba2c;transform:translateY(-1px)}.download-btn:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5}.editor-body{display:grid;flex:1 1;grid-template-columns:45% 1fr;overflow:hidden}.settings-panel{background:#161616;border-radius:30px;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;overflow-y:auto}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:#0000}.settings-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.panel-tabs{border-bottom:1px solid #ffffff0f;display:flex;padding:0 20px}.panel-tab{background:#0000;border:none;cursor:pointer;font-size:.9rem;font-weight:600;padding:16px 20px;position:relative;transition:color .2s}.panel-tab,.panel-tab:hover{color:#a3a3a3}.panel-tab.active{color:#fff}.panel-tab.active:after{background:#eeba2c;bottom:-1px;box-shadow:0 -2px 10px #eeba2c80;content:"";height:2px;left:0;position:absolute;right:0}.settings-scroll{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px 20px}.collapsible-section{background:#161616;border:1px solid #ffffff14;border-radius:16px;box-sizing:border-box;flex-shrink:0;overflow:hidden;transition:all .2s ease;width:100%}.section-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff0f;color:#e2e8f0;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.collapsible-section:not(.open) .section-header{border-bottom:none;border-radius:16px}.section-header:hover{background:#262626}.section-header svg{color:#d4a322;flex-shrink:0;opacity:.9}.section-header h3{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.collapse-icon{-webkit-text-fill-color:initial;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3a3;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.section-header:hover .collapse-icon{background:#ffffff1a;border-color:#fff3;color:#fff}.collapse-icon svg{color:inherit!important;opacity:1!important}.section-content{background:#0000;display:flex;flex-direction:column;gap:16px;padding:24px 20px}.setting-group{gap:8px;margin-bottom:0}.setting-group label{font-size:.85rem}.select-wrapper{position:relative}.select-wrapper:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #a3a3a3;content:"";height:0;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0}select{appearance:none;-webkit-appearance:none;background:#262626;border:1px solid #404040;border-radius:8px;color:#f1f5f9;cursor:pointer;font-family:inherit;font-size:.9rem;height:40px;padding:10px 14px;width:100%}select:focus{border-color:#eeba2c;outline:none}.asset-picker-integrated{max-height:300px;overflow-y:auto}.asset-thumb{aspect-ratio:9/16;background:#000;border:1px solid #404040;overflow:hidden;padding:0;position:relative}.asset-thumb .thumb-video{display:block;height:100%;object-fit:cover;width:100%}.asset-thumb .thumb-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000e6,#0000);bottom:0;display:flex;left:0;padding:20px 8px 6px;pointer-events:none;position:absolute;right:0}.asset-thumb:hover{background:#262626;border-color:#ffffff4d}.asset-thumb.selected{border-color:#eeba2c;box-shadow:0 0 0 1px #eeba2c4d}.asset-thumb span{color:#fff;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;white-space:nowrap;width:100%}.no-assets{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;color:#a3a3a3}.apply-effect-btn{align-items:center;background:linear-gradient(135deg,#eeba2c1a,#d4a3221a);border:1px solid #eeba2c4d;border-radius:8px;color:#fcd34d;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:12px 16px;transition:all .2s;width:100%}.apply-effect-btn:hover:not(:disabled){background:linear-gradient(135deg,#eeba2c33,#d4a32233);border-color:#eeba2c}.setting-row{gap:12px;margin-bottom:0}.setting-group.flex-1{flex:1 1}.setting-group.flex-2{flex:2 1}.color-input-wrapper{align-items:center;background:#262626;border:1px solid #404040;border-radius:8px;display:flex;gap:0;height:40px;overflow:hidden;padding:0}.color-input-wrapper input[type=color]{background:none;border:none;border-right:1px solid #404040;cursor:pointer;height:40px;padding:0;width:44px}.color-input-wrapper input[type=text]{background:none;border:none;color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;padding:0 12px;text-transform:uppercase;width:100%}.slider-input{-webkit-appearance:none;appearance:none;background:#404040;border-radius:2px;height:4px;margin:10px 0;outline:none;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eeba2c;border:2px solid #212121;border-radius:50%;box-shadow:0 0 0 1px #eeba2c;cursor:pointer;height:16px;-webkit-transition:transform .15s;transition:transform .15s;width:16px}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.toggle-pill{background:#262626;border:1px solid #404040;border-radius:8px;color:#a3a3a3;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;text-align:center;transition:all .2s}.toggle-pill:hover{border-color:#a3a3a3;color:#cbd5e1}.toggle-pill.active{background:#eeba2c26;border-color:#eeba2c;color:#eeba2c}.style-buttons{background:#262626;border:1px solid #404040;border-radius:8px;display:flex;gap:8px;padding:4px}.style-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a3a3a3;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:8px;transition:all .15s}.style-btn:hover{background:#ffffff0d;color:#fff}.style-btn.active{background:#404040;color:#eeba2c}.content-section{background:#000;border-top:none;flex:1 1;overflow-y:auto;padding:32px}.content-section h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 8px}.content-hint{color:#a3a3a3;font-size:.9rem;margin:0 0 24px}.sentences-editor{display:flex;flex-direction:column;gap:16px;padding-bottom:200px}.sentence-block{background:#161616;border:1px solid #262626;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.sentence-block:hover{border-color:#404040}.sentence-block.current{background:#eeba2c0d;border-color:#eeba2c4d}.sentence-number{align-items:center;background:#ffffff0d;border-radius:50%;color:#a3a3a3;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;margin-top:4px;width:28px}.sentence-block.current .sentence-number{background:#eeba2c;color:#000}.words-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.word-token{align-items:center;background:#000;border:1px solid #333;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 10px;transition:all .15s;-webkit-user-select:none;user-select:none}.word-token:hover{background:#262626;border-color:#666}.word-token.active{background:#eeba2c26;border-color:#eeba2c;box-shadow:0 0 0 1px #eeba2c4d}.word-emoji{font-size:1.1rem}.word-indicators{align-items:center}.indicator{font-size:.8rem}.word-menu{background:#1e1e1e;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 40px #000c;min-width:200px;overflow:hidden;padding:4px;position:fixed;z-index:9999}.menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.menu-btn:hover{background:#ffffff14}.menu-btn.active{background:#eeba2c26;color:#eeba2c}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:8px}.color-btn{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;transition:all .15s;width:100%}.color-btn:hover{border-color:#ffffff80;transform:scale(1.1)}.color-btn.selected{border-color:#fff;box-shadow:0 0 0 2px #eeba2c}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);padding:8px}.emoji-btn{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;transition:all .15s}.emoji-btn:hover{background:#ffffff1a;transform:scale(1.2)}.emoji-btn.selected{background:#eeba2c40}.sfx-menu{padding:8px}.sfx-list{flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.sfx-item{cursor:pointer;padding:6px}.sfx-item:hover{background:#ffffff0d}.sfx-item.selected{background:#eeba2c26;color:#eeba2c}.sfx-play-btn{font-size:.8rem;opacity:.7;padding:4px}.sfx-play-btn:hover{opacity:1}.remove-emoji-btn,.remove-sfx-btn{background:#f871711a;border:1px solid #f8717133;border-radius:6px;color:#f87171;cursor:pointer;font-size:.8rem;margin-bottom:8px;padding:8px;width:100%}.remove-emoji-btn:hover,.remove-sfx-btn:hover{background:#f8717133}.emoji-selector{display:flex;flex-wrap:wrap;gap:6px}.emoji-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .15s;width:36px}.emoji-option:hover{background:#ffffff1a;transform:scale(1.1)}.emoji-option.selected{background:#eeba2c33;border-color:#eeba2c}.video-settings{display:flex;flex-direction:column;gap:24px;padding:24px}.video-info{background:#ffffff05;border-radius:12px;padding:24px;text-align:center}.video-info .video-icon{color:#a3a3a3;margin-bottom:12px}.video-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.video-info p{color:#a3a3a3;font-size:.9rem;margin:0}.video-settings .settings-sections{padding:0}.audio-info{background:#ffffff08;border-radius:8px;margin-top:16px;padding:16px}.audio-info h4{color:#e2e8f0;font-size:.9rem;margin:0 0 8px}.audio-info p{font-size:.85rem;margin:0}.audio-info .success{color:#4ade80}.audio-info .loading{color:#fbbf24}.audio-info .warning{color:#f87171}.no-content{color:#a3a3a3;padding:40px 20px;text-align:center}.no-content p{font-size:.9rem;margin:0}.preview-panel{background:#000;box-sizing:border-box;overflow:hidden;padding:16px}.preview-container-centered,.preview-panel{align-items:center;display:flex;flex-direction:column;justify-content:center}.preview-container-centered{gap:16px;height:100%;width:100%}.canvas-wrapper{aspect-ratio:9/16;background:#000;border-radius:20px;box-shadow:0 0 0 4px #212121cc,0 0 0 5px #eeba2c26,0 25px 60px -12px #000000e6,0 0 80px #eeba2c14;flex-shrink:0;height:70vh;max-height:80vh;max-width:100%;overflow:hidden;position:relative;width:auto}.preview-background{inset:0;position:absolute;z-index:1}.gameplay-video{height:100%;object-fit:cover;width:100%}.placeholder-bg{align-items:center;background:#000;color:#525252;display:flex;flex-direction:column;font-size:.85rem;gap:12px;height:100%;justify-content:center;width:100%}.meme-overlay{z-index:10}.caption-preview{left:0;padding:0;pointer-events:none;position:absolute;right:0;text-align:center;transition:top .3s ease;width:100%;z-index:5}.caption-sentence{animation:fadeInUp .3s ease-out;display:inline-block;line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.caption-emoji{font-size:.9em;margin-left:4px}.playback-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#212121e6;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-shrink:0;gap:12px;max-width:600px;padding:10px 16px;width:100%}.control-buttons{gap:8px}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#a3a3a3;cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.control-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.control-btn.play-btn{background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;color:#000;height:44px;width:44px}.control-btn.play-btn:hover{box-shadow:0 4px 16px #eeba2c4d;transform:scale(1.05)}.control-btn.play-btn svg{margin-left:2px}.progress-container{align-items:center;display:flex;flex:1 1;height:32px;padding:0 4px;position:relative}.progress-slider-range{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.progress-bar-visual{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;pointer-events:none;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#d4a322,#eeba2c);border-radius:3px;height:100%}.time-display{color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:12px;justify-content:flex-end;min-width:100px;text-align:right}.current-time{color:#fff}.time-separator{margin:0 4px;opacity:.5}.total-time{opacity:.7}.asset-picker{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:16px}.asset-picker h4{color:#e2e8f0;font-size:.85rem;font-weight:600;margin:0 0 12px}.asset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.asset-thumb{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:6px;padding:12px 8px;text-align:center;transition:all .2s}.asset-thumb:hover{background:#ffffff0f;border-color:#ffffff26;color:#a3a3a3}.asset-thumb.selected{background:#eeba2c1a;border-color:#eeba2c66;color:#eeba2c}.no-assets{color:#525252;font-size:.85rem;grid-column:1/-1}.loading,.no-assets{padding:20px;text-align:center}.loading{color:#a3a3a3}.tools-grid{display:flex;flex-direction:column;gap:16px}.tool-section h5{align-items:center;display:flex;font-weight:500;gap:6px;margin:0 0 10px}.tool-hint,.tool-section h5{color:#a3a3a3;font-size:.8rem}.tool-hint{line-height:1.4;margin:0 0 8px}.tool-hint strong{color:#eeba2c}.sfx-count{color:#4ade80;font-size:.75rem;font-weight:500;margin:0}.mini-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.mini-thumb{aspect-ratio:1;background:#1a1a24;border-radius:6px;overflow:hidden}.mini-thumb img{height:100%;object-fit:cover;width:100%}.sfx-list{display:flex;flex-wrap:wrap;gap:6px}.sfx-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#a3a3a3;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .15s}.sfx-chip:hover{background:#eeba2c1a;border-color:#eeba2c4d;color:#eeba2c}.asset-selection{flex:1 1;overflow-y:auto}.music-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.music-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a3a3a3;cursor:pointer;font-size:.85rem;padding:10px 16px;transition:all .15s}.music-btn:hover:not(.disabled){background:#eeba2c1a;border-color:#eeba2c4d;color:#eeba2c}.music-btn.disabled{cursor:not-allowed;opacity:.5}.coming-soon{color:#a3a3a3;font-size:.85rem;margin-bottom:12px}.tools-sections{display:flex;flex-direction:column;gap:20px}.no-assets-small{color:#525252;font-size:.8rem;margin:8px 0 0}.volume-btn{align-items:center;background:#0000;border:none;color:#a3a3a3;cursor:pointer;display:flex;height:28px;justify-content:center;transition:color .2s;width:28px}.volume-btn:hover{color:#fff}.add-hook-btn{align-items:center;background:#00bcd41a;border:1px dashed #00bcd466;border-radius:6px;color:#00bcd4;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:8px;transition:all .2s;width:32px}.add-hook-btn:hover{background:#00bcd433;border-style:solid;transform:scale(1.05)}.sentence-meme-container{align-items:center;display:flex;margin-left:8px;position:relative}.sentence-meme-thumb{border:2px solid #00bcd466;border-radius:6px;cursor:pointer;height:40px;object-fit:cover;transition:all .2s;width:40px}.sentence-meme-thumb:hover{border-color:#00bcd4;transform:scale(1.05)}.remove-meme-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;transition:all .2s;width:18px}.remove-meme-btn:hover{background:#d32f2f;transform:scale(1.1)}.word-indicators{display:flex;gap:2px;margin-left:4px}.indicator{font-size:.65rem;opacity:.8}.word-token.has-attachments{background:#00bcd40d;border-color:#00bcd44d}.sfx-menu,.voice-menu{min-width:200px;padding:12px}.coming-soon-notice{padding:16px 12px;text-align:center}.coming-soon-notice .coming-soon-icon{display:block;font-size:2rem;margin-bottom:8px;opacity:.7}.coming-soon-notice h4{color:#e2e8f0;font-size:.9rem;margin:0 0 4px}.coming-soon-notice p{color:#a3a3a3;font-size:.75rem;margin:0 0 12px}.coming-soon-badge{background:linear-gradient(135deg,#eeba2c33,#eeba2c1a);border:1px solid #eeba2c4d;border-radius:20px;color:#eeba2c;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.remove-sfx-btn{background:#f871711a;border:1px solid #f8717133;border-radius:6px;color:#f87171;cursor:pointer;display:block;font-size:.8rem;margin-bottom:10px;padding:8px 12px;transition:all .15s;width:100%}.remove-sfx-btn:hover{background:#f8717133}.sfx-menu .sfx-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.sfx-item{align-items:center;background:#ffffff08;border-radius:6px;display:flex;gap:8px;padding:8px 10px;transition:all .15s}.sfx-item:hover{background:#ffffff14}.sfx-item.selected{background:#00bcd426;border:1px solid #00bcd466}.sfx-play-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px}.sfx-label{color:#e2e8f0;cursor:pointer;flex:1 1;font-size:.85rem}.no-sfx{color:#a3a3a3;font-size:.8rem;padding:12px;text-align:center}.voice-section{margin-bottom:12px}.voice-section>label{align-items:center;color:#e2e8f0;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.voice-section>label:first-child:not(:last-child){color:#a3a3a3;display:block;font-size:.8rem;margin-bottom:8px}.pitch-buttons{display:flex;gap:6px}.pitch-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3a3;cursor:pointer;flex:1 1;font-size:.8rem;padding:8px 12px;transition:all .15s}.pitch-btn:hover{background:#ffffff1a}.pitch-btn.active{background:#00bcd426;border-color:#00bcd4;color:#00bcd4}.reset-voice-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3a3;cursor:pointer;display:block;font-size:.8rem;margin-top:8px;padding:8px 12px;transition:all .15s;width:100%}.reset-voice-btn:hover{background:#ffffff1a;color:#fff}.meme-properties-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.meme-overlay{animation:memePopIn .3s ease-out;left:50%;pointer-events:none;position:absolute;z-index:8}.meme-overlay-image{border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:200px;max-width:200px;object-fit:contain}@keyframes memePopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:1200px){.editor-body{grid-template-columns:320px 1fr}.preview-panel{display:none}}@media (max-width:768px){.editor-body{grid-template-columns:1fr}.asset-sidebar,.header-title{display:none}}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.content-header h3{margin:0}.edit-script-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s}.edit-script-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.settings-footer{background:#161616;border-top:1px solid #ffffff0f;margin-top:auto;padding:20px}.download-btn-large{align-items:center;background:#eeba2c;border:none;border-radius:12px;box-shadow:0 4px 12px #eeba2c33;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.05em;padding:16px 24px;text-transform:uppercase;transition:all .2s;width:100%}.download-btn-large:hover:not(:disabled){background:#d4a322;box-shadow:0 8px 24px #eeba2c4d;transform:translateY(-2px)}.download-btn-large:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}.audio-converter-page{margin:0 auto;max-width:800px;padding:2rem 1rem}.audio-converter-page .page-header-center{margin-bottom:2rem;text-align:center}.audio-converter-page .brand-logo-center{filter:drop-shadow(0 4px 16px rgba(238,186,44,.3));height:auto;margin-bottom:1rem;width:80px}.audio-converter-page .page-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.audio-converter-page .page-subtitle{color:#98a0b3;font-size:1.1rem;margin-top:.5rem}.upload-zone{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff05 50%,#ffffff0d);border:2px dashed #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #ffffff0d;cursor:pointer;margin-bottom:1.5rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.upload-zone:before{background:radial-gradient(circle at center,#ffffff08 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.upload-zone:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0a 50%,#ffffff14);border-color:#eeba2c66;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff14;transform:translateY(-2px)}.upload-zone:hover:before{opacity:1}.upload-zone.has-files{padding:2rem}.upload-zone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.upload-icon{color:#ffffffb3;transition:all .3s ease}.upload-zone:hover .upload-icon{color:#eeba2c;color:var(--brand-primary,#eeba2c);filter:drop-shadow(0 0 12px rgba(238,186,44,.4))}.upload-zone h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.upload-zone p{color:#98a0b3;margin:0}.supported-formats{background:#ffffff08;border-radius:20px;color:#6b7280;font-size:.75rem;margin-top:.5rem;padding:6px 12px}.file-list-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;margin-bottom:1.5rem;padding:1rem}.file-list-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.file-list-header h3{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.btn-text,.file-list-header h3 svg{color:#eeba2c;color:var(--brand-primary,#eeba2c)}.btn-text{background:none;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.btn-text:hover{background:#eeba2c1a;color:#fff}.file-list{list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:0}.file-list::-webkit-scrollbar{width:6px}.file-list::-webkit-scrollbar-track{background:#0000}.file-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.file-item{align-items:center;background:#0000004d;border:1px solid #ffffff0a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s}.file-item:hover{background:#ffffff0a;border-color:#ffffff14}.file-item:last-child{margin-bottom:0}.file-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.file-info svg{color:#eeba2c;color:var(--brand-primary,#eeba2c);flex-shrink:0}.file-name{color:#e6e8ee;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b7280;flex-shrink:0;font-size:.8rem}.remove-file-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.35rem;transition:all .2s}.remove-file-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.converter-settings{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;margin-bottom:1.5rem;padding:1.25rem}.setting-group label{color:#c3cfe0;display:block;font-size:.9rem;margin-bottom:.75rem}.bitrate-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bitrate-option{background:#00000059;border:2px solid #ffffff14;border-radius:12px;cursor:pointer;padding:.875rem;text-align:left;transition:all .25s ease}.bitrate-option:hover{background:#ffffff0d;border-color:#fff3}.bitrate-option.active{background:#ffffff14;border-color:#fff6;box-shadow:0 0 0 1px #ffffff1a}.bitrate-option strong{color:#fff;display:block;font-size:.95rem;margin-bottom:.25rem}.bitrate-option span{color:#6b7280;font-size:.75rem}.bitrate-option.active strong{color:#fff}.bitrate-option:disabled{cursor:not-allowed;opacity:.5}.message{border-radius:12px;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:1rem 1.25rem}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b33;color:#ff6b6b}.success-message{background:#eeba2c1a;border:1px solid #eeba2c4d;color:#eeba2c;color:var(--brand-primary,#eeba2c)}.btn-convert{align-items:center;background:#fff;border:1px solid #fff;border-radius:14px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.03em;margin-bottom:2.5rem;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-convert:hover:not(:disabled){background:#e5e5e5;border-color:#e5e5e5;transform:translateY(-2px)}.btn-convert:active:not(:disabled){transform:translateY(0)}.btn-convert:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.converter-info{padding-top:1rem;text-align:center}.converter-info h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;padding:1.5rem 1.25rem;text-align:center;transition:all .3s ease}.info-card:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a 50%,#ffffff14);border-color:#eeba2c40;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1f;transform:translateY(-4px)}.info-icon{display:block;filter:drop-shadow(0 0 8px rgba(238,186,44,.3));font-size:2.2rem;margin-bottom:.75rem}.info-card h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.info-card p{color:#98a0b3;font-size:.85rem;line-height:1.5;margin:0}@media (max-width:600px){.audio-converter-page{padding:1rem}.audio-converter-page .page-title{font-size:1.8rem}.upload-zone{padding:2rem 1rem}.bitrate-options{grid-template-columns:repeat(2,1fr)}.file-info{gap:.5rem}.file-size{display:none}.info-grid{gap:.75rem;grid-template-columns:1fr 1fr}.info-card{padding:1.25rem 1rem}}.projects-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.projects-header h1{font-size:2rem;margin:0}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr)}@media (max-width:1400px){.projects-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#1e1e1e;background:var(--card-surface,#1e1e1e);border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{border-color:#eeba2c;border-color:var(--brand-primary,#eeba2c);box-shadow:0 10px 20px #0000004d;transform:translateY(-4px)}.project-thumbnail{aspect-ratio:9/16;background:#000;overflow:hidden;position:relative;width:100%}.project-thumbnail img,.project-thumbnail video{height:100%;object-fit:cover;width:100%}.project-play-overlay{align-items:center;aspect-ratio:1/1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:50%;color:#fffc;display:flex;height:64px;justify-content:center;left:50%;min-height:64px;min-width:64px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s,color .2s;width:64px}.project-card:hover .project-play-overlay{background:#0009;color:#fff;transform:translate(-50%,-50%) scale(1.1)}.project-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;left:12px;letter-spacing:.05em;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.project-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.project-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.project-date{color:#888;font-size:.8rem}.project-actions{display:flex;justify-content:flex-start;margin-top:auto;padding:0 16px 16px}.delete-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;padding:8px;transition:color .2s,background .2s}.delete-btn:hover{background:#ff4d4d1a;color:#ff4d4d}.quiz-creator{background:#161616;border-radius:30px;display:block;font-family:Inter,sans-serif;min-height:calc(100vh - 84px);padding:0}.quiz-card{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:none;min-height:100%;overflow:visible;width:100%}.quiz-header{align-items:center;background:#0000;border-bottom:none;color:#eeba2c;display:flex;gap:12px;padding:32px 32px 20px}.quiz-header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.topic-section{display:flex;flex-direction:column;gap:24px;padding:32px}.topic-input-row{align-items:center;display:flex;gap:12px}.topic-input{background:#000;border:1px solid #333;border-radius:12px;box-shadow:inset 0 2px 4px #00000080;color:#fff;flex:1 1;font-size:1rem;padding:14px 20px;transition:all .2s}.topic-input:focus{background:#0a0a0f;border-color:#eeba2c;box-shadow:0 0 0 1px #eeba2c,inset 0 2px 4px #00000080;outline:none}.topic-input::placeholder{color:#525252}.dice-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#eeba2c;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s;width:50px}.dice-btn:hover:not(:disabled){background:#eeba2c1a;border-color:#eeba2c;box-shadow:0 4px 12px #eeba2c1a;transform:translateY(-1px)}.dice-btn:active:not(:disabled){transform:translateY(0)}.dice-btn:disabled{cursor:not-allowed;opacity:.5}.settings-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:32px;padding:20px 24px}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group label{align-items:center;color:#a3a3a3;display:flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase}.option-buttons{display:flex;gap:8px}.option-btn{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#a3a3a3;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s}.option-btn:hover{border-color:#ffffff4d;color:#fff}.option-btn.active{background:linear-gradient(135deg,#eeba2c26,#d4a32226);border-color:#eeba2c4d;color:#fcd34d}.btn-generate{align-items:center;background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;border-radius:8px;box-shadow:0 4px 12px #eeba2c33;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;justify-content:center;padding:14px 32px;transition:all .2s}.btn-generate:hover:not(:disabled){box-shadow:0 8px 24px #eeba2c4d;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}.questions-section{display:flex;flex-direction:column;gap:24px;padding:32px}.questions-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-bottom:16px}.questions-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.question-count{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#a3a3a3;font-size:.85rem;padding:6px 14px}.questions-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.question-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s}.question-card:hover{background:#ffffff0a;border-color:#ffffff1f}.question-card.editing{background:#eeba2c05;border-color:#eeba2c}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-number{color:#fff;font-size:.9rem;font-weight:700}.question-actions{display:flex;gap:6px}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3a3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.action-btn.delete:hover{background:#f871711a;border-color:#f8717166;color:#f87171}.action-btn.save{color:#10b981}.action-btn.save:hover{background:#10b9811a;border-color:#10b98166}.action-btn.cancel:hover{background:#f871711a;border-color:#f8717166;color:#f87171}.question-text{color:#fff;font-size:1rem;line-height:1.4;margin:0 0 12px}.question-input{background:#000;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:12px;padding:12px 14px;width:100%}.question-input:focus{background:#0a0a0f;border-color:#eeba2c;outline:none}.choices-display{display:flex;flex-direction:column;gap:8px}.choice-display{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:8px;display:flex;gap:10px;padding:10px 14px}.choice-display.correct{background:#10b98114;border-color:#10b981}.choice-label{color:#eeba2c;font-weight:700;min-width:28px}.choice-text{color:#e2e8f0;font-size:.95rem}.correct-icon{color:#10b981;margin-left:auto}.choices-edit{display:flex;flex-direction:column;gap:8px}.choice-edit-row{align-items:center;display:flex;gap:10px}.choice-edit-row input{background:#000;border:1px solid #333;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;padding:10px 14px}.choice-edit-row input:focus{border-color:#eeba2c;outline:none}.correct-toggle{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#a3a3a3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.correct-toggle:hover{border-color:#10b981;color:#10b981}.correct-toggle.active{background:#10b981;border-color:#10b981;color:#fff}.questions-footer{border-top:1px solid #ffffff0f;display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.btn-secondary{align-items:center;border:1px solid #fff3;border-radius:8px;color:#e2e8f0;display:flex;font-size:.95rem;gap:10px;padding:12px 24px}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff;color:#fff}.btn-render{align-items:center;background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;border-radius:8px;box-shadow:0 4px 12px #eeba2c33;color:#000;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;padding:14px 28px;transition:all .2s}.btn-render:hover:not(:disabled){box-shadow:0 8px 24px #eeba2c4d;transform:translateY(-2px)}.btn-render:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.6}.render-complete{flex-direction:column;padding:60px 32px;text-align:center}.render-complete,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,#eeba2c,#d4a322);border-radius:50%;box-shadow:0 8px 24px #eeba2c4d;color:#000;height:80px;justify-content:center;margin-bottom:24px;width:80px}.render-complete h2{color:#fff;font-size:1.75rem;font-weight:800;margin:0 0 8px}.render-complete p{color:#a3a3a3;font-size:1rem;margin:0 0 32px}.render-actions{display:flex;gap:16px}.btn-download{align-items:center;background:linear-gradient(135deg,#eeba2c,#d4a322);border:none;border-radius:8px;box-shadow:0 4px 12px #eeba2c33;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:14px 28px;transition:all .2s}.btn-download:hover{box-shadow:0 8px 24px #eeba2c4d;transform:translateY(-2px)}.video-preview{border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;margin:24px auto;max-width:320px;overflow:hidden;width:100%}.preview-player{background:#000;display:block;width:100%}.btn-download:disabled{cursor:not-allowed;opacity:.6}.error-message{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#f87171;display:flex;gap:10px;margin:0 32px;padding:16px 20px}@media (max-width:640px){.questions-section,.topic-section{padding:20px}.quiz-header{padding:24px 20px 16px}.settings-row{gap:20px}.questions-footer,.settings-row{flex-direction:column}.btn-render,.btn-secondary{justify-content:center;width:100%}.render-actions{flex-direction:column;width:100%}.btn-download,.render-actions .btn-secondary{justify-content:center;width:100%}.error-message{margin:0 20px}}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:#eeba2c4d;border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:#eeba2c80}.caption-picker-content{background:#000;border:1px solid #333;color:#fff;max-width:600px;width:90%}.modal-header h3{font-weight:600}.close-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s}.close-btn:hover{background:#222;color:#fff}.modal-body{max-height:70vh;overflow-y:auto;padding:20px}.caption-settings-section{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:20px}.setting-row{margin-bottom:12px}.setting-label,.setting-row{align-items:center;display:flex}.setting-label{cursor:pointer;-webkit-user-select:none;user-select:none}.setting-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:10px;width:18px}.setting-text{color:#fff;font-size:.95rem}.size-control{align-items:center;display:flex;gap:15px;width:100%}.modal-slider{-webkit-appearance:none;background:#333;border-radius:3px;flex:1 1;height:6px;outline:none}.modal-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:18px;width:18px}.caption-styles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:4px}.caption-style-card{background:#111;border:1px solid #333;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:120px;overflow:hidden;transition:all .2s ease}.caption-style-card:hover{background:#1a1a1a;border-color:#666;transform:translateY(-2px)}.caption-style-card.active{background:#1a1a1a;border-color:#fff;box-shadow:0 0 0 1px #fff}.style-card-preview{background:#000;flex:1 1;overflow:hidden;position:relative}.preview-container,.style-card-preview{align-items:center;display:flex;justify-content:center;width:100%}.preview-container{height:100%}.style-card-info{background:#111;border-top:1px solid #333;padding:10px;text-align:center}.style-card-name{color:#888;font-size:.9rem;font-weight:500}.caption-style-card:hover .style-card-name{color:#ccc}.caption-style-card.active .style-card-name{color:#fff;font-weight:600}.clip-trimmer-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.clip-trimmer-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-width:90%;width:600px}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#fff;font-size:1.1rem;margin:0}.modal-body{padding:30px 20px}.time-display{justify-content:space-between;margin-bottom:25px}.time-box,.time-display{align-items:center;display:flex}.time-box{background:#252525;border:1px solid #444;border-radius:6px;flex-direction:column;padding:8px 16px}.time-box label{color:#888;font-size:.75rem;margin-bottom:2px;text-transform:uppercase}.time-box span{color:#eeba2c;font-family:monospace;font-size:1.1rem;font-weight:600}.duration-box{background:#111;border-radius:10px;color:#666;font-size:.9rem;padding:4px 10px}.trimmer-timeline-container{background:#111;border:1px solid #333;border-radius:8px;cursor:default;height:48px;margin-bottom:10px;overflow:hidden;position:relative}.timeline-scale{bottom:0;display:flex;justify-content:space-between;left:0;opacity:.2;padding:0 4px;pointer-events:none;position:absolute;right:0;top:0}.tick{background:#fff;height:100%;width:1px}.timeline-bg{background:#ffffff0d;bottom:10px;left:0;position:absolute;right:0;top:10px}.timeline-selection{background:#eeba2c33;border-bottom:2px solid #eeba2c;border-top:2px solid #eeba2c;bottom:1px;position:absolute;top:1px}.timeline-handle{align-items:center;background:#eeba2c;bottom:0;cursor:col-resize;display:flex;justify-content:center;position:absolute;top:0;width:14px;z-index:10}.handle-left{border-radius:4px 0 0 4px;left:0;transform:translateX(-50%)}.handle-right{border-radius:0 4px 4px 0;right:0;transform:translateX(50%)}.handle-grip{background:#000;border-radius:1px;height:12px;width:2px}.timeline-handle:hover{background:#ffcc4d}.trimmer-hint{color:#555;font-size:.8rem;margin-top:8px;text-align:center}.modal-footer{border-top:1px solid #333;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.trimmer-transcript{background:#111;border:1px solid #333;border-radius:8px;margin-top:20px;padding:15px}.transcript-label{color:#888;font-size:.8rem;margin-bottom:10px;text-transform:uppercase}.transcript-content{color:#666;font-family:sans-serif;font-size:.95rem;line-height:1.6;max-height:120px;overflow-y:auto}.transcript-word{border-radius:2px;display:inline-block;padding:0 2px;transition:color .2s,background .2s}.transcript-word.in-range{color:#fff;font-weight:500}.transcript-word.out-of-range{color:#555;opacity:.7}.transcript-empty,.transcript-loading{color:#666;font-size:.9rem;font-style:italic;padding:20px 0;text-align:center}.cleanup-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cleanup-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-width:90%;overflow:hidden;width:450px}.cleanup-header{align-items:center;background:#202020;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.cleanup-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.cleanup-body{color:#ccc;font-size:.95rem;line-height:1.6;padding:30px 25px;text-align:center}.cleanup-body strong{color:#ff4d4d;font-weight:600}.cleanup-footer{background:#202020;border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn-secondary{background:#0000;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#333;border-color:#555;color:#fff}.btn-primary{align-items:center;background:#eeba2c;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s}.btn-primary:hover{background:#ffcc4d}.btn-danger{align-items:center;background:#3a1c1c;border:1px solid #ff4d4d;border-radius:6px;color:#ff4d4d;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-danger:hover{background:#ff4d4d;color:#fff}.clipintel-hero{margin:0 auto 40px;max-width:900px;padding-top:20px;text-align:center}.clipintel-hero-title{color:#fff;font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}.clipintel-hero-subtitle{color:#9fb0c6;font-size:1.1rem;font-weight:500;margin:0}.clipintel-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto 24px;max-width:900px}.clipintel-url-field{align-items:center;background:#1e1e1ef2;border:1px solid #ffffff1f;border-radius:8px;display:flex;flex:1 1;max-width:550px;min-width:300px;overflow:hidden}.clipintel-url-input{background:#0000;border:none;color:#e9eef7;flex:1 1;font-size:.95rem;outline:none;padding:14px 18px}.clipintel-url-input::placeholder{color:#6b7c8f}.clipintel-search-btn{background:#c9a227;border:none;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;padding:14px 24px;transition:background .2s}.clipintel-search-btn:hover:not(:disabled){background:#d9b23a}.clipintel-search-btn:disabled{cursor:not-allowed;opacity:.6}.clipintel-or{color:#6b7c8f;font-size:.9rem;font-weight:600;text-transform:uppercase}.clipintel-upload-btn{background:#0000;border:1px solid #ffffff59;border-radius:8px;color:#e9eef7;cursor:pointer;font-size:.95rem;font-weight:700;padding:14px 28px;transition:all .2s}.clipintel-upload-btn:hover{background:#ffffff14;border-color:#ffffff80}.clipintel-file-selected{align-items:center;background:#00000059;border:1px solid #ffffff1f;border-radius:10px;color:#e9eef7;display:flex;gap:16px;justify-content:center;margin:0 auto 20px;max-width:600px;padding:12px 20px}.clipintel-file-selected .btn-sm{font-size:.85rem;padding:8px 16px}.clipintel-save-row{margin-bottom:20px;text-align:center}.clipintel-save-row .save-btn{align-items:center;display:inline-flex;gap:8px}.clipintel-page .picked-file{background:#00000059;border:1px solid #ffffff1f;border-radius:12px;color:#e9eef7;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:12px;max-width:820px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.page-container.clipintel-page{max-width:1400px;text-align:left}.clipintel-page .page-header-center{margin:0 auto 32px;max-width:800px;text-align:center}.clipintel-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#e9eef7;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:12px 14px;text-decoration:none}.btn-primary{background:#eeba2c29;border-color:#eeba2c59}.btn-danger{background:#ff525224;border-color:#ff52524d}.btn-secondary.approved{background:#00ff9914;border-color:#00ff9940}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.clipintel-job{background:#0000004d;border:1px solid #ffffff1a;border-radius:14px;margin-left:auto;margin-right:auto;margin-top:16px;max-width:100%;padding:14px 16px}.clipintel-muted{color:#9fb0c6;font-size:.92rem;margin-top:6px}.warning-message{background:#eeba2c1a;border:1px solid #eeba2c4d;border-radius:14px;color:#f3e6c0;margin-left:auto;margin-right:auto;margin-top:14px;max-width:100%;padding:12px 14px}.clipintel-warnings{grid-gap:8px;display:grid;gap:8px;margin-top:8px}.clipintel-warning-item{background:#00000038;border:1px solid #ffffff1a;border-radius:12px;padding:10px 12px}.clipintel-warning-code{font-weight:900;letter-spacing:.02em;margin-bottom:4px}.clipintel-results{margin-left:auto;margin-right:auto;margin-top:22px;max-width:1400px;width:100%}.results-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.clip-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clip-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.clip-card-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.clip-title{color:#e9eef7;font-size:1.05rem;font-weight:800}.clip-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.pill{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;font-size:.85rem;font-weight:800;padding:6px 10px}.pill-good{background:#00ff9914;border-color:#00ff9940}.pill-neutral{border-color:#ffffff24}.clip-explanation{color:#c3cfe0;font-size:.95rem;margin-top:8px}.clip-video-container{margin-top:12px;position:relative;width:100%}.clip-video{background:#00000073;border-radius:12px;width:100%}.clip-duration-badge{background:#000000bf;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 8px;pointer-events:none;position:absolute;right:8px;top:8px}.clip-actions{flex-wrap:wrap;gap:10px;margin-top:12px}.clip-edit-controls{background:#00000040;border:1px solid #ffffff14;border-radius:12px;margin-top:12px;padding:12px}.caption-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#c3cfe0;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:10px;padding:6px 10px}.caption-toggle:hover{background:#ffffff14}.caption-toggle input[type=checkbox]{accent-color:#eeba2c;cursor:pointer;height:16px;width:16px}.caption-size-control{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#c3cfe0;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:10px;margin-left:8px;padding:6px 12px}.caption-size-slider{-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer;height:4px;width:80px}.caption-size-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#eeba2c;border-radius:50%;box-shadow:0 0 6px #eeba2c80;cursor:pointer;height:14px;width:14px}.caption-size-slider::-moz-range-thumb{background:#eeba2c;border:none;border-radius:50%;box-shadow:0 0 6px #eeba2c80;cursor:pointer;height:14px;width:14px}.caption-size-slider:disabled{cursor:not-allowed;opacity:.5}.caption-size-value{color:#f3e6c0;font-family:monospace;font-weight:700;min-width:28px;text-align:center}.clip-trimmer{margin-top:8px}.trimmer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.trimmer-label{color:#9fb0c6;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.trimmer-times{align-items:center;display:flex;gap:6px}.time-badge{background:#eeba2c26;border-radius:6px;color:#f3e6c0;font-family:monospace;font-size:.8rem;font-weight:700;padding:3px 8px}.time-duration,.time-separator{color:#6b7c8f;font-size:.8rem}.time-duration{margin-left:4px}.trimmer-track{border-radius:8px;cursor:pointer;height:32px;overflow:hidden;position:relative}.trimmer-bg{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;inset:0;position:absolute}.trimmer-selection{background:linear-gradient(135deg,#eeba2c40,#eeba2c26);border:2px solid #eeba2c99;border-radius:6px;bottom:0;position:absolute;top:0}.trimmer-handle{align-items:center;bottom:0;cursor:ew-resize;display:flex;justify-content:center;position:absolute;top:0;width:16px}.trimmer-handle.disabled{cursor:not-allowed;opacity:.5}.trimmer-handle.handle-left{left:-8px}.trimmer-handle.handle-right{right:-8px}.handle-grip{background:#eeba2c;border-radius:2px;box-shadow:0 0 6px #eeba2c80;height:16px;width:4px}.trimmer-handle:hover .handle-grip{background:#f5d060;box-shadow:0 0 10px #eeba2cb3}.rerender-actions{display:flex;gap:8px;margin-top:10px}.btn-rerender{align-items:center;background:#00ff991f;border:1px solid #00ff994d;border-radius:8px;color:#a8ffd4;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 14px}.btn-rerender:hover:not(:disabled){background:#00ff992e}.btn-rerender:disabled{cursor:not-allowed;opacity:.6}.btn-reset{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#9fb0c6;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px}.btn-reset:hover:not(:disabled){background:#ffffff1a}.clip-error{background:#ff52521f;border:1px solid #ff525240;border-radius:8px;color:#f99;font-size:.85rem;margin-top:8px;padding:8px 10px}.clip-card.clip-approved{background:#0000004d;border-color:#eeba2c99;border-width:2px}.clipintel-batch-actions{align-items:center;background:#00000059;border:1px solid #ffffff1f;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding:18px 20px}.batch-status .approved-count{color:#0f9;font-size:1.05rem;font-weight:700}.batch-buttons{display:flex;flex-wrap:wrap;gap:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.input-mode-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.mode-toggle-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#9fb0c6;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.mode-toggle-btn:hover{background:#ffffff1a;color:#e9eef7}.mode-toggle-btn.active{background:#eeba2c29;border-color:#eeba2c59;color:#f3e6c0}.url-input-zone{align-items:center;background:#00000040;border:2px dashed #ffffff1f;border-radius:16px;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:820px;padding:32px 24px}.url-input-wrapper{align-items:center;background:#00000059;border:1px solid #ffffff1f;border-radius:12px;display:flex;gap:12px;max-width:600px;padding:14px 18px;width:100%}.url-input-wrapper:focus-within{border-color:#eeba2c80;box-shadow:0 0 0 3px #eeba2c1a}.url-input-icon{color:#6b7c8f;flex-shrink:0}.url-input{background:#0000;border:none;color:#e9eef7;flex:1 1;font-size:1rem;outline:none}.url-input::placeholder{color:#6b7c8f}.url-input:disabled{opacity:.6}.url-fetch-btn{padding:14px 24px}.clip-info-row{justify-content:space-between;padding:10px 0}.clip-info-row,.score-badge{align-items:center;display:flex}.score-badge{background:#eeba2c;border-radius:50%;box-shadow:0 2px 4px #eeba2c4d;color:#000;cursor:help;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.clip-actions{display:flex;gap:12px}.icon-btn{align-items:center;background:#0000;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.icon-btn:hover{color:#fff;transform:scale(1.1)}.icon-btn.active-heart{color:#fff!important}.icon-btn.active-heart:hover{color:#e0e0e0!important}.icon-btn.active-heart svg{fill:currentColor!important;stroke:currentColor!important}.clip-title-row{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#eee;display:-webkit-box;font-size:.95rem;line-height:1.4;margin-bottom:8px;overflow:hidden}.style-picker-trigger{background:#ffffff0d;border:1px solid #ffffff1a;color:#ccc;justify-content:center;margin-top:10px;width:100%}.style-picker-trigger:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fff}@media (max-width:768px){.clip-list{gap:16px;grid-template-columns:repeat(2,1fr)}.clip-card{padding:12px}.clip-title{font-size:.9rem}.clip-explanation{font-size:.85rem}}.features-list{display:flex;flex-direction:column;gap:40px;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1100px;width:100%}.feature-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:32px;scroll-margin-top:100px;transition:border-color .3s ease}.feature-section:hover{border-color:#eeba2c}.feature-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;text-align:center}.feature-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px}.feature-description{color:#a0a8c0;font-size:.95rem;line-height:1.6;margin:0;text-align:center}.ai-features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ai-feature-card{background:#00000040;border:1px solid #ffffff14;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.ai-feature-card:hover{border-color:#eeba2c;transform:translateY(-2px)}.ai-feature-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.ai-feature-header .ai-icon{color:var(--brand-primary)}.ai-feature-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.ai-tech-badge{background:#eeba2c1a;border:1px solid #eeba2c33;border-radius:6px;color:var(--brand-primary);display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:10px;padding:4px 10px}.ai-feature-card p{color:#888;font-size:.88rem;line-height:1.5;margin:0}.features-cta{margin-top:60px;padding:48px 32px;text-align:center}.features-cta h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 12px}.features-cta p{color:#a0a8c0;font-size:1rem;margin:0 0 28px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-primary{align-items:center;background:var(--brand-primary);border-radius:10px;box-shadow:0 8px 24px var(--brand-shadow);color:#000;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s ease}.cta-primary:hover{box-shadow:0 12px 28px var(--brand-shadow-hover);transform:translateY(-2px)}.cta-secondary{align-items:center;background:#0000;border:1px solid #fff3;border-radius:10px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s ease}.cta-secondary:hover{background:#ffffff0d;border-color:#fff6}@media (max-width:768px){.features-list{gap:30px}.feature-section{padding:24px}.feature-header{flex-direction:column;gap:16px}.feature-header h2{font-size:1.25rem}.ai-features-grid{grid-template-columns:1fr}.features-cta{padding:32px 20px}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:280px;width:100%}}
/*# sourceMappingURL=main.89d1a871.css.map*/