@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4338ca;--secondary:#f59e0b;--accent:#ec4899;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-glass:rgba(255,255,255,0.1);--bg-card:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:#a0a9c0;--text-muted:#6b7280;--border:rgba(255,255,255,0.1);--shadow:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 60px rgba(99,102,241,0.3);--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-dark))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0,transparent 50%);z-index:-1}.main-container{width:100%;padding:0}.logo-section{text-align:center;margin-bottom:2rem}.logo-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.logo-image-center{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-secondary);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:1;display:block}.logo-image-center:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(99,102,241,.4)}.app-title{background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;line-height:1.1}.app-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500;line-height:1.4}.channel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1.5rem}.channel-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.channel-prompt{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.glass-container{background:rgba(26,26,46,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);padding:2rem 3rem;display:flex;flex-direction:column;gap:2rem;width:65vw;max-width:1200px}.glass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.status-bar{padding:0;border-radius:24px 24px 0 0;font-weight:600;text-align:center;position:relative;overflow:hidden;align-items:stretch;font-size:1rem;min-height:60px;background-color:var(--bg-tertiary);margin:-2rem -3rem 2rem}.platform-status-container,.status-bar{display:flex;justify-content:space-between}.platform-status-container{flex:1 1;align-items:center;padding:1.25rem 2rem;transition:background-color .3s ease}.platform-status-container.status-online{background:linear-gradient(135deg,#10b981,#059669);color:white}.platform-status-container.facebook-status.status-online{background:linear-gradient(135deg,#1877F2,#3b5998)}.platform-status-container.youtube-status.status-online{background:linear-gradient(135deg,#FF0000,#c4302b)}.platform-status-container.status-offline{background:transparent;color:#a0a9c0;border:1px solid rgba(255,255,255,.1)}.connect-link,.platform-name{text-transform:uppercase;letter-spacing:.05em}.connect-link{color:inherit;text-decoration:none;font-weight:700;transition:all .3s ease;padding:.7rem 1.5rem;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:.85rem}.connect-link:hover{opacity:1;background:rgba(255,255,255,.2);transform:translateY(-1px)}.status-divider{width:2px;background-color:rgba(255,255,255,.1)}.form-container{padding:0 0 2rem;display:grid;grid-template-columns:450px 2fr;grid-gap:3rem;gap:3rem;align-items:start;min-height:500px}@media (max-width:1024px){.form-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}#image-drop-zone,.image-preview-section{position:relative;height:100%}#image-drop-zone{width:100%;min-height:450px;background:rgba(255,255,255,.03);border:2px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;padding:2rem}#image-drop-zone:hover{border-color:var(--primary);background:rgba(99,102,241,.05);transform:translateY(-2px);box-shadow:0 15px 35px rgba(99,102,241,.2),0 5px 15px rgba(0,0,0,.1)}.image-preview-section.dragging #image-drop-zone{border-color:var(--accent);background:rgba(236,72,153,.1);transform:scale(1.02)}#image-drop-zone img{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;top:0;left:0}#image-drop-zone img.logo-image-center{width:120px;height:120px;border-radius:50%;position:static;top:auto;left:auto}#image-drop-zone img#thumbnail-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;top:0;left:0}#image-drop-zone p{text-align:center;color:var(--text-secondary);font-size:1rem;margin-top:.75rem;line-height:1.5}.form-section{gap:1.5rem;height:100%}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-label{font-weight:600;color:var(--text-primary);font-size:1rem;display:flex;align-items:center;gap:.5rem}.form-label:before{content:"🎬";font-size:1.2rem}.form-label:has(+.form-input[name=description]):before{content:"📝"}.form-label:has(+.schedule-toggle-wrapper):before{content:"⏰"}.file-drop-zone{width:100%;padding:1rem 1.5rem;background:var(--bg-card);border:2px dashed var(--border);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:1rem;min-height:60px;display:flex;align-items:center;justify-content:center;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-drop-zone:hover{border-color:var(--primary);background:rgba(99,102,241,.05);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,.15)}.file-drop-zone.dragging{border-color:var(--accent);background:rgba(236,72,153,.1);transform:scale(1.02)}.form-input{width:100%;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;resize:vertical;min-height:120px;font-family:inherit}.form-input[type=datetime-local]{min-height:50px}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1),0 4px 12px rgba(99,102,241,.15);background:rgba(99,102,241,.03);transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}.char-counter{text-align:right;font-size:.875rem;color:var(--text-muted);margin-top:.5rem;opacity:.8;transition:opacity .3s ease}.form-input:focus+.char-counter{opacity:1;color:var(--primary)}.auto-hashtags{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auto-hashtags p{margin:.5rem 0}.schedule-group{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}.schedule-toggle-wrapper{display:flex;align-items:center;gap:1.5rem;min-height:50px}.schedule-toggle-wrapper input[type=datetime-local]{flex-grow:1}.schedule-toggle-wrapper input[type=checkbox]{display:none}.toggle-switch{width:48px;height:26px;background:var(--bg-tertiary);border-radius:13px;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.schedule-toggle-wrapper input[type=checkbox]:checked+.toggle-switch{background:var(--primary);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(99,102,241,.3)}.schedule-toggle-wrapper input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(22px)}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;min-height:50px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);color:white;box-shadow:0 4px 15px rgba(99,102,241,.3),0 2px 4px rgba(0,0,0,.1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4),0 4px 12px rgba(0,0,0,.15)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn svg{width:20px;height:20px}.loading{animation:spin 1s linear infinite}.progress-container-inline{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin:0;width:100%;box-sizing:border-box;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-container-inline .progress-bar-wrapper{background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin-bottom:1rem;height:10px}.progress-container-inline .progress-bar{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width .3s ease;position:relative}.progress-container-inline .progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 1.5s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.progress-container-inline .progress-text{color:var(--text-primary);font-weight:600;text-align:center;font-size:1rem}.progress-container-inline .status-log{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-top:.5rem}.upload-results-inline{margin-top:1rem;padding:1.5rem;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.upload-results-inline .results-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;font-size:1.1rem;color:var(--text-primary)}.upload-results-inline .results-icon{font-size:1.5rem}.upload-results-inline .results-body{display:flex;flex-direction:column;gap:1rem}.platform-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto auto;grid-gap:1.5rem;gap:1.5rem;align-items:center}.platform-row:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.platform-row:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.facebook-row{border-left:4px solid #1877f2}.youtube-row{border-left:4px solid #ff0000}.error-row{border-left:4px solid var(--error)}.platform-info{display:flex;align-items:center;gap:1rem;flex:1 1;min-width:0}.platform-icon-large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:rgba(255,255,255,.1);flex-shrink:0}.facebook-icon-large{background:linear-gradient(135deg,#1877F2,#3b5998)}.youtube-icon-large{background:linear-gradient(135deg,#FF0000,#c4302b)}.platform-details{flex:1 1;min-width:0}.platform-name-large{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.platform-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.platform-status-large{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.25rem;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:12px;font-weight:600;font-size:.9rem;color:var(--success);white-space:nowrap;height:44px;box-sizing:border-box}.status-failed{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:var(--error)}.status-icon{font-size:1.1rem}.link-section{display:flex;align-items:center;gap:.75rem}.copy-button-large,.view-link{padding:0 1.25rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5rem;height:44px;box-sizing:border-box}.view-link{background:var(--gradient-primary);color:white;box-shadow:0 4px 12px rgba(99,102,241,.3)}.copy-button-large{background:rgba(255,255,255,.1);color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}.copy-button-large:hover,.view-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.copy-button-large:hover{background:rgba(255,255,255,.15);color:var(--text-primary);box-shadow:0 4px 16px rgba(255,255,255,.1)}.copy-button-large.copied{background:rgba(16,185,129,.2);color:var(--success);border-color:rgba(16,185,129,.4)}@keyframes copySuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){body{padding:1rem}.main-container{padding:0}.form-container{grid-template-columns:1fr;gap:1rem;padding:1rem}#image-drop-zone{min-height:300px}.app-title{font-size:2rem}.app-subtitle{font-size:1rem}.progress-container-inline{padding:1rem;margin:.75rem 1rem 1rem}.status-bar{padding:1rem;font-size:.9rem;flex-direction:column;gap:.5rem;text-align:center}.status-bar a{padding:.75rem 1.5rem}.platform-row{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.platform-info{gap:.75rem}.link-section{justify-content:center}}@media (max-width:480px){body{padding:.5rem}.form-container{padding:.75rem}.app-title{font-size:1.75rem}.app-subtitle{font-size:.9rem}#image-drop-zone{min-height:250px;padding:1rem}.form-input{padding:.75rem 1rem;font-size:.9rem}.btn{padding:.875rem 1.5rem;font-size:.9rem}.platform-row{padding:1.25rem;gap:1rem;margin-bottom:1rem}.platform-name-large{font-size:1rem}.platform-description{font-size:.85rem}}.upload-results-top{padding:0;animation:fadeInUp .5s ease-out}.upload-results-top .results-body{display:flex;flex-direction:column;gap:1rem}@media (max-width:1024px){.upload-results-top{margin:1.5rem 0;padding:0 1.5rem}}@media (max-width:768px){.upload-results-top{margin:1rem 0;padding:0 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-container{animation:fadeInUp .6s ease-out}.logo-section{animation:fadeInUp .8s ease-out}.disconnected-placeholder{flex-direction:column;text-align:center;gap:.75rem;padding:1.5rem}.disconnected-icon,.disconnected-placeholder{display:flex;align-items:center;justify-content:center}.disconnected-icon{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.disconnected-icon svg{color:var(--text-muted);opacity:.6}.disconnected-icon:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:scale(1.02)}.disconnected-text{font-size:1.1rem;font-weight:600;color:var(--text-muted);margin:0;line-height:1.3}.disconnected-subtext{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.4;opacity:.8}.top-navbar{width:100%;background-color:rgba(26,26,46,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.75rem 2rem;justify-content:space-between;position:fixed;top:0;left:0;z-index:1000}.top-navbar,.user-info,.user-info-container{display:flex;align-items:center}.user-info{gap:.75rem;font-weight:600}.navbar-buttons{display:flex;align-items:center;gap:8px}.user-avatar{border-radius:50%;border:2px solid var(--border)}.logout-button{background-color:var(--primary-dark);color:white;border:none;padding:.75rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;font-size:1rem;line-height:1.2;white-space:nowrap}.logout-button:hover{background-color:var(--primary)}.hide-until-mounted{visibility:hidden}.fade-in{animation:fadeInAnimation .5s ease-in forwards}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#111;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;transition:opacity .5s ease-out}.loader{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#error-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2c0b0e;z-index:9998;display:flex;justify-content:center;align-items:center;color:#ffcdd2;padding:20px;text-align:center}#app-content{transition:opacity .5s ease-in,visibility .5s}