.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}.error-boundary__card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px #0000004d}.error-boundary__icon{font-size:4rem;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}}.error-boundary__title{font-size:1.75rem;font-weight:700;color:#f2f3f5;margin:0 0 .75rem}.error-boundary__message{color:#b5bac1;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.error-boundary__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.error-boundary__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.error-boundary__btn--primary{background:#5865f2;color:#fff}.error-boundary__btn--primary:hover{background:#4752c4;transform:translateY(-1px)}.error-boundary__btn--secondary{background:#ffffff1a;color:#f2f3f5;border:1px solid rgba(255,255,255,.2)}.error-boundary__btn--secondary:hover{background:#ffffff26;transform:translateY(-1px)}.error-boundary__help{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.error-boundary__help-text{color:#949ba4;font-size:.9rem;margin:0 0 .75rem}.error-boundary__discord-link{display:inline-flex;align-items:center;gap:.5rem;color:#5865f2;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:6px;background:#5865f21a;transition:all .2s ease}.error-boundary__discord-link:hover{background:#5865f233;text-decoration:none}.error-boundary__discord-icon{flex-shrink:0}.error-boundary__details{margin-top:1.5rem;text-align:left;background:#0000004d;border-radius:8px;padding:.75rem}.error-boundary__details summary{cursor:pointer;color:#949ba4;font-size:.85rem;padding:.25rem}.error-boundary__stack{margin-top:.75rem;padding:.75rem;background:#0006;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.75rem;color:#ff6b6b;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}@media(max-width:480px){.error-boundary__card{padding:1.5rem}.error-boundary__icon{font-size:3rem}.error-boundary__title{font-size:1.5rem}.error-boundary__actions{flex-direction:column}.error-boundary__btn{width:100%;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.login-header h1{font-size:3rem;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#666;font-size:1.1rem;margin:0}.login-content{margin:3rem 0}.login-content h2{color:#333;font-size:1.8rem;margin:0 0 .5rem}.login-content>p{color:#666;margin:0 0 2rem}.discord-login-btn{display:inline-flex;align-items:center;gap:.75rem;background:#5865f2;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5865f266}.discord-login-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 16px #5865f280}.discord-login-btn:active{transform:translateY(0)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feature span{font-size:2rem}.feature p{color:#666;font-size:.85rem;margin:0;text-align:center}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.login-footer p{color:#999;font-size:.85rem;margin:0}.spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.billing-page{max-width:1200px;margin:0 auto;padding:2rem;color:#fff}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.billing-header h1{font-size:2rem;margin:0}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.back-button:hover{background:#ffffff26}.alert-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;gap:1rem}.alert-banner.error{background:#ed42451a;border:1px solid rgba(237,66,69,.3)}.alert-banner.warning{background:#f265221a;border:1px solid rgba(242,101,34,.3)}.alert-content{display:flex;align-items:center;gap:1rem;flex:1}.alert-icon{font-size:1.5rem}.alert-text strong{display:block;margin-bottom:.25rem;font-size:1rem}.alert-text p{margin:0;font-size:.875rem;color:#fffc}.alert-button{background:linear-gradient(135deg,#5865f2,#7289da);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;white-space:nowrap}.alert-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5865f266}.current-plan-section{margin-bottom:3rem}.plan-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;position:relative}.plan-card.current{border-color:#5865f2;box-shadow:0 0 20px #5865f24d}.plan-badge{position:absolute;top:1rem;right:1rem;background:#5865f2;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-card h2{margin:0 0 .5rem;font-size:1.5rem}.status{color:#ffffffb3;margin-bottom:1.5rem}.status-active{color:#3ba55c}.status-past_due{color:#ed4245}.status-canceled{color:#f26522}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.stat-item{background:#0003;padding:1rem;border-radius:8px}.stat-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.stat-note{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5865f2,#7289da);transition:width .3s ease}.progress-fill.full{background:linear-gradient(90deg,#ed4245,#f26522)}.subscription-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.subscription-info p{margin-bottom:1rem;color:#fffc}.subscription-actions-section{margin-top:1rem}.subscription-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.history-button{background:linear-gradient(135deg,#5865f2,#7289da);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.history-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5865f266}.cancel-button{background:transparent;border:1px solid #ed4245;color:#ed4245;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#ed42451a}.pricing-section{margin-bottom:3rem}.pricing-section h2{text-align:center;font-size:1.75rem;margin-bottom:2rem}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.usage-analytics-panel{margin-bottom:2rem;padding:1.5rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.usage-analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.usage-analytics-header h3{margin:0;font-size:1.25rem}.usage-analytics-header p{margin:0;color:#fff9}.usage-analytics-summary{text-align:right}.usage-analytics-summary span{display:block;font-size:.85rem;color:#ffffffb3}.usage-analytics-summary strong{display:block;font-size:2rem;color:#f26522}.usage-analytics-summary small{display:block;color:#fff9}.usage-analytics-placeholder{padding:1rem;border-radius:10px;background:#ffffff0d;margin-bottom:1rem;color:#ffffffbf}.usage-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.usage-card{background:#00000059;padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.usage-card h4{margin:0 0 .5rem;font-size:1rem;color:#fff}.usage-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#fffc}.usage-card li strong{color:#fff}.generation-breakdown{margin-top:.75rem}.generation-breakdown h5{margin:0 0 .35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.plan-card.featured{border-color:#f26522;box-shadow:0 0 30px #f265224d;transform:scale(1.05)}.plan-card.current-tier{opacity:.7}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f26522,#ed4245);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h3{font-size:1.5rem;margin:0 0 1rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price .amount{font-size:2.5rem;font-weight:700;color:#5865f2}.price .period{font-size:1rem;color:#fff9}.features{list-style:none;padding:0;margin:0 0 1.5rem}.features li{padding:.5rem 0;color:#ffffffe6}.plan-button{width:100%;padding:.75rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.plan-button.primary{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}.plan-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.plan-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.plan-button.secondary:hover{background:#ffffff26}.plan-button.current{background:#5865f233;color:#5865f2;cursor:not-allowed}.plan-button:disabled{opacity:.5;cursor:not-allowed}.faq-section{background:#ffffff08;border-radius:12px;padding:2rem}.faq-section h2{margin:0 0 1.5rem;font-size:1.5rem}.faq-item{margin-bottom:1.5rem}.faq-item:last-child{margin-bottom:0}.faq-item h4{margin:0 0 .5rem;color:#5865f2}.faq-item p{margin:0;color:#ffffffb3;line-height:1.6}.billing-support-section{text-align:center;padding:2rem;background:#5865f20d;border:1px solid rgba(88,101,242,.2);border-radius:12px;margin-top:2rem}.billing-support-section h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.billing-support-section p{margin:0 0 1rem;color:#fff9;font-size:.95rem}.billing-discord-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#5865f2;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.billing-discord-link:hover{background:#4752c4;transform:translateY(-1px);text-decoration:none}.billing-discord-link svg{flex-shrink:0}.loading,.error{text-align:center;padding:3rem;font-size:1.125rem}.error{color:#ed4245}@media(max-width:768px){.billing-page{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#313338;padding:1rem 1rem 3rem}.billing-header{flex-direction:column;align-items:flex-start;gap:1rem}.usage-stats,.pricing-plans{grid-template-columns:1fr}.plan-card.featured{transform:none}}.billing-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2124,#2c2f33);padding:2rem}.success-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 8px 32px #0000004d;animation:slideUp .4s ease-out;color:#fff}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.success-icon{margin-bottom:1.5rem;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-container h1{font-size:2rem;margin:0 0 1rem;color:#3ba55c;animation:fadeIn .5s ease-out .3s both}.success-message{font-size:1.125rem;color:#fffc;margin-bottom:2rem;line-height:1.6;animation:fadeIn .5s ease-out .4s both}.session-info{background:#0000004d;border-radius:8px;padding:1rem;margin-bottom:2rem;animation:fadeIn .5s ease-out .5s both}.session-label{font-size:.875rem;color:#fff9;margin:0 0 .5rem}.session-id{display:inline-block;background:#0006;color:#5865f2;padding:.5rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.benefits-list{background:#0003;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left;animation:fadeIn .5s ease-out .6s both}.benefits-list h3{margin:0 0 1rem;text-align:center;font-size:1.25rem;color:#ffffffe6}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.benefits-list li:last-child{border-bottom:none}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#3ba55c,#2d7d46);border-radius:50%;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.action-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;animation:fadeIn .5s ease-out .7s both}.primary-button,.secondary-button{flex:1;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.primary-button{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5865f266}.secondary-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.secondary-button:hover{background:#ffffff26}.redirect-notice{font-size:.875rem;color:#ffffff80;margin:0;animation:fadeIn .5s ease-out .8s both}.redirect-notice strong{color:#5865f2;font-weight:700}@media(max-width:600px){.billing-success-page{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.success-container{padding:2rem 1.5rem}.success-container h1{font-size:1.5rem}.action-buttons{flex-direction:column}}.user-menu{position:relative;flex-shrink:0}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:.95rem;font-weight:500}.user-menu-trigger:hover{background:#ffffff26;border-color:#fff3}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;min-width:250px;overflow:hidden;z-index:1000;animation:slideDown .2s ease}.user-menu-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-avatar-large{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}.user-info{flex:1;min-width:0}.user-username{font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-discriminator{font-size:.85rem;opacity:.9}.user-menu-divider{height:1px;background:#e0e0e0;margin:0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#333;font-size:.95rem;cursor:pointer;transition:background .2s ease;text-align:left}.user-menu-item:hover{background:#f5f5f5}.user-menu-item span{font-size:1.2rem}@media(max-width:768px){.user-menu-trigger{padding:.5rem .75rem;gap:.5rem}.user-avatar{width:32px;height:32px}.user-name{max-width:100px;font-size:.875rem}.user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:100%;max-height:80vh;overflow-y:auto;animation:slideUpSheet .25s ease}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-menu-item{padding:1.25rem 1.5rem;min-height:56px}.user-menu-item span{font-size:1.4rem}.user-menu-dropdown:before{content:"";display:block;width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:8px auto}.user-menu-header{padding:1.25rem 1.5rem 1rem}}@media(max-width:480px){.user-menu-trigger{padding:.5rem;gap:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.user-name{display:none}.user-avatar{width:32px;height:32px}}.usage-widget{position:relative;margin-left:auto;margin-right:1rem}.usage-widget.loading{padding:.5rem}.usage-widget.error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px}.usage-error-text{font-size:.8rem;color:#ffffffb3}.usage-retry-btn{background:none;border:none;color:#5865f2;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:all .2s}.usage-retry-btn:hover{background:#5865f233}.usage-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#5865f2;border-radius:50%;animation:spin .8s linear infinite}.usage-widget-trigger{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;color:#fff;cursor:pointer;transition:all .2s;font-size:.9rem}.usage-widget-trigger:hover{background:#ffffff14;border-color:#fff3}.usage-summary{display:flex;align-items:center;gap:.75rem}.tier-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-badge-free{background:#99aab533;color:#99aab5}.tier-badge-starter{background:#5865f233;color:#5865f2}.tier-badge-pro{background:linear-gradient(135deg,#f2652233,#ed424533);color:#f26522}.builds-indicator{display:flex;align-items:baseline;gap:.25rem}.players-indicator{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}.players-count{font-size:.9rem;font-weight:600}.players-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:#ffffff80}.builds-text{font-weight:600;font-size:.95rem}.builds-text.near-limit{color:#faa61a}.builds-text.at-limit{color:#ed4245}.builds-label{font-size:.8rem;color:#fff9}.expand-icon{font-size:.7rem;color:#ffffff80;transition:transform .2s}.expand-icon.rotated{transform:rotate(180deg)}.usage-widget-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;min-width:300px;box-shadow:0 8px 32px #0006;z-index:1000;animation:slideDown .2s ease-out}.usage-details h4{margin:0 0 1rem;font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.usage-stat{margin-bottom:1rem}.usage-stat.workload-distribution{padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.workload-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.workload-breakdown-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.workload-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.workload-name{font-size:.85rem;font-weight:600;color:#ffffffe6}.workload-runtime{font-size:.8rem;color:#ffffffbf}.workload-breakdown-meta{font-size:.75rem;color:#fff9}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#fffc}.stat-value{font-size:.875rem;font-weight:600;color:#fff}.stat-value.ending-soon{color:#faa61a;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.stat-subvalue{font-size:.75rem;color:#ffffffa6;margin-left:.25rem}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5865f2,#7289da);transition:width .3s ease,background .3s ease;border-radius:3px}.progress-fill.near-limit{background:linear-gradient(90deg,#faa61a,#f26522)}.progress-fill.at-limit{background:linear-gradient(90deg,#ed4245,#c9302c)}.deployment-note{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.usage-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.usage-action-btn{width:100%;padding:.625rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.usage-action-btn.primary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.usage-action-btn.primary:hover{background:#ffffff26}.usage-action-btn.upgrade{background:linear-gradient(135deg,#f26522,#ed4245);color:#fff}.usage-action-btn.upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f2652266}@media(max-width:768px){.usage-widget{margin-right:.5rem}.usage-widget-dropdown{right:-.5rem;min-width:280px}.builds-label{display:none}}@media(max-width:480px){.usage-widget{margin-right:.25rem}.usage-widget-trigger{padding:.375rem .5rem;gap:.5rem;min-height:44px}.usage-summary{gap:.5rem}.builds-indicator{display:none}.tier-badge{padding:.2rem .4rem;font-size:.65rem}.players-indicator{flex-direction:row;align-items:center;gap:.25rem}.players-count{font-size:.85rem}.players-label,.expand-icon{font-size:.6rem}}@media(max-width:400px){.usage-widget{margin-right:0}.usage-widget-trigger{padding:.25rem .375rem;gap:.25rem;border-radius:6px}.players-indicator{display:none}.tier-badge{padding:.15rem .35rem;font-size:.6rem}.expand-icon{font-size:.55rem}.usage-widget-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:100%;max-height:70vh;overflow-y:auto;animation:slideUpSheet .25s ease}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.quota-banner{position:sticky;top:0;z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.quota-banner.near-limit{background:linear-gradient(135deg,#faa61a26,#f2652226);border-bottom:2px solid rgba(250,166,26,.5)}.quota-banner.at-limit{background:linear-gradient(135deg,#ed424533,#c9302c33);border-bottom:2px solid rgba(237,66,69,.6)}.quota-banner-content{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;max-width:1400px;margin:0 auto}.quota-banner-icon{font-size:1.5rem;flex-shrink:0}.quota-banner-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.quota-banner-text strong{color:#fff;font-size:.95rem;font-weight:600}.quota-banner-subtitle{color:#fffc;font-size:.85rem}.quota-banner-action{padding:.5rem 1.25rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;flex-shrink:0}.near-limit .quota-banner-action{background:linear-gradient(135deg,#faa61a,#f26522);color:#fff}.at-limit .quota-banner-action{background:linear-gradient(135deg,#ed4245,#c9302c);color:#fff}.quota-banner-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.quota-banner-dismiss{background:transparent;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;flex-shrink:0}.quota-banner-dismiss:hover{color:#fff}@media(max-width:768px){.quota-banner-content{padding:.75rem 1rem;gap:.75rem}.quota-banner-icon{font-size:1.25rem}.quota-banner-text strong{font-size:.875rem}.quota-banner-subtitle{font-size:.75rem}.quota-banner-action{padding:.4rem 1rem;font-size:.85rem}}@media(max-width:480px){.quota-banner-subtitle{display:none}}.bot-status-banner{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;font-weight:500;color:#b5bac1;transition:all .3s ease}.bot-status-banner.running{background:#4ade8014;border-bottom-color:#4ade8033}.bot-status-banner.pending{background:#fbbf2414;border-bottom-color:#fbbf2433}.bot-status-banner.failed{background:#ef444414;border-bottom-color:#ef444433}.bot-status-banner.not-deployed{background:#00000026;border-bottom-color:#ffffff08}.bot-status-banner .status-icon{font-size:.9rem;line-height:1}.bot-status-banner .status-text{color:#dededf;font-weight:400}.bot-status-banner .status-text strong{font-weight:600}.bot-status-banner.running .status-text strong{color:#4ade80}.bot-status-banner.pending .status-text strong{color:#fbbf24}.bot-status-banner.failed .status-text strong{color:#ef4444}.bot-status-banner .status-divider{color:#fff3;font-weight:300}.bot-status-banner .status-uptime,.bot-status-banner .status-expiry{color:#b5bac1;font-size:.8rem;font-weight:400;display:flex;align-items:center;gap:.25rem}.bot-status-banner.running .status-uptime{color:#a3e3c4}.bot-status-banner.running .status-expiry{color:#fbbf24}@media(max-width:768px){.bot-status-banner .status-divider,.bot-status-banner .status-uptime,.bot-status-banner .status-expiry{display:none}}.file-tree-view{height:100%;overflow-y:auto;font-family:Consolas,Courier New,monospace;font-size:.875rem;-webkit-user-select:none;user-select:none;color:#dbdee1}.tree-node-wrapper{width:100%}.tree-node{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;margin:1px .25rem;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;border-radius:4px;color:#b5bac1}.tree-node:hover{background:#404249;color:#dbdee1}.tree-node.selected{background:#5865f24d;color:#f2f3f5}.tree-node.directory{font-weight:500;color:#dbdee1}.expand-icon{font-size:.7rem;color:#80848e;width:12px;display:inline-block;text-align:center}.file-icon{font-size:1rem;display:inline-block}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-children{width:100%}.empty-tree{text-align:center;padding:2rem 1rem;color:#80848e}.empty-tree .hint{font-size:.875rem;color:#5865f2;margin-top:.5rem}.file-tree-view::-webkit-scrollbar{width:16px}.file-tree-view::-webkit-scrollbar-track{background:#0f0f11}.file-tree-view::-webkit-scrollbar-thumb{background-color:#121214;border-radius:8px;border:4px solid #0f0f11}.file-tree-view::-webkit-scrollbar-thumb:hover{background-color:#0a0a0c}.code-output-panel{display:flex;flex-direction:column;height:100%;background:#121214;border-left:none;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#1e1f22;border-bottom:1px solid rgba(0,0,0,.3);flex-shrink:0}.panel-header h2{margin:0;font-size:1rem;font-weight:600;color:#f2f3f5}.download-btn{padding:.5rem 1rem;font-size:.875rem;background:#5865f2;border:none;border-radius:4px;cursor:pointer;transition:background .17s;color:#fff;font-weight:500}.download-btn:hover{background:#4752c4}.panel-status{padding:.75rem 1.25rem;background:#232428;border-bottom:1px solid rgba(0,0,0,.3);font-size:.875rem;display:flex;align-items:center;gap:.5rem;color:#b5bac1}.status-indicator{font-size:.6rem;animation:pulse 2s infinite}.status-indicator.generating{color:#f0b232}.status-indicator.success{color:#23a55a;animation:none}.panel-content{flex:1;display:grid;grid-template-columns:250px 1fr;overflow:hidden;min-height:0}.file-tree{background:#2b2d31;border-right:1px solid rgba(0,0,0,.3);overflow-y:auto;padding:.75rem .5rem;display:flex;flex-direction:column}.file-tree h3{margin:0 0 .5rem .5rem;font-size:.75rem;color:#949ba4;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-weight:600}.file-viewer{display:flex;flex-direction:column;overflow:hidden;min-height:0}.file-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1e1f22;border-bottom:1px solid rgba(0,0,0,.3)}.file-path{font-family:Consolas,Courier New,monospace;font-size:.875rem;color:#b5bac1}.copy-btn{padding:.375rem .75rem;font-size:.75rem;background:#2e3035;border:none;border-radius:3px;cursor:pointer;transition:background .17s;color:#dededf;opacity:.7}.copy-btn:hover{background:#3a3c42;opacity:1}.empty-viewer{flex:1;display:flex;align-items:center;justify-content:center;color:#80848e}.file-tree::-webkit-scrollbar,.file-viewer::-webkit-scrollbar,.event-list::-webkit-scrollbar{width:16px}.file-tree::-webkit-scrollbar-track,.file-viewer::-webkit-scrollbar-track,.event-list::-webkit-scrollbar-track{background:#2b2d31}.file-tree::-webkit-scrollbar-thumb,.file-viewer::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:8px;border:4px solid #2b2d31}.file-tree::-webkit-scrollbar-thumb:hover,.file-viewer::-webkit-scrollbar-thumb:hover{background-color:#1a1b1e}@media(max-width:768px){.panel-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.file-tree{max-height:150px;border-right:none;border-bottom:1px solid rgba(0,0,0,.3);overflow-y:auto}.file-tree h3{font-size:.7rem}.download-btn,.copy-btn{min-height:44px;padding:.625rem 1rem;font-size:.8rem}.panel-header{padding:.75rem 1rem}.panel-header h2{font-size:.9rem}.file-header{padding:.5rem .75rem;flex-wrap:wrap;gap:.5rem}.file-path{font-size:.75rem;word-break:break-all}}.container-card{border:1px solid #444;border-radius:0;padding:12px;background:#2a2a3e;box-shadow:none;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;transition:border-color .2s}.container-card:hover{border-color:#667eea}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{flex:1;display:flex;flex-direction:column;gap:4px}.title-row{display:flex;align-items:center;gap:8px}.status-indicator{font-size:16px}.error-badge{font-size:14px;animation:pulse-error 2s ease-in-out infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.6}}.bot-id{font-weight:600;font-size:16px;color:#e8eaf6}.version-badge{font-size:11px;padding:2px 6px;background:#667eea33;color:#a5b4fc;border-radius:4px;font-weight:500}.subtitle-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af}.container-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.container-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:11px;color:#9ca3af}.metadata-row{display:flex;align-items:center;gap:12px;font-size:12px}.status-text{font-weight:600;font-size:11px;letter-spacing:.5px}.uptime,.expires{font-size:11px;color:#6b7280}.runtime-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;color:#9ca3af}.workload-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px}.workload-pill{padding:2px 6px;border-radius:999px;background:#5865f233;border:1px solid rgba(88,101,242,.35);color:#c7cbff;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.workload-pill.workload-minecraft_java{background:#10b9812e;border-color:#10b98159;color:#9efacc}.workload-pill.workload-minecraft_bedrock{background:#14b8a62e;border-color:#14b8a659;color:#b2fff5}.workload-connection{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#d1d5db}.runtime-badge{padding:2px 6px;border-radius:4px;background:#3b82f626;color:#bfdbfe;font-weight:600;letter-spacing:.3px}.runtime-badge.emulator{background:#10b98133;color:#6ee7b7}.runtime-endpoint,.artifact-host,.artifact-container-host{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.card-actions{display:flex;gap:6px}.card-actions button{padding:6px 10px;border:1px solid #444;background:#34344e;color:#e8eaf6;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.card-actions button:hover:not(:disabled){background:#3e3e5e;border-color:#555}.card-actions button:disabled{opacity:.5;cursor:not-allowed}.card-actions button.danger:hover:not(:disabled){background:#ef444433;border-color:#ef4444;color:#fca5a5}.logs-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #444}.filter-buttons{display:flex;gap:4px}.filter-buttons button{padding:4px 8px;font-size:11px;border:1px solid #444;background:#34344e;color:#9ca3af;border-radius:4px;cursor:pointer;transition:all .2s}.filter-buttons button:hover{background:#3e3e5e;color:#e8eaf6}.filter-buttons button.active{background:#667eea;color:#fff;border-color:#667eea}.logs-actions{display:flex;align-items:center;gap:8px}.auto-scroll-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af;cursor:pointer}.auto-scroll-toggle input{cursor:pointer}.logs-actions button{padding:4px 8px;font-size:11px;border:1px solid #444;background:#34344e;color:#9ca3af;border-radius:4px;cursor:pointer;transition:all .2s}.logs-actions button:hover{background:#3e3e5e;color:#e8eaf6}.connection-indicator{font-size:12px;font-weight:600}.connection-indicator.connected{color:#10b981}.connection-indicator.connecting{color:#fbbf24;animation:pulse-connecting 1s ease-in-out infinite}.connection-indicator.disconnected{color:#ef4444}@keyframes pulse-connecting{0%,to{opacity:1}50%{opacity:.4}}.logs-container{background:#0b1020;color:#e8eaf6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px;padding:12px;height:400px;overflow-y:auto;border-radius:8px}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover{background:#64748b}.empty-logs{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:13px}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#9ca3af;font-size:13px}.logs-spinner{width:32px;height:32px;border:3px solid #334155;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.log-line{display:flex;gap:8px;margin-bottom:2px;line-height:1.5}.log-timestamp{color:#64748b;min-width:70px}.log-level{min-width:60px;font-weight:600}.log-message{flex:1;word-break:break-word}.log-line.log-error .log-message{color:#fca5a5}.log-line.log-warn .log-message{color:#fcd34d}.log-line.log-debug .log-message{color:#c4b5fd}.deployment-monitor-panel{display:flex;flex-direction:column;gap:0;padding:0;background:#1a1a2e;height:100%;overflow:hidden}.project-error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ff6b6b22,#ff4d4d22);border-left:4px solid #ff6b6b;border-bottom:1px solid #ff6b6b44;color:#fcc;font-size:13px;font-weight:500;flex-shrink:0}.project-error-banner .error-icon{font-size:18px}.project-error-banner .error-text{flex:1}.container-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid #444;overflow-x:auto;flex-shrink:0;background:#16162a}.container-tabs::-webkit-scrollbar{height:4px}.container-tabs::-webkit-scrollbar-track{background:#16162a}.container-tabs::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#2a2a3e;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:12px;color:#9ca3af}.tab:hover{background:#34344e;border-color:#555;color:#e8eaf6}.tab.active{background:#667eea;border-color:#667eea;color:#fff}.tab-status{font-size:8px}.tab-name{font-weight:600;text-transform:capitalize;font-size:11px}.tab-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;opacity:.6}.tab-badge{font-size:9px;padding:2px 4px;background:#10b98133;color:#6ee7b7;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.container-view{flex:1;overflow-y:auto;min-height:0;padding:12px}.container-view::-webkit-scrollbar{width:8px}.container-view::-webkit-scrollbar-track{background:#16162a;border-radius:4px}.container-view::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.container-view::-webkit-scrollbar-thumb:hover{background:#555}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.empty-state h3{margin:0 0 12px;font-size:18px;color:#e8eaf6}.empty-state p{margin:4px 0;font-size:14px;color:#9ca3af}.containers-grid{display:none}@media(max-width:768px){.container-tabs{padding:8px 4px;gap:6px}.tab{min-height:44px;padding:10px 14px;font-size:13px}.tab-name{font-size:12px}.tab-id{display:none}.tab-status{font-size:10px}.project-error-banner{padding:10px 12px;font-size:12px}.empty-state{padding:24px 16px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}.container-view{padding:8px}}.project-sidebar{--guildbar-avatar-size: 40px;--custom-guild-list-padding: 16px;width:calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding) * 2);background:#121214;display:flex;flex-direction:column;align-items:center;padding:12px var(--custom-guild-list-padding);gap:8px;overflow-y:auto;overflow-x:clip;border-right:1px solid rgba(0,0,0,.3);position:relative}.project-sidebar::-webkit-scrollbar{width:4px}.project-sidebar::-webkit-scrollbar-thumb{background:#4e4f54;border-radius:2px}.project-icon{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:30%;background:#313338;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:background .2s ease;position:relative;flex-shrink:0}.project-icon .workload-pill{position:absolute;bottom:-6px;right:-10px;background:#1e1f22;border:1px solid rgba(88,101,242,.35);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#c7cbff;box-shadow:0 2px 6px #00000059;pointer-events:none}.project-icon .workload-minecraft_java{border-color:#10b98173;color:#9efacc}.project-icon .workload-minecraft_bedrock{border-color:#2dd4bf73;color:#b2fff5}.project-icon:before{content:"";position:absolute;left:calc((var(--custom-guild-list-padding) / 2) * -1);top:50%;transform:translateY(-50%);width:4px;height:0;background:#dededf;border-radius:0 4px 4px 0;transition:height .15s ease;z-index:10}.project-icon:hover:before{height:20px}.project-icon:hover{background:#5865f2}.project-icon.active:before{height:32px}.project-icon.active{background:#5865f2}.project-icon.new-project{background:#23a559;font-size:20px}.project-icon.new-project:hover{background:#1f8c4f}.project-icon .icon{-webkit-user-select:none;user-select:none;pointer-events:none}.project-divider{width:32px;height:2px;background:#4e4f54;border-radius:1px;margin:4px 0}.migration-banner{width:100%;background:#5865f21f;border:1px solid rgba(88,101,242,.35);border-radius:12px;padding:12px;color:#d9dcff;display:flex;flex-direction:column;gap:8px;text-align:left}.migration-banner__header{display:flex;gap:12px;align-items:flex-start}.migration-banner__emoji{font-size:20px;line-height:1;margin-top:2px}.migration-banner__header h4{margin:0;font-size:14px;font-weight:700;color:#fff}.migration-banner__header p{margin:2px 0 0;font-size:12px;color:#d9dcffcc}.migration-banner__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.migration-banner__item{display:flex;align-items:center;justify-content:space-between;gap:8px}.migration-banner__details{display:flex;flex-direction:column}.migration-banner__details strong{font-size:13px;color:#fff}.migration-banner__details span{font-size:11px;color:#d9dcffb3}.migration-banner__button{background:#23a559;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;color:#fff;transition:background .2s ease}.migration-banner__button:disabled{background:#23a55966;cursor:progress}.migration-banner__button:not(:disabled):hover{background:#1f8c4f}.migration-banner__message{margin:0;font-size:11px;color:#9efacc}.migration-banner__error{margin:0;font-size:11px;color:#ff9f9f}.project-list{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.empty-state{text-align:center;padding:20px 8px;color:#b5bac1;font-size:11px}.empty-state p{margin:0 0 4px;font-weight:500}.empty-state small{color:#80848e}.project-sidebar.loading{justify-content:flex-start}.project-icon.skeleton{background:linear-gradient(90deg,#313338 25%,#3a3c42,#313338 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;cursor:default}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.project-icon[title]:hover:after{content:attr(title);position:absolute;left:100%;margin-left:12px;background:#111214;color:#dbdee1;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 8px 16px #0006}.spacer{flex:1;min-height:20px}.project-icon.settings-button{background:#313338;margin-top:auto}.project-icon.settings-button:hover{background:#4e4f54}@media(max-width:768px){.project-sidebar{position:fixed;left:0;top:60px;bottom:0;width:72px;z-index:997;transform:translate(-100%);transition:transform .25s ease,z-index 0s .25s;box-shadow:2px 0 8px #0000004d}.project-sidebar.mobile-open{transform:translate(0);z-index:1000;transition:transform .25s ease,z-index 0s 0s}.project-icon{width:52px;height:52px;min-width:52px;min-height:52px;font-size:26px}.project-icon:before{left:-8px}.project-icon[title]:hover:after{display:none}.project-icon .workload-pill{font-size:8px;padding:2px 4px;bottom:-4px;right:-8px}.empty-state{padding:16px 4px;font-size:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-content{background:#2b2d31;border-radius:8px;width:90%;max-width:480px;box-shadow:0 8px 32px #0009;animation:slideUp .3s ease}.modal-content.wizard-modal{max-width:560px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3f4147}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#f2f3f5}.close-button{background:none;border:none;color:#b5bac1;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#3f4147;color:#f2f3f5}.modal-body{padding:24px}.wizard-step-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #3f4147}.wizard-step-indicator .step{font-size:13px;font-weight:600;color:#80848e;padding:6px 12px;border-radius:4px;background:transparent;border:none;cursor:default;transition:all .2s ease}.wizard-step-indicator .step.active{color:#5865f2;background:#5865f21a}.wizard-step-indicator .step.completed{color:#23a55a;cursor:pointer;background:transparent}.wizard-step-indicator .step.completed:hover{background:#23a55a1a}.wizard-step-indicator .step-separator{color:#3f4147;font-size:14px}.workload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.workload-selector{display:flex;flex-direction:column;gap:12px}.workload-option{display:flex;gap:16px;align-items:flex-start;text-align:left;padding:14px 16px;background:#1e1f22;border:1px solid #3f4147;border-radius:8px;color:#f2f3f5;cursor:pointer;transition:all .2s ease}.workload-option:hover:not(.disabled){border-color:#5865f2;background:#2b2d31}.workload-option.selected{border-color:#5865f2;background:#313338;box-shadow:0 0 0 1px #5865f259}.workload-option.disabled{opacity:.45;cursor:not-allowed}.workload-option.coming-soon{opacity:.6;cursor:not-allowed;position:relative}.workload-option.coming-soon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px);border-radius:8px;pointer-events:none}.workload-icon{font-size:28px;line-height:1}.workload-copy{display:flex;flex-direction:column;gap:4px}.workload-title-row{display:flex;align-items:center;gap:8px}.workload-title{font-size:16px;font-weight:600}.workload-subtitle{font-size:13px;color:#b5bac1;font-weight:500}.workload-description{margin:0;color:#949ba4;font-size:13px;line-height:1.4}.workload-badge{font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-radius:999px;padding:2px 8px;background:#5865f226;color:#c7cbff;border:1px solid rgba(88,101,242,.35)}.workload-badge.beta{background:#ffa62d2e;color:#ffb155;border-color:#ffa62d59}.workload-badge.coming-soon{background:#949ba426;color:#949ba4;border-color:#949ba459;font-weight:600}.workload-config{display:flex;flex-direction:column;gap:12px;padding:16px;background:#1e1f22;border:1px solid #3f4147;border-radius:8px}.config-row{display:flex;gap:12px;flex-wrap:wrap}.config-field{flex:1 1 160px;display:flex;flex-direction:column;gap:4px}.config-field label,.config-label{font-size:12px;font-weight:600;color:#b5bac1;text-transform:uppercase;letter-spacing:.5px}.config-field input,.config-field select{background:#141519;border:1px solid #3f4147;border-radius:6px;color:#f2f3f5;padding:8px 10px;font-size:14px}.config-field input:focus,.config-field select:focus{outline:none;border-color:#5865f2}.config-value{font-size:14px;color:#f2f3f5}.checkbox-field{display:flex;align-items:center;gap:10px;font-size:13px;color:#f2f3f5}.checkbox-field a{color:#8ea1ff}.beta-note{margin-top:12px;font-size:12px;color:#ffb155;line-height:1.4}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#b5bac1;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:#1e1f22;border:1px solid #3f4147;border-radius:4px;color:#f2f3f5;font-size:16px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5865f2}.form-group textarea{resize:vertical;min-height:60px}.icon-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.icon-option{width:100%;aspect-ratio:1;border:2px solid transparent;background:#1e1f22;border-radius:8px;font-size:28px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-option:hover{background:#313338;transform:scale(1.05)}.icon-option.selected{border-color:#5865f2;background:#313338;transform:scale(1.05)}.icon-option.icon-more{background:#313338;color:#b5bac1;font-size:14px;font-weight:600;border:2px dashed #4e5058}.icon-option.icon-more:hover{border-color:#5865f2;color:#f2f3f5;background:#3f4147}.modal-footer{padding:16px 24px;border-top:1px solid #3f4147;display:flex;justify-content:flex-end;gap:12px}.button-primary,.button-secondary{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.button-primary{background:#5865f2;color:#fff}.button-primary:hover:not(:disabled){background:#4752c4}.button-primary:disabled{background:#4e5058;color:#80848e;cursor:not-allowed}.button-secondary{background:transparent;color:#f2f3f5}.button-secondary:hover:not(:disabled){background:#4e5058}.button-secondary:disabled{color:#80848e;cursor:not-allowed}@media(max-width:600px){.modal-content{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;overflow-y:auto}.modal-content.wizard-modal{max-width:100%}.modal-overlay{align-items:flex-end}.close-button{width:44px;height:44px;font-size:28px}.icon-selector{display:flex;flex-wrap:wrap;gap:8px}.icon-selector.collapsed{flex-wrap:nowrap}.icon-selector.expanded{display:grid;grid-template-columns:repeat(6,1fr)}.icon-option{width:44px;height:44px;min-width:44px;aspect-ratio:unset;font-size:22px;flex-shrink:0}.icon-option.icon-more{font-size:12px;min-width:44px}.button-primary,.button-secondary{min-height:44px;padding:12px 20px;font-size:15px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .button-primary,.modal-footer .button-secondary{width:100%;justify-content:center}.workload-option{padding:12px 14px}.workload-icon{font-size:24px}.workload-title{font-size:15px}.wizard-step-indicator{gap:8px;flex-wrap:wrap}.wizard-step-indicator .step{padding:8px 10px;font-size:12px}}@media(max-width:480px){.modal-overlay{align-items:stretch}.modal-content{border-radius:0;max-height:100%;height:100%;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.icon-option{width:40px;height:40px;min-width:40px;font-size:20px}.icon-option.icon-more{font-size:11px;min-width:40px}.icon-selector.expanded{grid-template-columns:repeat(6,1fr)}.modal-header h2{font-size:18px}.form-group label{font-size:11px}.modal-footer{flex-shrink:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}.button-primary,.button-secondary{min-height:48px}}.discord-token-modal{max-width:800px;max-height:85vh;width:90vw;display:flex;flex-direction:column}.modal-body{overflow-y:auto;flex:1;padding:1.5rem;border-top:1px solid #2b2d31;border-bottom:1px solid #2b2d31}.modal-footer{padding:1rem 1.5rem;background:#1e1f22;display:flex;justify-content:space-between;gap:1rem;flex-shrink:0}.modal-footer .button-primary,.modal-footer .button-secondary{flex:1;max-width:200px}.modal-footer .button-primary:disabled{opacity:.5;cursor:not-allowed}.environment-note{background:#1e1f22;border:1px solid #3f4147;border-radius:6px;padding:1rem;margin-bottom:1rem;font-size:13px;color:#dcddde}.environment-detail{margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#a5b4fc}.environment-detail.warning{color:#f59e0b}.discord-token-modal .step-indicator{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #3f4147}.discord-token-modal .step-indicator .step{width:40px;height:40px;border-radius:50%;background:#1e1f22;border:2px solid #3f4147;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#b5bac1;cursor:pointer;transition:all .2s ease;line-height:1;padding:0;gap:0;position:relative}.discord-token-modal .step-indicator .step:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%) scale(0);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s ease;font-weight:500}.discord-token-modal .step-indicator .step:hover:after{transform:translate(-50%) scale(1);opacity:1}.discord-token-modal .step-indicator .step.active{background:#5865f2;border-color:#5865f2;color:#fff;transform:scale(1.1);box-shadow:0 0 0 3px #5865f233}.discord-token-modal .step-indicator .step.completed{background:#3ba55c;border-color:#3ba55c;color:#fff}.discord-token-modal .step-indicator .step:hover:not(.active){border-color:#5865f2;transform:scale(1.05)}.discord-token-modal .step-indicator .step:focus-visible{outline:2px solid #5865f2;outline-offset:2px}.discord-token-modal .guide-step{margin-bottom:1.5rem}.step-content-wrapper{outline:none}.step-content-wrapper:focus{outline:none}.discord-token-modal .guide-step h3{color:#f2f3f5;margin-bottom:1rem;font-size:18px}.discord-token-modal .guide-step ol{margin-left:1.5rem;color:#dcddde;line-height:1.8}.discord-token-modal .guide-step ol li{margin-bottom:1rem}.discord-token-modal .guide-step ol ul{margin-top:.5rem;margin-left:1.5rem;list-style-type:none}.discord-token-modal .guide-step ol ul li{margin-bottom:.5rem}.discord-token-modal .guide-step a{color:#00b0f4;text-decoration:underline;text-decoration-style:solid;text-underline-offset:3px;text-decoration-thickness:1.5px;font-weight:600;transition:all .15s ease}.discord-token-modal .guide-step a[target=_blank]:after{content:" ↗";font-size:.75em;text-decoration:none;display:inline-block;margin-left:2px}.discord-token-modal .guide-step a:hover{color:#33c0ff;text-decoration-thickness:2.5px}.discord-token-modal .guide-step a:focus-visible{outline:2px solid #00b0f4;outline-offset:2px;border-radius:2px}.screenshot-container{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;min-height:420px;max-height:420px;background:#1a1b1e;border-radius:8px;overflow:hidden;position:relative}.setup-screenshot{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 4px 16px #0006;cursor:pointer;transition:transform .2s ease}.setup-screenshot:hover{transform:scale(1.02)}.image-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#b5bac1}.loading-spinner{width:40px;height:40px;border:3px solid #3f4147;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite}.image-loading-placeholder p{margin:0;font-size:14px}.screenshot-thumbnails{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem;background:#5865f20d;border-radius:6px;border:1px solid rgba(88,101,242,.2)}.thumbnails-label{font-size:12px;color:#b5bac1;font-weight:600;white-space:nowrap;flex-shrink:0}.screenshot-thumbnail{width:80px;height:50px;object-fit:cover;border-radius:4px;border:2px solid #3f4147;cursor:pointer;transition:all .2s ease;flex-shrink:0}.screenshot-thumbnail:hover{border-color:#5865f2;transform:scale(1.1);box-shadow:0 2px 8px #5865f24d}.screenshot-thumbnail:focus-visible{outline:2px solid #5865f2;outline-offset:2px}.accordion{margin:1.5rem 0;border-radius:6px;overflow:hidden;border:1px solid #3f4147}.accordion-header{width:100%;background:#2b2d31;border:none;padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:600;color:#f2f3f5;transition:all .2s ease}.accordion-header:hover{background:#32353b}.accordion-header:focus-visible{outline:2px solid #5865f2;outline-offset:-2px}.accordion-header.active{background:#5865f21a;color:#5865f2}.accordion-icon{font-size:12px;transition:transform .2s ease;color:#b5bac1}.accordion-header.active .accordion-icon{color:#5865f2}.accordion-content{padding:1rem;background:#5865f20d;border-top:1px solid #3f4147;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:sticky;bottom:1rem;left:50%;transform:translate(-50%);background:#5865f2f2;color:#fff;padding:.75rem 1.5rem;border-radius:24px;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 16px #5865f280;z-index:1000;animation:pulseGlow 2s ease-in-out infinite;font-size:14px;font-weight:600;margin:1rem auto;width:fit-content}.scroll-indicator:hover{background:#4752c4;transform:translate(-50%) scale(1.05)}.scroll-indicator:focus-visible{outline:2px solid white;outline-offset:2px}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px #5865f280}50%{box-shadow:0 4px 24px #5865f2cc,0 0 32px #5865f266}}.scroll-arrow{font-size:20px;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.scroll-text{white-space:nowrap}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:95vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0009}.lightbox-close{position:absolute;top:-40px;right:0;background:#ffffff1a;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.screenshot-box{background:#1e1f22;border:2px dashed #3f4147;border-radius:8px;padding:3rem;text-align:center;color:#72767d;font-style:italic}.discord-token-modal .warning-box,.discord-token-modal .info-box{padding:1rem;border-radius:6px;margin-top:1rem;font-size:14px;line-height:1.6}.discord-token-modal .warning-box{background:#faa61a1a;border:1px solid rgba(250,166,26,.3);color:#faa61a}.discord-token-modal .info-box{background:#5865f21a;border:1px solid rgba(88,101,242,.3);color:#5865f2}.token-input-section{margin-top:1.5rem}.section-divider{color:#3f4147;text-align:center;margin:1.5rem 0;-webkit-user-select:none;user-select:none}.label-hint{font-size:11px;color:#ed4245;font-weight:500;margin-left:8px;text-transform:none}.token-input-wrapper{position:relative;display:flex;align-items:center}.token-input-wrapper input{flex:1;padding-right:88px;font-family:Courier New,monospace;font-size:14px}.token-input-wrapper input.error{border-color:#ed4245}.toggle-visibility{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:8px;color:#b5bac1;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:#f2f3f5}.toggle-visibility:focus-visible{outline:2px solid #5865f2;outline-offset:2px;border-radius:4px}.toggle-visibility svg{display:block}.validation-indicator{position:absolute;right:44px;display:flex;align-items:center;justify-content:center;padding:4px;animation:fadeIn .2s ease}.validation-indicator.valid{color:#3ba55c}.validation-indicator.invalid{color:#ed4245}.validation-indicator svg{display:block}.input-helper-text{margin-top:6px;font-size:12px;color:#b5bac1;line-height:1.4}.input-helper-text code{background:#5865f21a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:11px;color:#a5b4fc}.error-message{margin-top:8px;color:#ed4245;font-size:13px;font-weight:500}@media(max-width:600px){.discord-token-modal{width:95%;max-height:95vh}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;flex-direction:column}.modal-footer .button-primary,.modal-footer .button-secondary{max-width:100%}.discord-token-modal .step-indicator{gap:8px;margin-bottom:1.5rem}.discord-token-modal .step-indicator .step{width:36px;height:36px;font-size:14px}.discord-token-modal .step-indicator .step:after{display:none}.screenshot-container{min-height:250px;max-height:250px}.screenshot-thumbnail{width:60px;height:38px}.thumbnails-label{font-size:11px}.discord-token-modal .guide-step h3{font-size:16px}.discord-token-modal .guide-step ol{margin-left:1rem;font-size:14px}.scroll-indicator{font-size:12px;padding:.5rem 1rem}}@media(max-width:480px){.discord-token-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.modal-footer{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));flex-shrink:0;gap:.5rem}.modal-footer .button-primary,.modal-footer .button-secondary{min-height:48px}.discord-token-modal .step-indicator{overflow-x:auto;justify-content:flex-start;padding:0 .5rem;-webkit-overflow-scrolling:touch}.discord-token-modal .step-indicator .step{flex-shrink:0}.screenshot-container{min-height:180px;max-height:200px}.discord-token-modal .guide-step ol{font-size:13px;line-height:1.6}}@media(min-width:768px){.modal-footer:after{content:"💡 Tip: Use ← → arrows to navigate steps, Enter to submit, Esc to close";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;color:#72767d;white-space:nowrap;opacity:.7}}.discord-token-modal .intro-panel{text-align:center;padding:1rem 0}.discord-token-modal .intro-panel .intro-icon{font-size:64px;margin-bottom:1rem;line-height:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.discord-token-modal .intro-panel .intro-title{font-size:28px;font-weight:700;color:#f2f3f5;margin:0 0 1rem}.discord-token-modal .intro-panel .intro-description{font-size:16px;color:#b5bac1;line-height:1.6;max-width:480px;margin:0 auto 1.5rem}.discord-token-modal .intro-panel .intro-steps-preview{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem auto;max-width:320px}.discord-token-modal .intro-panel .preview-step{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:8px;color:#dcddde;font-size:14px;text-align:left}.discord-token-modal .intro-panel .preview-number{width:28px;height:28px;border-radius:50%;background:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.discord-token-modal .intro-panel .info-box{text-align:left;margin-top:1.5rem}.discord-token-modal .success-panel{text-align:center;padding:1rem 0}.discord-token-modal .success-panel .success-icon{font-size:72px;margin-bottom:1rem;line-height:1;animation:celebrate .6s ease-out}@keyframes celebrate{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.discord-token-modal .success-panel .success-title{font-size:28px;font-weight:700;color:#3ba55c;margin:0 0 1rem}.discord-token-modal .success-panel .success-description{font-size:16px;color:#b5bac1;line-height:1.6;max-width:480px;margin:0 auto 1.5rem}.discord-token-modal .success-panel .success-checklist{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem auto;max-width:320px}.discord-token-modal .success-panel .checklist-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#3ba55c14;border:1px solid rgba(59,165,92,.25);border-radius:6px;color:#dcddde;font-size:14px;text-align:left}.discord-token-modal .success-panel .checklist-item.completed svg{color:#3ba55c}.discord-token-modal .success-panel .info-box{text-align:left;margin-top:1.5rem}.discord-token-modal .success-panel .info-box.success{background:#3ba55c1a;border:1px solid rgba(59,165,92,.3);color:#3ba55c}.discord-token-modal .modal-footer .deploy-button{background:linear-gradient(135deg,#3ba55c,#2d7d46);border:none;font-weight:600}.discord-token-modal .modal-footer .deploy-button:hover{background:linear-gradient(135deg,#43b864,#3ba55c);transform:translateY(-1px);box-shadow:0 4px 12px #3ba55c66}@media(max-width:600px){.discord-token-modal .intro-panel .intro-icon,.discord-token-modal .success-panel .success-icon{font-size:48px}.discord-token-modal .intro-panel .intro-title,.discord-token-modal .success-panel .success-title{font-size:22px}.discord-token-modal .intro-panel .intro-description,.discord-token-modal .success-panel .success-description{font-size:14px}.discord-token-modal .intro-panel .intro-steps-preview,.discord-token-modal .success-panel .success-checklist{max-width:100%}}.delete-modal-overlay{background:#ed42451a}.delete-project-modal{max-width:520px;width:90vw}.delete-project-modal .danger-header{background:linear-gradient(135deg,#ed424526,#c73b3e1a);border-bottom:1px solid rgba(237,66,69,.3)}.delete-project-modal .danger-header h2{color:#ed4245}.delete-project-identity{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#1e1f22;border-radius:8px;margin-bottom:1rem}.project-icon-large{font-size:32px;line-height:1}.project-name-display{font-size:18px;font-weight:600;color:#f2f3f5}.warning-banner{display:flex;gap:1rem;padding:1rem;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:8px;margin-bottom:1.5rem}.warning-icon{font-size:24px;flex-shrink:0}.warning-content strong{color:#faa61a;display:block;margin-bottom:.25rem}.warning-content p{margin:0;color:#dcddde;font-size:14px;line-height:1.5}.consequences-section{margin-bottom:1.5rem}.consequences-section h4{color:#b5bac1;font-size:14px;font-weight:600;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.consequences-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.consequences-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ed42450d;border-radius:6px;border-left:3px solid #ed4245;font-size:14px;color:#dcddde}.consequence-icon{font-size:16px;flex-shrink:0}.active-deployment-warning{margin-bottom:1.5rem}.deployment-alert{display:flex;gap:1rem;padding:1rem;background:#ed424526;border:1px solid rgba(237,66,69,.4);border-radius:8px;margin-bottom:.75rem}.alert-icon{font-size:24px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.alert-content strong{color:#ed4245;display:block;margin-bottom:.25rem}.alert-content p{margin:0;color:#dcddde;font-size:14px}.acknowledge-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#ed424514;border-radius:6px;cursor:pointer;transition:background .2s ease}.acknowledge-checkbox:hover{background:#ed42451f}.acknowledge-checkbox input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:#ed4245;flex-shrink:0}.acknowledge-checkbox span{font-size:14px;color:#dcddde;line-height:1.4}.confirm-section{margin-bottom:1rem}.confirm-section label{display:block;font-size:14px;color:#b5bac1;margin-bottom:.5rem}.project-name-highlight{color:#f2f3f5;background:#5865f233;padding:.125rem .375rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.confirm-input{width:100%;padding:.75rem 1rem;background:#1e1f22;border:2px solid #3f4147;border-radius:6px;color:#f2f3f5;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;transition:border-color .2s ease,box-shadow .2s ease}.confirm-input:focus{outline:none;border-color:#5865f2;box-shadow:0 0 0 3px #5865f233}.confirm-input.valid{border-color:#3ba55c;box-shadow:0 0 0 3px #3ba55c33}.confirm-input::placeholder{color:#72767d}.input-hint{font-size:12px;color:#ed4245;margin-top:.5rem}.input-hint code{background:#5865f21a;padding:.125rem .375rem;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#a5b4fc}.input-hint.valid{color:#3ba55c}.delete-project-modal .error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:#ed4245;font-size:14px;margin-top:1rem}.error-icon{flex-shrink:0}.delete-project-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#1e1f22;border-top:1px solid #2b2d31}.button-danger.delete-button{background:linear-gradient(135deg,#ed4245,#c73b3e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.button-danger.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#f04747,#ed4245);transform:translateY(-1px);box-shadow:0 4px 12px #ed424566}.button-danger.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.delete-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:600px){.delete-project-modal{width:95%;max-height:90vh}.delete-project-modal .modal-body{max-height:60vh;overflow-y:auto}.delete-project-modal .modal-footer{flex-direction:column}.delete-project-modal .modal-footer button{width:100%}.consequences-list li{font-size:13px}}@media(max-width:480px){.delete-project-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.delete-project-modal .modal-body{flex:1;max-height:none;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.delete-project-modal .modal-footer{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.delete-project-modal .modal-footer button{min-height:48px}}.delete-project-modal .modal-body{max-height:70vh;overflow-y:auto;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.permission-widget{background:#2b2d31;border-radius:8px;padding:24px;color:#f2f3f5;border:1px solid #3f4147;max-width:800px;margin:0 auto}.permission-widget.loading,.permission-widget.error,.permission-widget.not-ready{background:#2b2d31;color:#b5bac1;text-align:center;padding:40px 24px;border:1px solid #3f4147}.loading-spinner{width:40px;height:40px;border:4px solid #3f4147;border-top:4px solid #5865f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.info-icon,.error-icon{font-size:48px;margin-bottom:16px}.permission-widget .info-box{background:#1e1f22;border-left:4px solid #5865f2;padding:16px;margin-top:16px;text-align:left;border-radius:4px;border:1px solid #3f4147}.permission-widget .info-box strong{display:block;margin-bottom:8px;color:#f2f3f5}.permission-widget .info-box p{margin:0;color:#b5bac1;font-size:14px;line-height:1.5}.retry-button{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;transition:all .2s ease}.retry-button:hover{transform:translateY(-1px);opacity:.9}.widget-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3f4147}.widget-header h3{font-size:20px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px;color:#f2f3f5}.header-icon{font-size:20px}.subtitle{margin:0;color:#b5bac1;font-size:14px}.invite-section{background:#1e1f22;border-radius:8px;padding:20px;margin-bottom:24px;text-align:center;border:1px solid #3f4147}.invite-button{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;padding:14px 28px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;margin-bottom:12px}.invite-button:hover{transform:translateY(-1px);opacity:.9}.invite-button:active{transform:translateY(0)}.copy-link-button{background:transparent;color:#b5bac1;border:1px solid #3f4147;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;margin-left:12px}.copy-link-button:hover{background:#3f4147;border-color:#5865f2;color:#f2f3f5}.button-icon{font-size:18px}.invite-help{margin:12px 0 0;font-size:13px;color:#b5bac1}.permissions-section,.setup-section{background:#1e1f22;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #3f4147}.permissions-section h4,.setup-section h4{font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px;color:#f2f3f5}.section-icon{font-size:18px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}.permission-card{background:#2b2d31;border-radius:6px;padding:14px;display:flex;gap:12px;align-items:flex-start;transition:all .2s ease;border:1px solid #3f4147}.permission-card:hover{background:#313338;border-color:#5865f2;transform:translateY(-1px)}.permission-icon{font-size:28px;flex-shrink:0}.permission-details h5{margin:0 0 4px;font-size:15px;font-weight:600;color:#f2f3f5}.permission-details p{margin:0;font-size:13px;color:#b5bac1;line-height:1.4}.show-more-button{background:transparent;color:#b5bac1;border:1px solid #3f4147;padding:10px 20px;border-radius:4px;cursor:pointer;width:100%;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.show-more-button:hover{background:#3f4147;color:#f2f3f5;border-color:#5865f2}.setup-section.critical{background:#2b2d31;border:1px solid #f59e0b;border-left-width:4px}.setup-section.optional{background:#1e1f22;border:1px solid #3f4147}.setup-intro{margin:0 0 16px;font-size:14px;color:#b5bac1}.setup-list{display:flex;flex-direction:column;gap:12px}.setup-item{background:#2b2d31;border-radius:6px;padding:14px;border:1px solid #3f4147;border-left-width:3px;border-left-color:#5865f2}.setup-item.critical{border-left-color:#f59e0b;background:#2b2d31}.setup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.setup-icon{font-size:20px}.setup-header strong{font-size:15px;color:#f2f3f5}.setup-description{margin:0 0 12px;font-size:13px;color:#b5bac1;line-height:1.5}.setup-fix{background:#1e1f22;border-radius:4px;padding:12px;margin-top:8px;border:1px solid #3f4147}.fix-label{font-weight:600;font-size:12px;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;color:#b5bac1}.setup-fix p{margin:0;font-size:13px;color:#dcddde;line-height:1.5}.help-section{background:#1e1f22;border-radius:8px;padding:20px;border:1px solid #3f4147}.help-section details{cursor:pointer}.help-section summary{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#f2f3f5;list-style:none;-webkit-user-select:none;user-select:none;transition:color .2s ease}.help-section summary:hover{color:#5865f2}.help-section summary::-webkit-details-marker{display:none}.help-icon{font-size:20px}.help-content{margin-top:16px;padding-top:16px;border-top:1px solid #3f4147}.help-content h5{font-size:15px;margin:16px 0 8px;font-weight:600;color:#f2f3f5}.help-content h5:first-child{margin-top:0}.help-content p{margin:0 0 12px;font-size:13px;color:#b5bac1;line-height:1.6}.help-content ol{margin:8px 0 12px;padding-left:20px}.help-content li{font-size:13px;color:#b5bac1;line-height:1.6;margin-bottom:6px}@media(max-width:768px){.permission-widget{padding:16px;border-radius:12px}.permissions-grid{grid-template-columns:1fr}.invite-button{width:100%;justify-content:center}.copy-link-button{width:100%;margin-left:0;margin-top:8px;justify-content:center}.widget-header h3{font-size:24px}.permission-card{padding:12px}}.permission-card.administrator{border-left:3px solid #f59e0b}.permission-card.administrator .permission-details h5,.setup-section.critical .section-icon,.setup-section.critical h4{color:#f59e0b}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.permission-widget>*{animation:slideIn .5s ease-out}.permission-widget button:focus{outline:2px solid #5865f2;outline-offset:2px}.permission-widget details[open] summary{margin-bottom:0}.permission-widget *{transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:ease}.project-settings{max-width:800px;max-height:90vh;overflow-y:auto}.settings-tabs{display:flex;gap:0;border-bottom:2px solid #3f4147;margin-bottom:1.5rem;background:#1e1f22;padding:0 1rem}.tab-button{background:transparent;border:none;color:#b9bbbe;padding:1rem 1.5rem;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:.5rem}.tab-button:hover{color:#dcddde;background:#ffffff0d}.tab-button.active{color:#fff;border-bottom-color:#5865f2;background:#5865f21a}.permissions-tab-container{padding:0;margin:-1rem;background:transparent}.permissions-tab-container .permission-widget{border-radius:0;box-shadow:none}.settings-section{margin-bottom:2rem}.settings-section h3{color:#f2f3f5;margin-bottom:1rem;font-size:16px;font-weight:600}.token-status{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;padding:1.5rem}.token-info{margin-bottom:1rem}.status-indicator{display:inline-block;font-weight:600;color:#3ba55c;font-size:14px}.token-name{margin-top:.5rem;color:#dcddde;font-size:14px}.token-updated{margin-top:.25rem;color:#72767d;font-size:13px}.token-actions{display:flex;gap:.75rem;margin-top:1rem}.token-actions button{flex:1;padding:.5rem 1rem;font-size:14px}.no-token{background:#1e1f22;border:2px dashed #3f4147;border-radius:8px;padding:2rem;text-align:center}.no-token p{color:#72767d;margin-bottom:1rem}.no-token button{margin:0 auto}.button-danger{background:linear-gradient(135deg,#ed4245,#c73b3e);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.button-danger:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.button-danger:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:2rem;color:#72767d}.warning-text{margin-top:.5rem;color:#f59e0b;font-size:13px}.runtime-note{margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:#a5b4fc;font-size:12px}.runtime-note.subtle{color:#8b9bfb}.workload-card{margin-top:1.5rem;background:#1e1f22;border:1px solid #3f4147;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.workload-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.workload-card-header h3{margin:0}.workload-chip{font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-radius:999px;padding:4px 10px;background:#5865f22e;border:1px solid rgba(88,101,242,.35);color:#c7cbff}.workload-card-description{margin:0;color:#aeb2b8;font-size:13px;line-height:1.5}.workload-type-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.workload-type-button{display:flex;align-items:flex-start;gap:.75rem;background:#141519;border:1px solid #32343a;border-radius:8px;padding:.75rem 1rem;text-align:left;color:#f2f3f5;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;position:relative}.workload-type-button:hover:not(.disabled){border-color:#5865f2;background:#1d1e23;transform:translateY(-1px)}.workload-type-button.selected{border-color:#5865f2;background:#5865f226}.workload-type-button.disabled{opacity:.45;cursor:not-allowed}.workload-type-icon{font-size:20px;line-height:1}.workload-type-text{display:flex;flex-direction:column;gap:4px}.workload-type-title{font-size:14px;font-weight:600}.workload-type-desc{font-size:12px;color:#949ba4;line-height:1.4}.workload-type-badge{position:absolute;top:10px;right:10px;font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:999px;letter-spacing:.6px;border:1px solid rgba(255,166,45,.3);background:#ffa62d33;color:#ffb155}.workload-type-badge.beta{border-color:#5865f259;background:#5865f22e;color:#c7cbff}.workload-type-badge.locked{border-color:#ffa62d59;background:#ffa62d2e;color:#ffb155}.workload-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.workload-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b5bac1;text-transform:uppercase;letter-spacing:.5px}.workload-field input,.workload-field select{background:#111214;border:1px solid #3f4147;border-radius:6px;padding:.5rem .75rem;color:#f2f3f5;font-size:14px}.workload-field input:focus,.workload-field select:focus{outline:none;border-color:#5865f2}.workload-checkbox{display:flex;align-items:center;gap:.75rem;font-size:13px;color:#f2f3f5}.workload-checkbox a{color:#8ea1ff}.workload-hint{background:#5865f21f;border:1px solid rgba(88,101,242,.35);border-radius:6px;padding:.75rem 1rem;font-size:12px;color:#c7cbff;line-height:1.4}.workload-beta-note{margin:0;font-size:12px;color:#ffb155}.workload-actions{display:flex;align-items:center;gap:1rem}.workload-status{font-size:12px;color:#c7cbff}.danger-zone{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#ed424514,#c73b3e0d);border:1px solid rgba(237,66,69,.25);border-radius:8px}.danger-zone-header{margin-bottom:1rem}.danger-zone-header h3{margin:0 0 .25rem;color:#ed4245;font-size:16px}.danger-zone-header p{margin:0;color:#b5bac1;font-size:13px}.delete-project-button{width:100%;padding:.75rem 1rem;font-size:14px}.upgrade-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.upgrade-prompt-modal{background:linear-gradient(135deg,#2c2f33,#23272a);border:2px solid rgba(242,101,34,.5);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080,0 0 60px #f2652233;position:relative;animation:slideUp .3s ease-out;color:#fff}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:color .2s;padding:.25rem;line-height:1}.close-button:hover{color:#fff}.upgrade-icon{text-align:center;margin-bottom:1rem}.upgrade-prompt-modal h2{text-align:center;margin:0 0 1rem;font-size:1.75rem;color:#f26522}.message{text-align:center;font-size:1rem;color:#fffc;margin-bottom:1.5rem;line-height:1.5}.upgrade-benefits{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.upgrade-benefits h3{margin:0 0 1rem;font-size:1rem;color:#ffffffe6}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#fffc}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#3ba55c,#2d7d46);border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.button-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.upgrade-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#f26522,#ed4245);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f2652280}.later-button{width:100%;padding:.875rem;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.later-button:hover{background:#ffffff0d;color:#fff}.info-text{text-align:center;font-size:.875rem;color:#ffffff80;margin:0}@media(max-width:600px){.upgrade-prompt-modal{padding:1.5rem}.upgrade-prompt-modal h2{font-size:1.5rem}}.session-expired-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.session-expired-modal{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2d2d44);border-radius:16px;padding:32px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-expired-icon{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.session-expired-title{font-size:24px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 12px}.session-expired-message{font-size:15px;color:var(--text-secondary, #a0a0b0);margin:0 0 28px;line-height:1.6}.session-expired-actions{display:flex;flex-direction:column;gap:12px}.session-expired-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.session-expired-login-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 4px 12px #5865f266}.session-expired-login-btn:active{transform:translateY(0)}.session-expired-login-btn svg{flex-shrink:0}.session-expired-note{font-size:13px;color:var(--text-tertiary, #6b6b7b);margin:20px 0 0}.session-expired-help{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #2d2d44)}.session-expired-help p{font-size:13px;color:var(--text-tertiary, #6b6b7b);margin:0 0 8px}.session-expired-discord-link{display:inline-flex;align-items:center;gap:6px;color:#5865f2;text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;background:#5865f21a;transition:all .2s ease}.session-expired-discord-link:hover{background:#5865f233;text-decoration:none}.session-expired-discord-link svg{flex-shrink:0}@media(prefers-color-scheme:light){.session-expired-modal{background:#fff;border-color:#e0e0e0}.session-expired-title{color:#1a1a2e}.session-expired-message{color:#666}.session-expired-note{color:#888}}.login-processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:loginOverlayFadeIn .2s ease-out}@keyframes loginOverlayFadeIn{0%{opacity:0}to{opacity:1}}.login-processing-content{text-align:center;color:#fff;max-width:400px;padding:2rem}.login-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#5865f2;border-radius:50%;animation:loginSpinnerSpin 1s linear infinite;margin:0 auto 24px}@keyframes loginSpinnerSpin{to{transform:rotate(360deg)}}.login-processing-content h2{font-size:1.5rem;margin-bottom:8px;font-weight:600;color:#fff}.login-processing-hint{color:#fff9;font-size:.875rem;margin:0}.login-processing-error{background:#000000f2}.login-processing-error .login-processing-content h2{color:#ff6b6b}.login-error-icon{font-size:48px;display:block;margin-bottom:16px}.login-retry-button{margin-top:16px;padding:12px 24px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .1s,background-color .2s}.login-retry-button:hover{transform:scale(1.05);background:#4752c4}.login-retry-button:active{transform:scale(.98)}.markdown-renderer{line-height:1.375;color:#dededf;text-align:left}.markdown-renderer .md-h1{font-size:2em;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.3em;border-bottom:1px solid rgba(222,222,223,.1);color:#dededf}.markdown-renderer .md-h2{font-size:1.5em;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.3em;border-bottom:1px solid rgba(222,222,223,.1);color:#dededf}.markdown-renderer .md-h3{font-size:1.25em;font-weight:600;margin:1.25rem 0 .75rem;color:#dededf}.markdown-renderer .md-h4{font-size:1.1em;font-weight:600;margin:1rem 0 .5rem;color:#dededf}.markdown-renderer .md-h5,.markdown-renderer .md-h6{font-size:1em;font-weight:600;margin:.75rem 0 .5rem;color:#dededf;opacity:.8}.markdown-renderer .md-p{margin:.75rem 0;line-height:1.375}.markdown-renderer .md-ul,.markdown-renderer .md-ol{margin:.75rem 0;padding-left:2em}.markdown-renderer .md-li,.markdown-renderer .md-ul .md-ul,.markdown-renderer .md-ol .md-ol,.markdown-renderer .md-ul .md-ol,.markdown-renderer .md-ol .md-ul{margin:.25rem 0}.markdown-renderer .md-blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:4px solid #5865F2;background:#5865f214;color:#dededf;font-style:italic}.markdown-renderer .md-blockquote .md-p{margin:.5rem 0}.markdown-renderer .md-link{color:#00aff4;text-decoration:none;border-bottom:1px solid transparent;transition:all .1s}.markdown-renderer .md-link:hover{text-decoration:underline;color:#00aff4}.markdown-renderer code:not([class*=language-]){background:#121214;color:#dededf;padding:.2em .4em;border-radius:3px;font-family:JetBrains Mono,Roboto Mono,Consolas,Monaco,Courier New,monospace;font-size:.875em}.markdown-renderer .md-table{width:100%;border-collapse:collapse;margin:1rem 0;background:#121214;border-radius:4px;overflow:hidden}.markdown-renderer .md-thead{background:#0f0f11}.markdown-renderer .md-th,.markdown-renderer .md-td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(222,222,223,.1)}.markdown-renderer .md-th{font-weight:600;color:#dededf}.markdown-renderer .md-tr:last-child .md-td{border-bottom:none}.markdown-renderer .md-tr:hover{background:#ffffff08}.markdown-renderer .md-hr{border:none;border-top:1px solid rgba(222,222,223,.1);margin:2rem 0}.markdown-renderer .md-strong{font-weight:700;color:#dededf}.markdown-renderer .md-em{font-style:italic}.markdown-renderer .md-del{text-decoration:line-through;color:#999}.markdown-renderer input[type=checkbox]{margin-right:.5em;cursor:pointer}.markdown-renderer .code-block-wrapper{margin:1rem 0;border-radius:8px;overflow:hidden;background:#121214}.markdown-renderer .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#5865f214;border-bottom:1px solid rgba(88,101,242,.15)}.markdown-renderer .code-language{font-size:.85em;font-weight:600;color:#5865f2;text-transform:uppercase}.markdown-renderer .copy-button{background:#5865f21f;border:1px solid rgba(88,101,242,.25);color:#5865f2;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85em;transition:all .17s}.markdown-renderer .copy-button:hover{background:#5865f233;border-color:#5865f266}.markdown-renderer>*:first-child{margin-top:0}.markdown-renderer>*:last-child{margin-bottom:0}.timeline-widget{margin:.5rem 0;font-size:.875rem;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-left:4px solid #5865F2;background:#5865f204;border-radius:4px;padding-left:.75rem;transition:background .2s ease}.timeline-widget:hover{background:#5865f206}.timeline-widget.thinking-phase{padding:.5rem .75rem;background:transparent;border-left:4px solid #5865F2}.timeline-header{display:flex;align-items:center;gap:4px;padding:.5rem .75rem .5rem 0;background:transparent;border:none;cursor:pointer;color:#b5bac1;font-size:1rem;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .15s ease;width:100%;text-align:left;border-radius:4px;margin:-.25rem -.5rem;padding:.75rem 1.25rem .75rem .5rem}.timeline-header.generating{color:#5865f2}.timeline-header:hover{color:#dbdee1;background:transparent!important}.timeline-summary{font-weight:400;display:flex;align-items:center;gap:6px}.timeline-stats-badge{font-size:.75rem;color:#949ba4;margin-left:6px}.building-spinner{display:inline-flex;align-items:center;margin-right:8px}.building-spinner svg{display:block}.building-spinner .spinner_9y7u{animation:spinner_fUkk 2.4s linear infinite;animation-delay:-2.4s;fill:#5865f2}.building-spinner .spinner_DF2s{animation-delay:-1.6s}.building-spinner .spinner_q27e{animation-delay:-.8s}.timeline-content{margin-top:.5rem;padding-left:0;padding-right:.75rem;position:relative;max-height:400px;overflow-y:auto;overflow-x:hidden;animation:expandTimeline .25s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(88,101,242,.3) transparent}.timeline-content::-webkit-scrollbar{width:6px}.timeline-content::-webkit-scrollbar-track{background:transparent}.timeline-content::-webkit-scrollbar-thumb{background:#5865f24d;border-radius:3px;transition:background .2s ease}.timeline-content::-webkit-scrollbar-thumb:hover{background:#5865f280}@keyframes expandTimeline{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.timeline-content.bounded-window{max-height:280px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(88,101,242,.2) transparent;padding-top:12px;padding-bottom:12px}.timeline-content.bounded-window::-webkit-scrollbar{width:4px}.timeline-content.bounded-window::-webkit-scrollbar-thumb{background:#5865f233;border-radius:2px}.timeline-fade-top{position:absolute;top:0;left:0;right:0;height:40px;pointer-events:none;z-index:10;background:linear-gradient(to bottom,#5865f20a,#5865f200)}.timeline-events{display:flex;flex-direction:column;gap:0;position:relative}.timeline-event{display:flex;gap:8px;position:relative;opacity:.5;transition:opacity .4s ease,transform .4s ease;padding:2px 0}.bounded-window .timeline-event:first-child{opacity:.3}.bounded-window .timeline-event:nth-child(2){opacity:.5}.timeline-event.latest{opacity:1!important;animation:fadeInSlide .4s ease}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-event.status-completed{opacity:.8}.timeline-event.status-in_progress{opacity:1}.event-marker{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0}.event-dot{width:6px;height:6px;background:#80848e;border-radius:50%;margin-top:6px;flex-shrink:0;transition:background .2s ease}.event-line{width:1px;flex:1;background:#3f4248;min-height:16px;position:relative}.event-line:after{content:"";position:absolute;top:100%;left:0;width:100%;height:8px;background:inherit}.event-content{display:flex;align-items:flex-start;gap:6px;padding:4px 0;color:#b5bac1;font-size:.875rem;line-height:1.375}.event-icon{font-size:.875rem;flex-shrink:0}.event-text{flex:1;word-break:break-word;overflow-wrap:break-word;max-width:100%}.timeline-event.status-completed .event-dot{background:#3ba55d;opacity:1}.timeline-event.status-failed .event-dot{background:#ed4245;opacity:1}.timeline-event.status-in_progress .event-dot{background:#5865f2;animation:pulse 2s ease-in-out infinite;opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timeline-event.latest .event-dot{background:#5865f2;box-shadow:0 0 8px #5865f299;opacity:1}.timeline-markdown{font-size:.875rem}.timeline-markdown .md-p{margin:.25rem 0;line-height:1.4}.timeline-markdown .md-h1,.timeline-markdown .md-h2,.timeline-markdown .md-h3,.timeline-markdown .md-h4,.timeline-markdown .md-h5,.timeline-markdown .md-h6{margin:.5rem 0 .25rem;font-size:1em;border:none}.timeline-markdown code{font-size:.85em}.timeline-markdown .code-block-wrapper{margin:.5rem 0}.timeline-markdown .md-ul,.timeline-markdown .md-ol{margin:.25rem 0;padding-left:1.5em}.timeline-markdown .md-li{margin:.1rem 0}@media(max-width:768px){.timeline-content.bounded-window{height:160px}}@media(prefers-reduced-motion:reduce){.timeline-event,.event-dot,.timeline-header{transition:none;animation:none}.timeline-content.bounded-window{scroll-behavior:auto}}.inline-deployment-widget{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin:.5rem 0;max-width:450px;font-size:.9rem;transition:all .3s ease}.inline-deployment-widget.running{background:#4ade8014;border-color:#4ade804d}.inline-deployment-widget.pending{background:#fbbf2414;border-color:#fbbf244d}.inline-deployment-widget.failed{background:#ef444414;border-color:#ef44444d}.inline-deployment-widget.stopped{background:#0003;border-color:#ffffff14;opacity:.75}.inline-deployment-widget.loading{background:#93c5fd14;border-color:#93c5fd4d;animation:pulse-loading 2s ease-in-out infinite}@keyframes pulse-loading{0%,to{border-color:#93c5fd4d}50%{border-color:#93c5fd99}}.widget-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.widget-header .status-emoji{font-size:1.1rem;line-height:1}.widget-header .bot-name{color:#f2f3f5;flex:1;font-size:1rem}.widget-header .status-badge{color:#b5bac1;font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:.8}.widget-header .error-badge{display:flex;align-items:center;gap:4px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;color:#ff6b6b;cursor:help}.inline-deployment-widget.has-error{border-color:#ef444480}.inline-deployment-widget.running .status-badge{color:#4ade80}.inline-deployment-widget.loading .status-badge{color:#93c5fd}.inline-deployment-widget.pending .status-badge{color:#fbbf24}.inline-deployment-widget.failed .status-badge{color:#ef4444}.inline-deployment-widget.stopped .status-badge{color:#9ca3af}.widget-header .loading-spinner{animation:spin 1.5s linear infinite}.widget-header .loading-text{color:#b5bac1;font-size:.85rem;font-weight:400}.widget-stats{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:#b5bac1;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.05)}.widget-stats .stat{display:flex;align-items:center;gap:.25rem}.widget-stats .stat.expiry{color:#fbbf24;font-weight:500}.widget-stats .stat.expiry.ending-soon{color:#fbbf24;font-weight:600}.widget-stats .stat.loading-notice{color:#93c5fd;font-weight:500;animation:fade-pulse 1.5s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:1}}.ttl-progress-bar-container{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:.75rem;overflow:hidden}.ttl-progress-bar-container.ending-soon .ttl-progress-bar-fill,.ttl-progress-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;transition:width 1s linear}.ending-soon-banner{display:flex;gap:.75rem;align-items:center;padding:.75rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid rgba(251,191,36,.35);border-radius:8px;color:#fcd34d;font-size:.85rem;animation:banner-slide-in .3s ease-out}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ending-soon-banner .banner-icon{font-size:1.25rem;flex-shrink:0}.ending-soon-banner .banner-content{flex:1;min-width:0}.ending-soon-banner .banner-content strong{display:block;font-size:.9rem;color:#fef08a;margin-bottom:.15rem}.ending-soon-banner .banner-content p{margin:0;font-size:.8rem;opacity:.9}.ending-soon-banner .ending-soon-upgrade-btn{flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;font-weight:600;padding:.4rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.8rem}.ending-soon-banner .ending-soon-upgrade-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b66}.inline-deployment-widget.ending-soon{border-color:#fbbf2466}.deployment-error{margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;display:flex;gap:.5rem;align-items:flex-start}.deployment-error .error-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.deployment-error .error-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.deployment-error strong{color:#ff6b6b;font-size:.85rem;font-weight:600}.deployment-error .error-message{color:#fca5a5;font-size:.8rem;line-height:1.4;word-break:break-word;font-family:Consolas,Monaco,monospace}.widget-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem;font-size:.75rem;color:#b5bac1}.widget-meta .workload-chip,.widget-meta .runtime-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.widget-meta .workload-chip{background:#5865f22e;border-color:#5865f24d;color:#a5adff}.widget-meta .runtime-chip{background:#ffffff14;border-color:#ffffff29}.workload-note{display:flex;gap:.5rem;align-items:flex-start;padding:.75rem;margin-bottom:.75rem;background:#3b82f614;border:1px solid rgba(59,130,246,.22);border-radius:6px;color:#bfdbfe;font-size:.8rem;line-height:1.4}.workload-note .note-icon{margin-top:.05rem}.workload-runtime-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.runtime-card{background:#0f1117a6;border:1px solid rgba(88,101,242,.25);border-radius:6px;padding:.75rem;color:#d1d7ff;font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.runtime-card h4{margin:0;font-size:.85rem;font-weight:600;color:#f2f3f5}.runtime-line{display:flex;flex-direction:column;gap:.2rem}.runtime-line span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#a5adff}.runtime-line code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#171922cc;border-radius:4px;padding:.25rem .4rem;color:#e4e7ff;display:inline-block}.runtime-line.subtle{color:#b6befd}.runtime-backups{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.runtime-backups li{display:flex;flex-direction:column;gap:.2rem;background:#0c0d1299;border-radius:4px;padding:.4rem .5rem}.backup-name{font-weight:600;color:#f2f3f5}.backup-time{font-size:.7rem;color:#a1a6d8}.backup-status{font-size:.7rem;font-weight:600;color:#c7cbff;text-transform:uppercase}.widget-actions{display:flex;gap:.5rem;flex-wrap:wrap}.widget-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#dededf;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.widget-btn:hover{background:#ffffff1a;border-color:#fff3;color:#f2f3f5}.widget-btn.view-logs{background:#5865f226;border-color:#5865f24d;color:#949cf7}.widget-btn.view-logs:hover{background:#5865f240;border-color:#5865f280;color:#b4bdf9}.widget-btn.invite-bot{background:#4ade8026;border-color:#4ade804d;color:#86efac}.widget-btn.invite-bot:hover:not(:disabled){background:#4ade8040;border-color:#4ade8080;color:#a3e3c4}.widget-btn.invite-bot:disabled{opacity:.5;cursor:not-allowed}.widget-btn.stop-bot{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.widget-btn.stop-bot:hover{background:#ef444440;border-color:#ef444480;color:#fecaca}.widget-btn.fix-error{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.widget-btn.fix-error:hover{background:#fbbf2440;border-color:#fbbf2499;color:#fcd34d}.widget-btn.view-details{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.widget-btn.view-details:hover{background:#3b82f640;border-color:#3b82f699;color:#93c5fd}@media(max-width:480px){.widget-actions{flex-direction:column}.widget-btn{width:100%}}.widget-logs-panel{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .5rem}.logs-title{font-weight:600;font-size:.85rem;color:#ffffffe6}.logs-status{font-size:.75rem;color:#fff9}.logs-box{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.75rem;max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5}.logs-empty{color:#ffffff80;text-align:center;padding:2rem;font-style:italic}.log-line{margin:.25rem 0;word-wrap:break-word}.log-line.log-info{color:#fffc}.log-line.log-warn{color:#fbbf24e6}.log-line.log-error{color:#ef4444e6}.log-line.log-debug{color:#9ca3afb3}.log-timestamp{color:#9ca3af99;margin-right:.5rem;font-size:.7rem}.log-message{color:inherit}.widget-stats .stat.timeout-notice{color:#f59e0b;font-weight:500}.timeout-upgrade-prompt{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem;margin:.75rem 0;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:1px solid rgba(251,191,36,.35);border-radius:8px;color:#fcd34d;font-size:.85rem;line-height:1.4}.timeout-upgrade-prompt .timeout-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.timeout-upgrade-prompt .timeout-content{flex:1;min-width:0}.timeout-upgrade-prompt .timeout-content strong{display:block;color:#fef08a;font-size:.9rem;margin-bottom:.35rem}.timeout-upgrade-prompt .timeout-content p{margin:0;color:#fcd34d;opacity:.9}.timeout-upgrade-prompt .upgrade-btn{flex-shrink:0;align-self:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f59e0b4d}.timeout-upgrade-prompt .upgrade-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.timeout-upgrade-prompt .upgrade-btn:active{transform:translateY(0)}@media(max-width:480px){.timeout-upgrade-prompt{flex-direction:column;gap:.5rem;text-align:center;padding:.75rem}.timeout-upgrade-prompt .timeout-icon{display:none}.timeout-upgrade-prompt .timeout-content{text-align:center}.timeout-upgrade-prompt .timeout-content strong{font-size:.85rem}.timeout-upgrade-prompt .timeout-content p{font-size:.8rem}.timeout-upgrade-prompt .upgrade-btn{width:100%;margin-top:.5rem}.widget-stats .stat.timeout-notice{font-size:.75rem}}.token-status-widget{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin:.5rem 0;max-width:450px;font-size:.9rem;transition:all .3s ease}.token-status-widget.missing{background:#fbbf2414;border-color:#fbbf244d}.token-status-widget.configured{background:#4ade8014;border-color:#4ade804d}.token-status-widget.loading{background:#ffffff0d;border-color:#ffffff1a}.token-status-widget .loading-spinner{display:flex;align-items:center;gap:.5rem;color:#b5bac1;font-size:.85rem}.token-status-widget .spinner-icon{animation:spin 1s linear infinite}.token-status-widget .widget-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600}.token-status-widget .status-emoji{font-size:1.1rem;line-height:1}.token-status-widget .widget-title{color:#f2f3f5;flex:1;font-size:1rem}.token-status-widget .status-badge{color:#b5bac1;font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:.8}.token-status-widget.missing .status-badge{color:#fbbf24}.token-status-widget.configured .status-badge{color:#4ade80}.token-status-widget .widget-timestamp{font-size:.75rem;color:#72767d;margin-bottom:.75rem;padding-left:1.6rem}.token-status-widget .widget-body{margin-bottom:.75rem}.token-status-widget .widget-message{margin:0;font-size:.85rem;line-height:1.5;color:#b5bac1}.token-status-widget .widget-message.warning{color:#fcd34d}.token-status-widget .widget-message.success{color:#86efac}.token-status-widget .widget-actions{display:flex;gap:.5rem;flex-wrap:wrap}.token-status-widget .widget-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#dededf;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.token-status-widget .widget-btn:hover{background:#ffffff1a;border-color:#fff3;color:#f2f3f5}.token-status-widget .widget-btn.setup-token{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24;font-weight:600}.token-status-widget .widget-btn.setup-token:hover{background:#fbbf2440;border-color:#fbbf2499;color:#fcd34d;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2433}.token-status-widget .configured-indicator{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-weight:600;font-size:.85rem}.token-status-widget .configured-indicator svg{color:#4ade80}@media(max-width:480px){.token-status-widget .widget-actions{flex-direction:column}.token-status-widget .widget-btn{width:100%}}.deploy-ready-card{position:relative;background:linear-gradient(135deg,#1a1f2e,#252b3d);border:1px solid #3ba55d;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 20px #3ba55d26,0 0 40px #3ba55d0d;animation:deploy-card-appear .4s ease-out}@keyframes deploy-card-appear{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.deploy-ready-dismiss{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#72767d;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.deploy-ready-dismiss:hover{background:#ffffff1a;color:#dcddde}.deploy-ready-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.celebration-emoji{font-size:28px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.1) rotate(-5deg);filter:brightness(1.2)}50%{transform:scale(1) rotate(0);filter:brightness(1)}75%{transform:scale(1.1) rotate(5deg);filter:brightness(1.2)}}.deploy-ready-title{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.02em}.deploy-ready-info{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.bot-name{color:#3ba55d;font-weight:600;font-size:14px}.generation-time{color:#72767d;font-size:13px}.deploy-ready-cta{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 24px;background:linear-gradient(135deg,#3ba55d,#2d8049);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #3ba55d66,0 0 30px #3ba55d33;animation:cta-pulse 2s ease-in-out infinite}@keyframes cta-pulse{0%,to{box-shadow:0 4px 15px #3ba55d66,0 0 30px #3ba55d33}50%{box-shadow:0 4px 25px #3ba55d99,0 0 50px #3ba55d4d}}.deploy-ready-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3ba55d80,0 0 40px #3ba55d4d}.deploy-ready-cta:active{transform:translateY(0)}.deploy-ready-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.cta-icon{font-size:24px}.cta-text{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}.cta-subtext{font-size:12px;color:#fffc}.deploy-ready-secondary{width:100%;margin-top:12px;padding:10px 16px;background:transparent;border:1px solid #4f545c;border-radius:6px;color:#b9bbbe;font-size:14px;cursor:pointer;transition:all .2s ease}.deploy-ready-secondary:hover{background:#ffffff0d;border-color:#72767d;color:#dcddde}.deploy-ready-help{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#72767d;line-height:1.5}@media(max-width:480px){.deploy-ready-card{padding:16px;margin:12px 0}.deploy-ready-title{font-size:16px}.deploy-ready-cta{padding:14px 20px}.cta-text{font-size:15px}}.action-suggestions{margin-top:1rem}.action-chips{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.action-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .1s ease;white-space:nowrap;border:none;min-height:38px}.action-chip:disabled{opacity:.5;cursor:wait;position:relative;overflow:hidden}.action-chip:disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer-chip 1.5s ease-in-out infinite}@keyframes shimmer-chip{0%{transform:translate(-100%)}to{transform:translate(100%)}}.action-chip.loading{pointer-events:none;animation:pulse-chip 1.5s ease-in-out infinite}@keyframes pulse-chip{0%,to{opacity:1}50%{opacity:.7}}.prompt-chip{background:#4e5058;color:#fff;border:none;font-weight:500}.prompt-chip:hover:not(:disabled){background:#6d6f78;transform:none}.prompt-chip:active:not(:disabled){background:#5a5d66;transform:none}.action-chip--primary{background:#5865f2;font-weight:600}.action-chip--primary:hover:not(:disabled){background:#4752c4}.action-chip--primary:active:not(:disabled){background:#3c45a5}.chip-text{line-height:1.4}@media(max-width:768px){.action-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.action-chips::-webkit-scrollbar{display:none}.action-chip{min-height:44px;padding:.625rem 1.25rem;flex-shrink:0}.prompt-chip{font-size:.875rem}}.error-alert-banner{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:12px 16px;margin:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-alert-banner--warning{background:#ffcc001a;border-color:#ffcc004d}.error-alert-banner--critical{background:#ff3b301a;border-color:#ff3b304d}.error-alert-banner__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.error-alert-banner__severity{font-weight:600;font-size:13px;color:#e0e0e0}.error-alert-banner__cost{font-size:11px;color:#888;font-weight:500}.error-alert-banner__summary{font-size:14px;color:#d0d0d0;margin-bottom:12px;line-height:1.5}.error-alert-banner__actions{display:flex;gap:8px}.error-alert-banner__button{padding:6px 14px;border-radius:6px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.error-alert-banner__button--fix{background:#5865f2;color:#fff}.error-alert-banner__button--fix:hover{background:#4752c4;transform:translateY(-1px)}.error-alert-banner__button--ignore{background:#ffffff1a;color:#b0b0b0;border:1px solid rgba(255,255,255,.15)}.error-alert-banner__button--ignore:hover{background:#ffffff26;color:#d0d0d0}.internal-reasoning-widget{margin:0 0 12px;border-radius:0;background:transparent;border:none}.reasoning-toggle{width:100%;display:flex;align-items:center;gap:6px;padding:6px 0;background:transparent;border:none;color:#a0a0b4cc;font-size:13px;cursor:pointer;transition:color .15s ease;font-weight:400;font-family:inherit;text-align:left}.reasoning-toggle:hover{color:#c8c8dc}.reasoning-toggle:hover .reasoning-label{text-decoration:underline}.reasoning-icon{font-size:14px;opacity:.7}.reasoning-label{font-weight:400;display:flex;align-items:center;gap:4px}.reasoning-count{color:#a0a0b499;font-size:13px;font-weight:400}.reasoning-chevron{margin-left:4px;display:flex;align-items:center;transition:transform .2s ease;opacity:.6}.reasoning-content{padding:16px 0 4px;background:transparent;max-height:600px;overflow-y:auto;animation:slideDown .2s ease-out;display:flex;flex-direction:column;gap:12px}.reasoning-text{display:flex;gap:12px;padding:12px 16px;background:#6464ff0d;border-left:3px solid rgba(100,100,255,.3);border-radius:6px;line-height:1.6}.reasoning-text-icon{font-size:18px;flex-shrink:0;opacity:.8}.reasoning-text-content{color:#dcdcf0e6;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.reasoning-tools{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.tool-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3c3c5099;border:1px solid rgba(120,120,150,.3);border-radius:16px;font-size:13px;color:#c8c8dce6;transition:all .2s ease;cursor:default}.tool-pill:hover{background:#46465ab3;border-color:#8c8caa80;transform:translateY(-1px)}.tool-pill.running{background:#3b82f626;border-color:#3b82f666;animation:pulse-running 2s ease-in-out infinite}@keyframes pulse-running{0%,to{opacity:1;border-color:#3b82f666}50%{opacity:.8;border-color:#3b82f699}}.tool-icon{font-size:14px;line-height:1}.tool-label{font-weight:500;line-height:1}.tool-spinner{font-size:12px;line-height:1;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reasoning-content::-webkit-scrollbar{width:8px}.reasoning-content::-webkit-scrollbar-track{background:transparent}.reasoning-content::-webkit-scrollbar-thumb{background:#6464784d;border-radius:4px}.reasoning-content::-webkit-scrollbar-thumb:hover{background:#78788c80}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.phase-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border:none;cursor:pointer;text-align:left;transition:background .2s ease;font-family:inherit;font-size:.9rem}.phase-header:hover{background:var(--bg-hover, #f3f4f6)}.phase-header--active{background:var(--blue-50, #eff6ff);animation:pulse 2s ease-in-out infinite}.phase-header--error{background:var(--red-50, #fef2f2)}.phase-header--success{background:var(--green-50, #f0fdf4)}.phase-status{font-size:1.2rem;flex-shrink:0}.phase-name{font-weight:600;flex:1;color:var(--text-primary, #1f2937)}.phase-tools{color:var(--text-secondary, #6b7280);font-size:.85rem;flex-shrink:0}.chevron{transition:transform .2s ease;display:flex;align-items:center;color:var(--text-secondary, #6b7280);flex-shrink:0}.chevron.expanded{transform:rotate(90deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.phase-content{padding:.75rem 1rem 1rem 2.5rem;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #e5e7eb);font-family:Courier New,Monaco,monospace;font-size:.85rem;line-height:1.5}.phase-summary{color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.phase-steps{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.step{display:flex;align-items:flex-start;gap:.5rem;padding-left:1rem;line-height:1.6}.step-icon{flex-shrink:0;width:1.5rem;font-size:1rem}.step-description{flex:1;color:var(--text-primary, #1f2937)}.step--active .step-description{font-weight:500;color:var(--blue-600, #2563eb)}.step--error .step-description{color:var(--red-600, #dc2626)}.step--success .step-description{color:var(--text-secondary, #6b7280)}.step-details{margin-top:.25rem;margin-left:2rem;color:var(--text-secondary, #6b7280);font-size:.8rem;line-height:1.4}.progressive-phase-timeline{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.phase-container{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;transition:all .2s ease;background:var(--bg-primary, #ffffff)}.phase-container:hover{border-color:var(--border-hover, #d1d5db);box-shadow:0 1px 3px #0000000d}.ppt-demo{max-width:1200px;margin:2rem auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.ppt-demo h2{margin-bottom:1.5rem;color:var(--text-primary, #1f2937)}.demo-controls{display:flex;gap:1rem;margin-bottom:2rem}.demo-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.demo-btn:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db)}.demo-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.demo-btn.success:hover{background:linear-gradient(135deg,#059669,#047857)}.demo-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.demo-btn.error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.demo-preview{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;margin-bottom:2rem;min-height:200px}.demo-info{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem}.demo-info h3{margin-top:0;margin-bottom:.75rem;color:var(--text-primary, #1f2937);font-size:.95rem}.demo-info pre{margin:0;padding:1rem;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;overflow:auto;font-size:.8rem;line-height:1.5;max-height:400px}.unified-timeline{margin:.5rem 0;font-size:.875rem;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-left:4px solid #5865F2;background:#5865f204;border-radius:4px;padding-left:.75rem;transition:background .2s ease}.unified-timeline:hover{background:#5865f206}.unified-timeline-header{display:flex;align-items:center;gap:8px;padding:.75rem 1.25rem .75rem .5rem;background:transparent;border:none;cursor:pointer;color:#b5bac1;font-size:1rem;font-family:inherit;transition:all .15s ease;width:100%;text-align:left;border-radius:4px;margin:-.25rem -.5rem}.unified-timeline-header.generating{color:#5865f2}.unified-timeline-header:hover{color:#dbdee1;background:transparent!important}.building-spinner{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.building-spinner svg{fill:#5865f2}.spinner_9y7u{animation:spinner_fUkk 2.4s linear infinite;animation-delay:-2.4s}.spinner_DF2s{animation-delay:-1.6s}.spinner_q27e{animation-delay:-.8s}@keyframes spinner_fUkk{8.33%{x:13px;y:1px}25%{x:13px;y:1px}33.3%{x:13px;y:13px}50%{x:13px;y:13px}58.33%{x:1px;y:13px}75%{x:1px;y:13px}83.33%{x:1px;y:1px}}.timeline-summary{font-weight:400;display:flex;align-items:center;gap:6px;flex:1}.timeline-arrow{display:inline-block;transition:transform .2s cubic-bezier(.4,0,.2,1);font-size:.75rem;color:#949ba4}.timeline-arrow.expanded{transform:rotate(90deg)}.timeline-summary.shimmer-text{background:linear-gradient(90deg,#b5bac1 35%,#fff,#b5bac1 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-slide 1.5s ease-in-out infinite}@keyframes shimmer-slide{0%{background-position:0% 0}to{background-position:200% 0}}.reasoning-chevron{display:flex;align-items:center;transition:transform .2s ease;color:#949ba4;margin-left:auto}.reasoning-chevron.expanded{transform:rotate(90deg)}.unified-timeline-content{max-height:400px;overflow-y:auto;padding:.75rem 0 .5rem;margin-top:.25rem;position:relative;border-top:1px solid rgba(88,101,242,.08)}.unified-timeline-content.bounded-window{max-height:350px}@media(max-width:768px){.unified-timeline-content.bounded-window{max-height:200px}}@media(max-width:480px){.unified-timeline-content.bounded-window{max-height:160px}}.timeline-fade-top{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;background:transparent}.hidden-count{font-size:.75rem;color:#949ba4;background:var(--vscode-editor-background, rgba(47, 49, 54, .9));padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(88,101,242,.2);pointer-events:auto;opacity:.95}.timeline-fade-bottom{display:none}.timeline-events{display:flex;flex-direction:column;gap:.75rem;padding:0 .5rem}.unified-timeline-content.bounded-window .timeline-events{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%)}.timeline-event{display:flex;gap:.75rem;position:relative;animation:fadeIn .3s ease}.timeline-event.latest{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:12px}.event-dot{width:12px;height:12px;border-radius:50%;background:#3ba55d;border:3px solid rgba(47,49,54,1);box-shadow:0 0 0 2px #3ba55d;z-index:2;flex-shrink:0}.timeline-event.status-active .event-dot{background:#5865f2;box-shadow:0 0 0 2px #5865f2;animation:pulse 2s ease-in-out infinite}.timeline-event.status-error .event-dot{background:#ed4245;box-shadow:0 0 0 2px #ed4245}.timeline-event.status-pending .event-dot{background:#949ba4;box-shadow:0 0 0 2px #949ba4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.event-line{width:2px;flex:1;background:#3ba55d;margin-top:4px}.timeline-event.status-active .event-line{background:#5865f2}.timeline-event.status-error .event-line{background:#ed4245}.event-content{display:flex;gap:.5rem;flex:1;padding-bottom:.25rem}.event-icon{font-size:1.2rem;flex-shrink:0;line-height:1}.event-text{flex:1;min-width:0}.event-title{font-weight:500;color:#dbdee1;line-height:1.4;word-wrap:break-word}.event-description{margin-top:.25rem;color:#b5bac1;font-size:.85rem;line-height:1.5}.event-metadata{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:#949ba4}.metadata-file,.metadata-duration{display:flex;align-items:center;gap:.25rem}.timeline-markdown{font-size:inherit;color:inherit}.timeline-markdown p{margin:0}.timeline-markdown code{background:#5865f21a;padding:.125rem .25rem;border-radius:3px;font-size:.85em}.unified-timeline-content::-webkit-scrollbar{width:8px}.unified-timeline-content::-webkit-scrollbar-track{background:transparent}.unified-timeline-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.unified-timeline-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.todo-progress-badge{display:flex;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;background:#5865f21a;border-radius:12px;font-size:.75rem;flex-shrink:0;transition:background .2s ease}.todo-progress-badge.complete{background:#3ba55d26}.todo-badge-icon{font-size:.875rem}.todo-badge-count{color:#b5bac1;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,monospace}.todo-badge-checks{display:flex;gap:2px}.todo-check{font-size:.7rem;transition:transform .2s ease}.todo-check.completed{animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.todo-more{color:#949ba4;font-size:.65rem;margin-left:2px}.todo-done-text{color:#3ba55d;font-weight:500;font-size:.7rem;margin-left:4px}.build-plan-section{margin:.75rem 0 .5rem;border-radius:8px;background:#5865f214;border:1px solid rgba(88,101,242,.25);overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.build-plan-section.complete{background:#3ba55d14;border-color:#3ba55d4d;box-shadow:0 2px 8px #3ba55d1a}.build-plan-header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:#5865f208;border:none;cursor:pointer;color:#b5bac1;font-size:.9rem;font-family:inherit;text-align:left;transition:background .15s ease;border-bottom:1px solid rgba(88,101,242,.1)}.build-plan-header:hover{background:#5865f21a}.build-plan-icon{font-size:1rem}.build-plan-title{font-weight:500;color:#dbdee1;flex:1}.build-plan-progress{font-size:.75rem;color:#949ba4;font-family:SF Mono,Monaco,Inconsolata,monospace}.build-plan-chevron{font-size:.625rem;color:#949ba4;transition:transform .2s ease}.build-plan-chevron.expanded{transform:rotate(180deg)}.build-plan-items{list-style:none;margin:0;padding:0 12px 12px}.build-plan-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:.8125rem;border-bottom:1px solid rgba(255,255,255,.05);animation:itemFadeIn .2s ease}.build-plan-item:last-child{border-bottom:none}@keyframes itemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.item-check{font-size:.875rem;flex-shrink:0;width:20px}.item-text{color:#dbdee1;line-height:1.4;flex:1}.build-plan-item.completed .item-text{color:#949ba4;text-decoration:line-through}.build-plan-item.completed .item-check{animation:checkComplete .4s ease}@keyframes checkComplete{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.thinking-indicator{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--vscode-editor-inactiveSelectionBackground, rgba(100, 100, 100, .1));border-radius:8px;margin:8px 0;animation:thinking-fade-in .3s ease-out}@keyframes thinking-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thinking-icon{font-size:18px;line-height:1;display:flex;align-items:center;min-width:24px;justify-content:center}.thinking-animated{display:flex;gap:4px}.thinking-dot{font-size:8px;color:var(--vscode-focusBorder, #007fd4);animation:thinking-pulse 1.4s ease-in-out infinite}.thinking-dot:nth-child(1){animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}.thinking-content{flex:1;min-width:0}.thinking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.thinking-label{font-weight:600;font-size:13px;color:var(--vscode-foreground, #cccccc)}.thinking-elapsed{font-size:11px;font-weight:500;color:var(--vscode-descriptionForeground, #8b8b8b);background:var(--vscode-badge-background, rgba(100, 100, 100, .2));padding:2px 8px;border-radius:10px}.thinking-message{font-size:12px;color:var(--vscode-descriptionForeground, #8b8b8b);line-height:1.4}.thinking-indicator.preparation-phase{background:var(--vscode-inputValidation-infoBackground, rgba(0, 127, 212, .1));border-left:3px solid var(--vscode-inputValidation-infoBorder, #007fd4)}.thinking-indicator.thinking-phase{background:var(--vscode-inputValidation-warningBackground, rgba(255, 165, 0, .1));border-left:3px solid var(--vscode-inputValidation-warningBorder, #ffa500)}@media(max-width:480px){.thinking-indicator{padding:10px 12px}.thinking-header{flex-direction:column;align-items:flex-start;gap:4px}}.chat-hero{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;background:#1a1a1f}.chat-hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:100vh}.chat-hero-announcement{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .5rem;background:#5865f21a;border-radius:9999px;font-size:.875rem;color:#b5bac1;text-decoration:none;margin-bottom:1.5rem;transition:all .2s ease;border:1px solid rgba(88,101,242,.2)}.chat-hero-announcement:hover{background:#5865f226;border-color:#5865f266;transform:translateY(-1px)}.announcement-badge{background:#5865f2;color:#fff;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.announcement-text{color:#f2f3f5}.announcement-arrow{width:1rem;height:1rem;color:#b5bac1;transition:transform .2s ease}.chat-hero-announcement:hover .announcement-arrow{transform:translate(2px)}.chat-hero-headline{text-align:center;margin-bottom:2rem}.chat-hero-title{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1;color:#f2f3f5;margin:0 0 .75rem}.title-line{letter-spacing:-.02em}.title-brand{display:flex;align-items:center;gap:.75rem}.title-logo{height:clamp(32px,5vw,44px);width:auto;animation:gentlePulse 3s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.title-brand-text{background:linear-gradient(135deg,#5865f2,#eb459e,#fee75c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-hero-subtitle{font-size:1.125rem;color:#b5bac1;margin:0;font-weight:400}.chat-hero-input-container{width:100%;max-width:680px}.chat-hero-input-box{display:flex;flex-direction:column;gap:.5rem;background:#1e1f23f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(88,101,242,.25);border-radius:1.5rem;padding:.75rem;box-shadow:0 4px 24px #00000040,0 1px 2px #0000001a,inset 0 1px #ffffff08;transition:all .2s ease}.chat-hero-input-box:hover{border-color:#5865f266}.chat-hero-input-box.focused{border-color:#5865f299;box-shadow:0 4px 24px #00000040,0 1px 2px #0000001a,0 0 0 4px #5865f21a}.chat-hero-input-row{display:flex;align-items:flex-start}.chat-hero-textarea{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:1rem;color:#f2f3f5;padding:.5rem;resize:none;line-height:1.5;max-height:150px;font-family:inherit}.chat-hero-textarea::placeholder{color:#72767d}.chat-hero-textarea:disabled{opacity:.7}.chat-hero-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem}.chat-hero-toolbar-left,.chat-hero-toolbar-right{display:flex;align-items:center;gap:.5rem}.chat-hero-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#72767d;cursor:pointer;transition:all .15s ease}.chat-hero-toolbar-btn:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#b5bac1}.chat-hero-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.chat-hero-submit-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#5865f2;border:none;color:#fff;cursor:pointer;transition:all .15s ease}.chat-hero-submit-btn:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.chat-hero-submit-btn:active:not(:disabled){transform:translateY(0)}.chat-hero-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#404249;color:#72767d}.chat-hero-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.chat-hero-templates{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.chat-hero-templates-label{font-size:.875rem;color:#72767d;margin-right:.25rem}.chat-hero-templates-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chat-hero-template-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:9999px;color:#f2f3f5;cursor:pointer;transition:all .15s ease}.chat-hero-template-chip:hover:not(:disabled){background:#5865f233;border-color:#5865f266;transform:translateY(-1px)}.chat-hero-template-chip:active:not(:disabled){transform:translateY(0)}.chat-hero-template-chip:disabled{opacity:.5;cursor:not-allowed}.template-emoji{font-size:1rem;line-height:1}.template-name{white-space:nowrap}.chat-hero-community{display:none;padding:2rem;background:#121214;border-radius:1.25rem 1.25rem 0 0;flex:1}.community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.community-title{font-size:1.5rem;font-weight:600;color:#f2f3f5;margin:0}.community-view-all{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:#b5bac1;font-size:.875rem;cursor:pointer;border-radius:.5rem;transition:all .15s ease}.community-view-all:hover{background:#ffffff0d;color:#f2f3f5}.view-all-icon{width:1rem;height:1rem;transition:transform .15s ease}.community-view-all:hover .view-all-icon{transform:translate(2px)}.community-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-pill{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#b5bac1;cursor:pointer;transition:all .15s ease}.category-pill:hover{background:#ffffff0d;border-color:#fff3}.category-pill.active{background:#5865f226;border-color:transparent;color:#f2f3f5}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.community-card{background:#1e1f23;border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.community-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#5865f24d}.card-thumbnail{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#2a2b30,#1e1f23);overflow:hidden}.card-thumbnail-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.placeholder-icon{width:2.5rem;height:2.5rem;color:#5865f2;opacity:.4}.card-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s ease}.community-card:hover .card-preview-overlay{opacity:1}.preview-btn{padding:.5rem 1rem;background:#fffffff2;color:#1a1a1f;border-radius:.5rem;font-size:.875rem;font-weight:600}.card-info{display:flex;align-items:center;gap:.75rem;padding:.875rem}.card-author{flex-shrink:0}.author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.author-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#eb459e,#5865f2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.card-details{flex:1;min-width:0}.card-name{font-size:.9375rem;font-weight:600;color:#f2f3f5;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#72767d}.card-category{display:inline-block;padding:.125rem .5rem;background:#5865f226;color:#a5b4fc;border-radius:.25rem;font-size:.75rem;font-weight:500}@media(max-width:768px){.chat-hero-section{padding:1.5rem 1rem;min-height:100vh}.chat-hero-title{font-size:1.75rem}.title-brand{flex-direction:column;gap:.5rem}.chat-hero-input-box{padding:.5rem;border-radius:1rem}.chat-hero-templates{flex-direction:column;gap:.75rem}.chat-hero-templates-label{width:100%;text-align:center}.chat-hero-templates-list{width:100%}.chat-hero-template-chip{flex:1 1 calc(50% - .25rem);justify-content:center}.chat-hero-community{padding:1.5rem 1rem}.community-header{flex-direction:column;gap:1rem;align-items:flex-start}.community-grid{grid-template-columns:1fr}}@media(max-width:480px){.chat-hero-section{padding:1rem .75rem;min-height:100vh}.chat-hero-announcement{font-size:.8125rem}.chat-hero-title{font-size:1.5rem}.chat-hero-subtitle{font-size:1rem}.chat-hero-textarea{font-size:.9375rem}.chat-hero-template-chip{font-size:.8125rem;padding:.375rem .75rem}}.chat-hero::-webkit-scrollbar{width:8px}.chat-hero::-webkit-scrollbar-track{background:#1a1a1f}.chat-hero::-webkit-scrollbar-thumb{background-color:#2a2b30;border-radius:4px}.chat-hero::-webkit-scrollbar-thumb:hover{background-color:#3a3b40}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.marketing-prompt-banner{background:#5865f226;border-bottom:1px solid rgba(88,101,242,.4);color:#f2f3f5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem}.marketing-prompt-copy{flex:1 1 260px}.marketing-prompt-copy strong{display:block;font-size:.95rem;margin-bottom:.25rem;color:#f2f3f5}.marketing-prompt-copy p{margin:0;font-size:.85rem;color:#c7cbf5}.marketing-prompt-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.marketing-prompt-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#e0e3ff}.marketing-prompt-toggle input{accent-color:#5865f2}.marketing-prompt-action,.marketing-prompt-dismiss{background:transparent;border:1px solid rgba(88,101,242,.5);border-radius:6px;color:#f2f3f5;padding:.35rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.marketing-prompt-action:hover{background:#5865f233;border-color:#5865f2b3}.marketing-prompt-action[disabled]{opacity:.6;cursor:not-allowed}.marketing-prompt-dismiss{border-color:#ffffff40;color:#cdd1ff}.marketing-prompt-dismiss:hover{background:#ffffff1a;border-color:#ffffff59}h1,h2,h3,h4,h5,h6{font-family:Rubik,Plus Jakarta Sans,Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;letter-spacing:-.01em}.header{background:#121214;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.header-title{display:flex;align-items:center;gap:1rem;text-align:left;flex:1}.logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.logo-link:hover{transform:scale(1.05)}.header-logo{height:48px;width:auto}.header h1{font-size:1.5rem;margin-bottom:.25rem;color:#f2f3f5;font-weight:600}.header p{color:#b5bac1;font-size:.875rem;margin:0;font-weight:400}.main-content{flex:1;overflow:hidden;min-height:0;display:flex}.loading-project{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#dededf;opacity:.7}.spinner{width:40px;height:40px;border:4px solid rgba(88,101,242,.15);border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resize-handle-horizontal{position:relative;background:#121214;width:4px;cursor:col-resize;transition:background .17s}.resize-handle-horizontal:hover{background:#5865f2}.resize-handle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:1.5rem;pointer-events:none;-webkit-user-select:none;user-select:none}.resize-handle-horizontal:hover .resize-handle-inner{color:#667eea}.resize-handle-vertical{position:relative;background:#121214;height:4px;cursor:row-resize;transition:background .17s}.resize-handle-vertical:hover{background:#5865f2}.resize-handle-inner-vertical{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:1.5rem;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:2px}.resize-handle-vertical:hover .resize-handle-inner-vertical{color:#667eea}.chat-panel{display:flex;flex-direction:column;height:100%;max-width:100%;padding:0;overflow:hidden;background:#1a1a1f}.messages{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;min-height:0}.messages::-webkit-scrollbar{width:16px}.messages::-webkit-scrollbar-track{background:#1a1a1f}.messages::-webkit-scrollbar-thumb{background-color:#121214;border-radius:8px;border:4px solid #1a1a1f}.messages::-webkit-scrollbar-thumb:hover{background-color:#0a0a0c}.welcome{text-align:center;padding:3rem 2rem;color:#b5bac1;background:transparent}.welcome h2{margin-bottom:1rem;color:#5865f2;font-weight:600}.welcome ul{list-style:none;margin-top:1rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.welcome li{padding:.75rem 1rem;background:#5865f214;margin:.5rem 0;border-radius:4px;border-left:3px solid #5865F2;font-family:Consolas,Courier New,monospace;color:#dededf;cursor:pointer;transition:background .15s ease,transform .15s ease}.welcome li:hover{background:#5865f226;transform:translate(4px)}.welcome .tip{margin-top:1.5rem;font-size:.9rem;color:#5865f2;font-weight:500}.welcome.project-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.welcome.project-welcome .welcome-icon{font-size:3rem;margin-bottom:1rem;animation:gentleBounce 2s ease-in-out infinite}.welcome.project-welcome h2{font-size:1.5rem;color:#f2f3f5;margin:0 0 .5rem}.welcome.project-welcome>p{color:#b5bac1;margin-bottom:1.5rem}.welcome.project-welcome ul{max-width:500px}.welcome.project-welcome li{font-family:inherit;font-size:.95rem}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state-header{margin-bottom:2rem}.empty-state-icon-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.empty-state-icon{font-size:4rem;display:block;animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-sparkle{position:absolute;top:-4px;right:-8px;font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.6;transform:scale(.8) rotate(15deg)}}.empty-state-header h2{font-size:1.75rem;color:#f2f3f5;margin:0 0 .5rem;font-weight:700}.empty-state-header p{font-size:1rem;color:#b5bac1;margin:0}.empty-state-cards{display:flex;gap:1rem;width:100%;max-width:640px;margin-bottom:1.5rem}.empty-state-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:12px;text-align:left;transition:all .2s ease;border:none;cursor:default}.empty-state-card.primary{background:linear-gradient(135deg,#23a559,#1e8c4d);cursor:pointer;color:#fff;box-shadow:0 4px 12px #23a55940}.empty-state-card.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #23a55959}.empty-state-card.primary:active{transform:translateY(0)}.empty-state-card.primary .card-icon{background:#fff3;color:#fff}.empty-state-card.primary h3{color:#fff}.empty-state-card.primary p{color:#ffffffd9}.empty-state-card.primary .card-arrow{color:#ffffffe6;font-size:1.5rem;transition:transform .2s ease}.empty-state-card.primary:hover .card-arrow{transform:translate(4px)}.empty-state-card.secondary{background:#5865f214;border:1px dashed rgba(88,101,242,.35)}.empty-state-card.secondary .card-icon{background:#5865f226;color:#5865f2}.empty-state-card.secondary h3{color:#f2f3f5}.empty-state-card.secondary p{color:#b5bac1}.empty-state-card .card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.empty-state-card .card-content{flex:1}.empty-state-card .card-content h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.empty-state-card .card-content p{font-size:.85rem;margin:0;line-height:1.4}.empty-state-card .card-hint{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#5865f2}.empty-state-card .hint-arrow{font-size:1.5rem;animation:pointLeft 1.5s ease-in-out infinite}@keyframes pointLeft{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.empty-state-card .hint-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;opacity:.8}.empty-state-guide{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:480px;margin-bottom:1.5rem}.empty-state-guide-step{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#5865f20f;border-radius:8px;text-align:left}.empty-state-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pulse-dot{width:10px;height:10px;background:#5865f2;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #5865f280}50%{box-shadow:0 0 0 8px #5865f200}}.step-content{display:flex;flex-direction:column;gap:.25rem}.step-content strong{font-size:.9rem;color:#f2f3f5;font-weight:600}.step-content span{font-size:.8rem;color:#b5bac1;line-height:1.4}.step-content kbd{display:inline-block;padding:.15rem .4rem;background:#313338;border:1px solid #4e4f54;border-radius:4px;font-family:Consolas,Courier New,monospace;font-size:.75rem;color:#f2f3f5;margin:0 .1rem}.empty-state-footer{font-size:.8rem;color:#80848e;max-width:400px;line-height:1.5}.empty-state-container .mobile-hint,.empty-state-container .mobile-only{display:none}.empty-state-container .desktop-hint,.empty-state-container .desktop-only,.step-content .desktop-hint,.step-content .mobile-hint{display:block}.step-content .mobile-hint{display:none}@media(max-width:640px){.empty-state-container{padding:1.5rem 1rem}.empty-state-icon{font-size:3rem}.empty-state-header h2{font-size:1.5rem}.empty-state-cards{flex-direction:column;max-width:100%}.empty-state-card{padding:1rem 1.25rem}.empty-state-card .card-icon{width:40px;height:40px;font-size:1.25rem}.empty-state-card .card-content h3{font-size:.95rem}.empty-state-card .card-content p{font-size:.8rem}.empty-state-container .desktop-hint,.empty-state-container .desktop-only{display:none!important}.empty-state-container .mobile-hint,.empty-state-container .mobile-only,.step-content .mobile-hint{display:block!important}.step-content .desktop-hint{display:none!important}.empty-state-card .card-hint.mobile-only{display:flex!important;flex-direction:column;align-items:center}.empty-state-card .card-hint.mobile-only .hint-arrow{animation:pointUp 1.5s ease-in-out infinite}@keyframes pointUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-guide{max-width:100%}.empty-state-guide-step{padding:.6rem .8rem}.step-content strong{font-size:.85rem}.step-content span{font-size:.75rem}}.message{padding:1.0625rem 1rem 1.0625rem 4.5rem;position:relative;border:none;background:transparent;border-radius:0;max-width:100%;transition:background-color .1s ease;animation:slideIn .15s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.message:hover{background:#ffffff05}.message.user,.message.agent{align-self:stretch;margin:0;background:transparent}.message.user:hover,.message.agent:hover{background:#ffffff05}.message:before{content:attr(data-avatar);position:absolute;left:1rem;top:1.0625rem;width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1}.message.user:before{content:"👤"}.message.agent:before{content:"🤖";background:#5865f2}.message-role{font-size:1rem;font-weight:500;margin:0 0 .25rem;color:#f2f3f5;display:block;text-align:left}.message-role:after{content:attr(data-timestamp);font-size:.75rem;font-weight:400;color:#949ba4;margin-left:.5rem}.message-content{line-height:1.375;text-align:left;color:#dbdee1;font-size:1rem;margin-top:.25rem}.status-message{margin:.5rem 0;padding:0}.status-message .message-content{background:#5865f21a!important;border-left:3px solid #5865f2!important;padding:.75rem 1rem!important;border-radius:6px!important;font-style:italic;color:#b9bbbe!important;display:flex;align-items:center;gap:.5rem}.status-message .message-content:before{content:"⚡";font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.message.agent .message-content>p:first-of-type{font-style:normal}.message.agent .message-content>p[style*="font-style: italic"],.message.agent.reasoning-message .message-content{font-style:italic;opacity:.85;color:#b9bbbe;background:#4f545c4d;padding:.5rem .75rem;border-radius:4px;border-left:3px solid #5865f2}.message.reasoning-message .message-content{font-style:italic;opacity:.85;color:#b9bbbe;background:#4f545c4d;padding:.5rem .75rem;border-radius:4px;border-left:3px solid #5865f2}.simple-building-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:#ffffffb3;font-size:1rem;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.building-icon{font-size:1.25rem;animation:building-pulse 2s ease-in-out infinite}@keyframes building-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.building-text{color:#dbdee1;font-weight:400}.building-dots{display:inline-flex;gap:2px;margin-left:-2px}.building-dots span{animation:building-dot-fade 1.4s infinite;color:#5865f2;font-weight:700}.building-dots span:nth-child(1){animation-delay:0s}.building-dots span:nth-child(2){animation-delay:.2s}.building-dots span:nth-child(3){animation-delay:.4s}@keyframes building-dot-fade{0%,60%,to{opacity:.2}30%{opacity:1}}.message-text{white-space:pre-wrap;word-wrap:break-word}.message-text p{margin:.5rem 0}.code-block-wrapper{margin:.5rem 0;border-radius:4px;overflow:hidden;border-left:4px solid #5865F2;background:#121214}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0a0a0c;border-bottom:1px solid rgba(0,0,0,.3)}.code-language{font-size:.75rem;font-weight:600;color:#dededf;text-transform:uppercase;font-family:Consolas,Courier New,monospace;opacity:.6}.copy-button{padding:.25rem .625rem;font-size:.75rem;background:transparent;color:#dededf;border:1px solid #2e3035;border-radius:3px;cursor:pointer;transition:all .17s ease;min-width:auto;opacity:.7}.copy-button:hover{background:#2e3035;color:#fff;border-color:#5865f2;opacity:1}.copy-button:active{background:#1a1a1f}.typing{font-style:italic;opacity:.7;display:flex;align-items:center;gap:.5rem}.typing-indicator{display:inline-flex;gap:4px}.typing-indicator span{width:6px;height:6px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.live-status{font-size:1rem;color:#ffffffe6;padding:.5rem 0;animation:fadeIn .3s ease}.thinking-with-timeline{display:flex;flex-direction:column;gap:.5rem}.thinking-with-timeline .typing{margin-bottom:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.discord-input-container{display:flex;gap:0;padding:16px;background:transparent;border-top:none;align-items:flex-end;justify-content:center}.discord-input-container>*{max-width:50%;width:100%}.discord-input-wrapper{flex:1;display:flex;flex-direction:column;gap:0;background:transparent;border-radius:0;padding:0;position:relative;outline:none;border:none;box-shadow:none}.discord-input-wrapper:focus-within{outline:none;border:none;box-shadow:none}.attachment-preview-zone{display:flex;flex-direction:column;gap:8px;padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06);background:#0000001a;animation:slideUpFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.attachment-preview-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.04);transition:all .15s ease}.attachment-preview-item:hover{background:#0000004d;border-color:#ffffff14}.attachment-icon{font-size:24px;flex-shrink:0;line-height:1}.attachment-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{color:#f2f3f5;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.attachment-size{color:#949ba4;font-size:12px;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.attachment-remove{padding:4px 8px;background:transparent;color:#b5bac1;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .15s ease;flex-shrink:0;min-width:auto}.attachment-remove:hover{background:#ed42451a;color:#ed4245}.discord-input-main{position:relative;display:flex;align-items:stretch;gap:0;background:#40444b;border-radius:8px;padding:0;border:none;outline:none;box-shadow:none;overflow:hidden;min-height:44px}.discord-input-main:focus-within{background:#40444b;border:none;outline:none;box-shadow:none}.input-attach-btn{padding:0;background:transparent;color:#b5bac1;border:none;border-right:1px solid rgba(0,0,0,.2);cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center;align-self:stretch;width:60px;min-width:60px;border-radius:0;flex-shrink:0}.input-attach-btn:hover:not(:disabled){background:#ffffff0d;color:#dbdee1}.input-attach-btn:active:not(:disabled){background:#0000001a}.input-attach-btn:disabled{opacity:.3;cursor:not-allowed}.input-attach-btn svg{width:24px;height:24px}.discord-textarea{flex:1;padding:11px 12px;border:none;border-radius:0;background:transparent;color:#dbdee1;font-size:1rem;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;resize:none;outline:none;box-shadow:none;min-height:22px;max-height:200px;overflow-y:auto;line-height:1.375;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;scrollbar-width:thin;scrollbar-color:#1e1f22 transparent}.discord-textarea:focus{outline:none;border:none;box-shadow:none;background:transparent}.discord-textarea::-webkit-scrollbar{width:8px}.discord-textarea::-webkit-scrollbar-track{background:transparent}.discord-textarea::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:4px}.discord-textarea::-webkit-scrollbar-thumb:hover{background:#2b2d31}.discord-textarea::placeholder{color:#6d6f78;font-weight:400;opacity:1;transition:opacity .15s ease}.discord-textarea:focus::placeholder{opacity:.7}.discord-textarea:disabled{opacity:.5;cursor:not-allowed}.discord-textarea::selection{background:#5865f24d;color:#fff}.char-counter{position:absolute;bottom:-20px;right:0;font-size:11px;color:#6d6f78;font-weight:500;transition:color .15s ease;font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.char-limit-exceeded{color:#ed4245;font-weight:600}.discord-send-btn{padding:0;background:transparent;color:#b5bac1;border:none;border-left:1px solid rgba(0,0,0,.2);border-radius:0;cursor:pointer;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;align-self:stretch;width:60px;min-width:60px;flex-shrink:0;opacity:.5}.discord-send-btn.has-content{opacity:1;color:#5865f2;background:transparent}.discord-send-btn.has-content:hover:not(:disabled){background:#5865f21a;color:#5865f2}.discord-send-btn:hover:not(:disabled){background:#ffffff0d;color:#dbdee1}.discord-send-btn:active:not(:disabled){background:#0000001a}.discord-send-btn:disabled{cursor:not-allowed;opacity:.3}.discord-send-btn svg{width:24px;height:24px}.discord-input-container.loading .discord-textarea{opacity:.6}.discord-input-container.loading .discord-send-btn{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-container{display:flex;gap:.75rem;padding:1.5rem 1rem;background:#121214;border-top:1px solid rgba(0,0,0,.3);align-items:flex-end}textarea{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:#383a40;color:#dbdee1;font-size:1rem;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;resize:none;outline:none;min-height:44px;max-height:200px}textarea::placeholder{color:#87898c}textarea:focus{background:#383a40}button{padding:.625rem 1rem;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .17s ease;min-width:60px}button:hover:not(:disabled){background:#4752c4}button:active:not(:disabled){background:#3c45a5}button:disabled{opacity:.5;cursor:not-allowed;background:#2e3035}.header-panel-buttons{display:flex;gap:.5rem;align-items:center}.header-panel-btn{padding:.5rem;font-size:1.25rem;background:transparent;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .1s;line-height:1;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.header-panel-btn:hover{background:#404249;color:#dbdee1}.header-panel-btn.active{background:#5865f233;color:#5865f2}.header-panel-btn.active:hover{background:#5865f24d;color:#5865f2}.right-panel-container{display:flex;flex-direction:column;height:100%;background:#121214;animation:slideInRight .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.panel-toggle-header{display:flex;gap:0;padding:0;background:#1e1f22;border-bottom:1px solid rgba(0,0,0,.3);flex-shrink:0}.panel-toggle-btn{padding:.75rem 1rem;font-size:.875rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#b5bac1;cursor:pointer;transition:all .1s;font-weight:500;position:relative}.panel-toggle-btn:hover{background:#404249;color:#dbdee1}.panel-toggle-btn.active{background:#2b2d31;border-bottom-color:#5865f2;color:#f2f3f5}.panel-toggle-btn.active:hover{color:#f2f3f5}.single-panel{flex:1;overflow:hidden;min-height:0}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:996;opacity:0;transition:opacity .2s ease}.mobile-overlay.visible{display:block;opacity:1}.hamburger-btn{display:none;background:transparent;border:none;padding:.5rem;cursor:pointer;color:#b5bac1;font-size:1.5rem;line-height:1;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease}.hamburger-btn:hover{background:#ffffff1a;color:#f2f3f5}@media(max-width:1024px){.header-content{padding:.5rem 1rem}.header h1{font-size:1.25rem}.right-panel-container{display:none}.right-panel-container.mobile-visible{display:flex;position:fixed;top:0;right:0;bottom:0;width:80%;max-width:500px;z-index:1001;animation:slideInFromRight .25s ease}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}}@media(max-width:768px){.hamburger-btn{display:flex;flex-shrink:0}.header{padding:.75rem 1rem;position:relative;z-index:999}.header-content{gap:.5rem;overflow:visible}.header-title{flex:1 1 auto;min-width:0;overflow:hidden}.header-title>div{overflow:hidden}.header-logo{height:36px;flex-shrink:0}.header h1{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header p{display:none}.header-panel-buttons{display:flex;gap:.25rem;flex-shrink:0}.header-panel-btn{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;font-size:1.1rem}.main-content{flex-direction:column}.chat-panel{height:100%;width:100%}.welcome{padding:1.5rem 1rem}.welcome h2{font-size:1.25rem}.welcome ul{font-size:.875rem}.welcome li{padding:.5rem .75rem}.message{padding:.875rem .75rem .875rem 3.5rem}.message:before{width:32px;height:32px;left:.5rem;font-size:1.25rem}.message-role{font-size:.9rem}.message-content{font-size:.9375rem}.discord-input-container{padding:12px}.discord-input-container>*{max-width:100%}.discord-input-main{min-height:48px}.input-attach-btn,.discord-send-btn{min-width:48px;min-height:48px}.discord-textarea{padding:12px 8px;font-size:16px}.marketing-prompt-banner{flex-direction:column;padding:1rem;gap:.75rem}.marketing-prompt-actions{width:100%;justify-content:space-between}.code-block-wrapper{max-width:calc(100vw - 24px);overflow-x:auto}.user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:100%;animation:slideUpMobile .25s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.timeline-widget{padding:.75rem}.action-suggestions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.action-chip{flex-shrink:0;min-height:44px}}@media(max-width:480px){.header-logo{height:32px}.header h1{font-size:1rem}.message{padding:.75rem .5rem .75rem 3rem}.message:before{width:28px;height:28px;left:.25rem;font-size:1rem}.attachment-preview-zone{gap:6px}.attachment-preview-item{padding:6px 8px}.attachment-name{font-size:12px}.attachment-size{font-size:10px}}@media(max-width:400px){.header{padding:.5rem .75rem}.header-content{gap:.375rem}.header-logo{display:none}.header h1{font-size:.9rem}}body.loading-state{cursor:wait}body.loading-state *{cursor:wait!important}.app-container.is-loading{pointer-events:none;position:relative}.app-container.is-loading:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#12121480;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:100;pointer-events:none}.message.error-notification{background:#ed424514!important;border-left:4px solid #ED4245!important;animation:errorPulse .3s ease-out}.message.warning-notification{background:#faa61a14!important;border-left:4px solid #FAA61A!important;animation:errorPulse .3s ease-out}@keyframes errorPulse{0%{transform:scale(.98);opacity:0}50%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}.message.error-notification .message-content h3:first-child,.message.warning-notification .message-content h3:first-child{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-top:0}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none;height:100%}body{font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#313338;color:#dbdee1;font-size:16px;line-height:1.375;overscroll-behavior:none;overflow:hidden;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{height:100%;overflow:hidden}code{font-family:JetBrains Mono,Roboto Mono,Consolas,Menlo,Monaco,Courier New,monospace}button,a,input,textarea,select{touch-action:manipulation}@supports (padding: env(safe-area-inset-bottom)){.discord-input-container{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}