*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background-color:#121212;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}html{scrollbar-width:thin;scrollbar-color:#555 #121212}html::-webkit-scrollbar{width:8px}.homepage::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#121212}.homepage::-webkit-scrollbar-track{background:#121212}html::-webkit-scrollbar-thumb{background:#555;border:2px solid #121212}.homepage::-webkit-scrollbar-thumb{background:#555;border:2px solid #121212}html::-webkit-scrollbar-thumb:hover{background:#707070}.homepage::-webkit-scrollbar-thumb:hover{background:#707070}#root{width:100%;max-width:420px}.homepage{scrollbar-width:thin;scrollbar-color:#555 #121212;background-color:#121212;flex-direction:column;align-items:center;width:100vw;height:100vh;min-height:100vh;padding:24px 30px;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-button{background:0 0;border:0;justify-content:center;align-items:center;width:64px;height:64px;margin:0;padding:0;display:flex;position:absolute;top:80px;right:90px}.settings-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.homepage-content{width:min(100%,900px);margin-top:71px}.youtube-warning{color:#cfc5a1;background-color:#211f16;border:1px solid #544617;align-items:center;gap:12px;margin-bottom:22px;padding:11px 15px;font-size:.85rem;display:flex}.youtube-warning span{color:#e5bc36;text-align:center;border:1px solid #e5bc36;width:17px;height:17px;font-weight:700;line-height:15px}.video-input-panel{text-align:center;border:1px solid #333;flex-direction:column;justify-content:center;min-height:270px;padding:40px 46px;display:flex}.upload-button{justify-content:center;align-items:center;gap:10px;max-width:318px;margin:0 auto;padding:14px 20px;font-size:1.05rem;font-weight:600;display:flex}.upload-button-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.url-toggle{color:#bdbdbd;cursor:pointer;background:0 0;border:0;width:auto;margin:14px auto 0;padding:0;font-size:1rem;text-decoration:underline;display:block}.url-toggle:hover{color:#fff;background:0 0}.url-form{flex-direction:column;gap:0;display:flex}.url-form input{min-width:0;padding-top:7px;padding-bottom:7px}.url-form button{width:auto;margin:0}.homepage-status{text-align:center;color:#bdbdbd;border:1px solid #333;width:min(100%,308px);margin:44px auto 0;padding:16px;font-size:.9rem}.processing-status{text-align:center;color:#bdbdbd;margin:30px auto 0;font-size:.9rem}.generate-button{width:min(100%,308px);margin:30px auto 0;display:block}.video-preview-section,.generated-content{border:1px solid #333;width:100%;margin-top:30px;padding:22px}.video-preview-section h2,.generated-content h2{color:#fff;margin-bottom:18px;font-size:1.05rem;font-weight:500}.video-preview{background:#000;width:100%;max-height:360px;display:block}.short-preview-status{color:#bdbdbd;background:#000;justify-content:center;align-items:center;min-height:220px;font-size:.9rem;display:flex}.content-field{color:#bdbdbd;margin-top:18px;font-size:.85rem;display:block}.content-field-input{align-items:flex-start;gap:8px;margin-top:7px;display:flex}.content-field input,.content-field textarea,.playlist-control select{color:#fff;width:100%;min-width:0;font:inherit;resize:vertical;background:#1e1e1e;border:1px solid #555;padding:10px}.content-field textarea{min-height:40px;overflow-y:hidden}.field-regenerate{flex-shrink:0;width:auto;height:40px;margin:0;padding:9px 10px;font-size:.78rem}.regeneration-modal-backdrop{z-index:30;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.regeneration-modal{background:#1e1e1e;border:1px solid #444;width:min(100%,360px);padding:22px}.regeneration-modal h2{color:#fff;margin-bottom:18px;font-size:1rem;font-weight:500}.regeneration-modal label,.regeneration-modal small{color:#bdbdbd;margin-bottom:7px;font-size:.82rem;display:block}.regeneration-modal textarea{color:#fff;width:100%;min-height:76px;font:inherit;resize:vertical;background:#121212;border:1px solid #555;padding:10px}.regeneration-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.regeneration-modal-actions button{width:auto;margin:0}.playlist-control{margin-top:22px}.playlist-control label{color:#bdbdbd;margin-bottom:7px;font-size:.85rem;display:block}.short-video-section{border-top:1px solid #444;margin-top:30px;padding-top:26px}.short-video-section.without-main-video{border-top:0;margin-top:0;padding-top:0}.thumbnail-upload{color:#bdbdbd;flex-direction:column;align-items:flex-start;gap:7px;margin-top:22px;font-size:.85rem;display:flex}.thumbnail-upload-label{color:#fff}.thumbnail-upload small{color:#888;font-size:.78rem}.thumbnail-upload-button{width:auto;margin:0;padding:9px 12px;font-size:.85rem}.thumbnail-upload-preview{color:#bdbdbd;align-items:center;gap:10px;max-width:100%;display:flex;overflow:hidden}.thumbnail-upload-preview img{object-fit:cover;border:1px solid #555;flex-shrink:0;width:96px;height:54px}.short-video-section .thumbnail-upload-preview img{width:54px;height:96px}.thumbnail-upload-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thumbnail-upload-error{color:#e08b8b!important}.publish-button{width:auto;margin:24px 0 0}.toast{z-index:20;background:#1b1b1b;border:1px solid #555;flex-direction:column;gap:8px;max-width:min(380px,100vw - 48px);padding:14px 42px 14px 16px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000059}.toast-ephemeral{animation:4s ease-in-out forwards toast-fade}.toast-success{color:#d7efd7;border-color:#557355}.toast-error{color:#f88;background:#2d1515;border-color:#622}.toast a{color:#fff;text-decoration:underline}.toast-close{color:#aaa;background:0 0;border:0;width:auto;margin:0;padding:0 4px;font-size:1.2rem;line-height:1;position:absolute;top:7px;right:9px}.toast-close:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade{0%{opacity:0;transform:translateY(10px)}12%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.homepage-footer{color:#777;width:min(100%,900px);margin-top:auto;padding-top:32px;font-size:.75rem}.homepage-footer a{color:#9a9a9a;text-decoration:underline}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-modal-backdrop{z-index:20;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.settings-modal{background:#1e1e1e;border:1px solid #444;width:min(100%,1000px);height:560px;max-height:calc(100vh - 48px);display:flex;position:relative;overflow:hidden}.settings-modal-close{z-index:1;background:0 0;border:1px solid #0000;width:32px;height:32px;margin:0;padding:6px;position:absolute;top:14px;right:14px}.settings-modal-close:hover{background:#2c2c2c;border-color:#555}.settings-modal-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:100%;height:100%}.settings-sidebar{border-right:1px solid #3a3a3a;flex-shrink:0;width:25%;padding:34px 0 24px}.settings-sidebar h2{color:#fff;padding:0 24px 28px;font-size:1.1rem;font-weight:500}.settings-tab{color:#999;text-align:left;background:0 0;border:0;border-left:2px solid #0000;width:100%;margin:0;padding:13px 24px}.settings-tab:hover,.settings-tab.active{color:#fff;background:#292929}.settings-tab.active{border-left-color:#fff}.settings-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 #1e1e1e;flex:1;min-height:0;padding:72px 58px 40px 44px;overflow-y:auto}.settings-panel::-webkit-scrollbar{width:8px}.settings-panel::-webkit-scrollbar-track{background:#1e1e1e}.settings-panel::-webkit-scrollbar-thumb{background:#555;border:2px solid #1e1e1e}.settings-panel::-webkit-scrollbar-thumb:hover{background:#707070}.settings-panel h3{color:#fff;margin-bottom:28px;font-size:1.2rem;font-weight:500}.settings-list,.account-settings{max-width:620px}.setting-row,.account-action,.account-email{color:#ddd;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:20px;min-height:76px;font-size:.95rem;display:flex}.setting-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.setting-copy strong{color:#ddd;font-weight:400}.setting-copy small{color:#888;max-width:520px;font-size:.78rem;line-height:1.35}.setting-short-group{border-bottom:1px solid #333}.setting-short-group .setting-row{border-bottom:0}.setting-subsetting{min-height:60px;padding-left:24px}.setting-subsetting .setting-copy strong{font-size:.86rem}.setting-subsetting .setting-copy small{font-size:.72rem}.setting-row select{color:#fff;width:150px;font:inherit;background:#121212;border:1px solid #555;padding:8px 10px}.toggle-input{opacity:0;pointer-events:none;position:absolute}.toggle-control{cursor:pointer;background:#292929;border:1px solid #666;flex-shrink:0;width:42px;height:23px;position:relative}.toggle-control:after{content:"";background:#999;width:15px;height:15px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-control{background:#555;border-color:#aaa}.toggle-input:checked+.toggle-control:after{background:#fff;transform:translate(19px)}.toggle-input:disabled+.toggle-control{cursor:not-allowed;opacity:.45}.toggle-input:focus-visible+.toggle-control,.setting-row select:focus-visible{outline-offset:2px;outline:1px solid #fff}.account-email,.account-action{align-items:flex-start;padding:18px 0}.account-email{flex-direction:column;gap:7px}.account-action>div{flex-direction:column;gap:7px;display:flex}.account-label{color:#888;font-size:.8rem}.account-button{color:#fff;width:auto;min-width:120px;font:inherit;background:#2c2c2c;border:1px solid #555;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 12px;text-decoration:none;display:inline-flex}.account-button:hover{background:#3d3d3d}.action-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.youtube-icon{fill:red;stroke:none}.youtube-icon .youtube-play{fill:#fff}.youtube-toast{z-index:30}.url-modal-backdrop{z-index:10;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.url-modal{background:#1e1e1e;border:1px solid #444;width:min(100%,500px);padding:24px}.url-modal h2{color:#fff;margin-bottom:18px;font-size:1rem;font-weight:500}.url-modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.url-modal-actions button{width:auto;min-width:90px}.card{background-color:#1e1e1e;border:1px solid #333;border-radius:0;padding:24px}h1{color:#fff;border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:16px}label{color:#aaa;margin-bottom:6px;font-size:.875rem;display:block}input[type=text],input[type=email],input[type=password]{color:#fff;background-color:#121212;border:1px solid #444;border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:.95rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#888}input[type=url]{color:#fff;background-color:#121212;border:1px solid #444;border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:.95rem}input[type=url]:focus{border-color:#888}button{color:#fff;cursor:pointer;text-align:center;background-color:#2c2c2c;border:1px solid #555;border-radius:0;width:100%;margin-top:8px;padding:10px 16px;font-size:.95rem;text-decoration:none;display:inline-block}button:hover{background-color:#3d3d3d}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:#aaa;background-color:#0000;border-color:#444}button.secondary:hover{color:#fff;background-color:#222}button.danger{color:#f99;background-color:#3b1111;border-color:#622}button.danger:hover{background-color:#551a1a}.alert-error{color:#f88;background-color:#2d1515;border:1px solid #622;border-radius:0;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.alert-success{color:#8f9;background-color:#152d1b;border:1px solid #263;border-radius:0;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.status-box{background-color:#161616;border:1px solid #333;border-radius:0;margin:16px 0;padding:12px;font-size:.95rem}.status-value{font-weight:700}.status-connected{color:#4caf50}.status-disconnected{color:#ff9800}.channel-info{color:#888;margin-top:8px;font-size:.85rem}.toggle-link{text-align:center;color:#888;margin-top:20px;font-size:.875rem}.toggle-link a{color:#fff;cursor:pointer;text-decoration:underline}.loading-container{text-align:center;color:#888;padding:40px 20px;font-size:1rem}@media (width<=600px){body{align-items:flex-start;padding:16px}#root{max-width:none}.homepage{height:100dvh;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow-x:hidden}.homepage-content{margin-top:58px}.video-input-panel{min-height:240px;padding:28px 16px}.youtube-warning{align-items:flex-start;margin-bottom:16px;padding:10px 12px;line-height:1.4}.upload-button{width:100%;max-width:320px}.video-preview-section,.generated-content{margin-top:20px;padding:16px}.video-preview{max-height:none}.short-preview-status{min-height:180px}.content-field-input{flex-direction:column}.content-field-input .field-regenerate{align-self:flex-end}.publish-button,.thumbnail-upload-preview{width:100%}.toast{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));max-width:none}.settings-modal-backdrop{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:stretch}.settings-modal{flex-direction:column;width:100%;height:100%;max-height:none}.settings-sidebar{border-bottom:1px solid #3a3a3a;border-right:0;flex-wrap:wrap;width:100%;padding:20px 12px 0;display:flex}.settings-sidebar h2{width:100%;padding:0 4px 16px}.settings-sidebar>button{text-align:center;border-bottom:2px solid #0000;border-left:0;width:50%;margin:0;padding:11px 12px}.settings-sidebar>button.active{border-bottom-color:#fff;border-left-color:#0000}.settings-panel{padding:52px 16px 28px}.settings-panel h3{margin-bottom:18px}.setting-row,.account-action{align-items:flex-start;gap:14px;min-height:0;padding:17px 0}.setting-copy small{max-width:none}.setting-subsetting{padding-left:14px}.setting-row select{flex-shrink:0;width:132px}.account-action{flex-direction:column}.account-action .account-button{width:100%}.url-modal,.regeneration-modal{padding:18px}.url-modal-actions,.regeneration-modal-actions{flex-direction:column-reverse}.url-modal-actions button,.regeneration-modal-actions button{width:100%;min-width:0}.homepage-footer{width:100%;padding-top:28px;line-height:1.5}.settings-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:48px;height:48px}.settings-button svg{width:30px;height:30px}}@media (width<=380px){body{padding:12px}.homepage{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.homepage-content{margin-top:54px}.video-input-panel{min-height:220px}.settings-panel{padding-left:12px;padding-right:12px}.setting-row{gap:10px}.setting-row select{width:118px}}