.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;justify-content:center;line-height:1.5;outline:none;transition:all .2s ease}.btn-primary{background-color:var(--color-button-primary-bg);border:none;border-radius:8px;color:var(--color-button-primary-text);padding:8px 16px}.btn-primary:hover{background-color:var(--color-button-primary-hover)}.btn-outline{background-color:#3a3a3a;border:1px solid #555;border-radius:8px;color:#ececec;padding:8px 16px}.btn-outline:hover{background-color:#4a4a4a;border-color:#666}.btn-ghost{background-color:initial;color:var(--color-icon-muted);padding:4px 8px}.btn-ghost:hover{background-color:#0000000d;color:#000}.action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#fff9;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;transition:background .2s}.action-btn:hover{background-color:#ffffff1a;color:#fffc}.action-btn svg{height:16px;width:16px}.input-wrapper{position:relative;width:100%}.text-input{background:#0000;border:none;color:var(--color-input-text);font-family:inherit;font-size:16px;line-height:1.5;min-height:24px;padding:0;resize:none;width:100%}.text-input::placeholder{color:var(--color-input-placeholder)}.text-input:focus{outline:none}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:4px;padding:8px}.dropdown-trigger:hover{background-color:#ffffff1a}.dropdown-menu{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;left:0;margin-top:8px;min-width:200px;padding:4px;position:absolute;top:100%;z-index:100}.dropdown-item{border-radius:4px;color:var(--color-text);cursor:pointer;padding:10px 12px}.dropdown-item:hover{background-color:#ffffff1a}.send-btn:active:not(:disabled){transform:translateY(-50%) scale(.98)}.send-icon{height:16px;width:16px}.send-text{font-size:14px;font-weight:500}.send-spinner{animation:spin 1s linear infinite;height:16px;width:16px}.action-button{border-radius:16px;color:var(--color-text-muted);font-size:13px;gap:6px;padding:6px 10px}.action-button.active{color:var(--color-button-primary-bg);color:var(--color-button-accent,var(--color-button-primary-bg))}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.msg-content-wrap{transition:max-height .5s ease}.read-more-btn{-webkit-tap-highlight-color:transparent;animation:readMoreRollUp .4s cubic-bezier(.34,1.56,.64,1) both;background:#0000;border:none;color:#ffffff73;cursor:pointer;display:block;font-size:16px;line-height:1;margin-top:2px;outline:none;padding:4px 0;text-align:center;width:100%}@keyframes readMoreRollUp{0%{opacity:0;transform:translateY(8px) scaleY(.3)}60%{opacity:1;transform:translateY(-2px) scaleY(1.05)}to{opacity:1;transform:translateY(0) scaleY(1)}}.read-more-btn:hover{color:#ffffffa6}.read-more-btn:active,.read-more-btn:focus{box-shadow:none;color:#ffffff73;outline:none}.planning-message.user .read-more-btn{color:#00000059}.planning-message.user .read-more-btn:hover{color:#0000008c}.planning-message.user .read-more-btn:active,.planning-message.user .read-more-btn:focus{color:#00000059}.planning-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preview-tabs-container{display:flex;flex:1 1;gap:8px;overflow-x:auto}.preview-title{margin-right:16px}.preview-iframe{background:#fff;border:none;height:100%;width:100%}.preview-panel__tab{background:#0000;border:1px solid #444;border-radius:4px;color:#eee;cursor:pointer;font-size:12px;padding:4px 8px}.preview-panel__tab.active{background:#3a3a3a}.preview-panel__iframe{background:#fff;border:none;height:100%;width:100%}.landing-footer{background-color:#1a1a1a;background-color:var(--color-background,#1a1a1a);border-top:1px solid #ffffff12;bottom:0;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;z-index:50}.footer-left,.landing-footer{align-items:center;display:flex}.footer-left{color:#a1a1aa;color:var(--color-text-muted,#a1a1aa);font-size:14px;font-weight:500;gap:6px}.footer-right{align-items:center;display:flex;gap:24px}.footer-link{color:#a1a1aa;color:var(--color-text-muted,#a1a1aa);font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff;color:var(--color-text,#fff);text-decoration:underline}@media (max-width:600px){.landing-footer{flex-direction:column;gap:12px;position:relative}}.footer-currency-selector{margin-right:20px}.currency-dropdown-footer{background-color:#222;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:4px 8px}.modal-buttons-section{margin-top:20px}.modal-confirm-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:12px;padding:12px 16px}.modal-confirm-btn.danger{background-color:#ef4444}.modal-cancel-btn{background-color:initial;border:1px solid #444;border-radius:8px;color:var(--color-text);cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;width:100%}.gst-info-subtext{color:#aaa;font-size:.85rem;margin-top:8px}.gst-info-card{color:#888;font-size:.8rem;margin-top:4px}.gst-subtext-inline{color:#888;font-size:.75rem;margin-left:6px}.chat-input-toolbar{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px}.landing-page{background-color:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}.landing-main{align-items:center;box-sizing:border-box;flex:1 1;justify-content:center;max-width:100%;padding:20px}.landing-inner,.landing-main{display:flex;flex-direction:column;width:100%}.landing-inner{justify-content:flex-start;max-width:800px;padding-bottom:2rem;padding-top:calc(40vh - 120px)}.landing-card{margin-bottom:40px;width:100%}.feedback{border-radius:8px;font-size:14px;margin-top:12px;padding:8px 16px;text-align:center}.feedback.success{background-color:#4caf5033;color:#4caf50}.feedback.error{background-color:#f4433633;color:#f44336}.landing-footer{color:var(--color-text-muted);font-size:12px;padding:12px 20px 12px 12px;text-align:center}.project-list{box-sizing:border-box;margin:24px auto 0;max-width:1100px;padding:0 20px;width:100%}.project-list__heading{color:var(--color-text-muted);font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 14px 2px}.project-list__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.project-list__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.project-list__grid{grid-template-columns:1fr}}.project-list__why-us{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;letter-spacing:.02em;margin:8px auto 0;padding:0;transition:color .2s ease}.project-list__why-us:hover{color:#ffffffb3}.project-list__show-more{background:none;border:none;color:#fff6;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;margin:14px auto 0;padding:0;transition:color .2s ease}.project-list__show-more:hover{color:#ffffffbf}.input-section{background-color:#3a3a3a;border-radius:12px;flex-direction:column;gap:8px;margin:0 auto;max-width:100%;padding:12px;width:100%}.input-row,.input-section{display:flex;position:relative}.input-row{align-items:center;flex:1 1;min-height:56px;padding:8px 80px 8px 4px}.input-row .text-input{scrollbar-width:none;width:100%}.input-row .text-input::-webkit-scrollbar{display:none}.send-btn{align-items:center;background-color:#555;border-radius:20px;color:#888;cursor:not-allowed;display:flex;gap:4px;padding:8px 12px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease}.send-btn:not(:disabled){background-color:#fff;color:#2c2c2c;cursor:pointer}.actions-row{container-type:inline-size;flex-wrap:wrap;gap:4px 0;margin-top:auto;padding:2px 0;width:100%}.actions-left,.actions-row{align-items:center;display:flex}.actions-left{gap:4px;min-width:0}.actions-right{align-items:center;display:flex;gap:8px;margin-left:auto}@container (min-width: 450px){.actions-left{flex:0 1 auto}.actions-right{flex:0 0 auto;justify-content:flex-end;margin-left:auto}}@container (max-width: 449px){.actions-left{flex:1 1 100%;justify-content:space-between}.actions-right{flex:1 1 100%;justify-content:center;margin-left:0}}.model-dropdown-wrapper{align-items:center;display:flex;position:relative}.model-dropdown{align-items:center;appearance:none;-webkit-appearance:none;background:#ffffff12;border:none;border-radius:8px;color:#ffffffa6;cursor:pointer;display:flex;flex-shrink:1;font-family:inherit;font-size:12px;gap:4px;justify-content:space-between;max-width:130px;min-width:0;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:background .2s ease,color .2s ease;white-space:nowrap;width:130px}.model-dropdown:hover{background:#ffffff0f;color:#ffffffe6}.model-dropdown:focus{outline:none}.model-dropdown__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-dropdown__chevron{flex-shrink:0;opacity:.35}.model-dropdown__menu{background:#242424;border:1px solid #ffffff14;border-radius:12px;bottom:calc(100% + 6px);box-shadow:0 -4px 24px #00000080;left:0;list-style:none;margin:0;min-width:180px;overflow:hidden;padding:4px;position:absolute;z-index:9999}.model-dropdown__item{align-items:center;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;transition:background .15s ease,color .15s ease;white-space:nowrap}.model-dropdown__item:hover{background:#ffffff0f;color:#fff}.model-dropdown__item--active{background:#4caf501f;color:#fff}.model-dropdown__item--active:hover{background:#4caf502e}.model-dropdown__check{color:#4caf50;flex-shrink:0;font-size:12px}.plan-auto-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:6px;position:relative;-webkit-user-select:none;user-select:none}.plan-auto-label{align-items:center;color:#fff9;display:flex;font-size:12px;font-weight:500;gap:4px;white-space:nowrap}.plan-auto-checkbox{height:0;opacity:0;position:absolute;width:0}.plan-auto-slider{background:#ffffff1f;border-radius:9px;height:18px;position:relative;transition:background .2s ease;width:32px}.plan-auto-slider:after{background:#ffffff80;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .2s ease,background .2s ease;width:14px}.plan-auto-checkbox:checked+.plan-auto-slider{background:#22c55e66}.plan-auto-checkbox:checked+.plan-auto-slider:after{background:#22c55e;transform:translateX(14px)}.voice-btn{border-radius:50%;padding:8px}.planning-shell{background-color:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.planning-page{display:grid;flex:1 1;grid-template-columns:30% 1fr;grid-template-rows:1fr;min-height:0;overflow:hidden;width:100%}.planning-page>*{grid-row:1;min-height:0}.architecture-panel,.requirements-panel,.requirements-panel--collapsed{grid-column:2}.planning-left{border-right:0 solid #ffffff12;display:flex;flex-direction:column;gap:16px;grid-column:1;min-height:0;overflow:hidden;padding:12px}.planning-heading{flex-shrink:0;font-size:20px;margin:0}.planning-polling{align-items:center;color:var(--color-text-muted);display:flex;font-size:14px;gap:8px}.planning-messages{border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:12px;scroll-behavior:smooth;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.planning-messages::-webkit-scrollbar{width:6px}.planning-messages::-webkit-scrollbar-track{background:#0000;margin:8px 0}.planning-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px;-webkit-transition:background .2s ease;transition:background .2s ease}.planning-messages::-webkit-scrollbar-thumb:hover{background:#ffffff38}.planning-messages::-webkit-scrollbar-thumb:active{background:#ffffff52}.planning-placeholder{color:#52525b}.planning-message{align-self:flex-start;background:#3a3a3a;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#e4e4e7;max-width:85%;min-width:0;overflow-wrap:break-word;padding:8px 12px;word-break:break-word}.planning-message.user{align-self:flex-end;background:#fff;border:1px solid #e0e0e0;color:#1e1e1e}.planning-message__meta{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:6px;text-transform:uppercase}.planning-message.user .planning-message__meta{color:#00000080}.planning-message__content{line-height:1.6;overflow-wrap:break-word;word-break:break-word}.planning-message__content h1,.planning-message__content h2,.planning-message__content h3{color:#fff;font-weight:600;margin-bottom:8px;margin-top:16px}.planning-message__content h1{font-size:1.4em}.planning-message__content h2{font-size:1.2em}.planning-message__content h3{font-size:1.1em}.planning-message__content p{margin-bottom:2px;margin-top:2px}.planning-message__content ol,.planning-message__content ul{margin-bottom:12px;padding-left:24px}.planning-message__content li{margin-bottom:4px}.planning-message__content code:not(pre code){background:#0003;border-radius:4px;color:#60a5fa;font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:2px 6px}.planning-message__content pre{background:#09090b;border:1px solid #27272a;border-radius:8px;margin:12px 0;overflow-x:auto;padding:16px}.planning-message__content pre code{background:#0000;color:#e4e4e7;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.5;padding:0}.planning-message__content blockquote{border-left:3px solid #10b981;color:#a1a1aa;margin:12px 0;padding-left:16px}.planning-message__content table{border-collapse:collapse;margin:12px 0;width:100%}.planning-message__content td,.planning-message__content th{border:1px solid #3f3f46;padding:8px 12px;text-align:left}.planning-message__content th{background:#18191c;color:#d4d4d8}.planning-message__content a{color:#60a5fa;text-decoration:underline}.planning-message__content a:hover{opacity:.8}.planning-message--thinking{background:#27272a}.planning-message__thinking{align-items:center;color:#71717a;display:flex;font-style:italic;gap:8px}.planning-message.system{align-self:center;background:#ffffff0a;border:1px solid #ffffff14;box-shadow:none;max-width:90%;padding:8px 16px}.planning-message__system-content{color:#ffffff8c;font-size:13px;letter-spacing:.01em;text-align:center}.system-msg-body{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.system-msg-text{color:#ffffffa6;flex:1 1;font-size:13px;line-height:1.5}.planning-message>.system-msg-body .system-msg-text{color:#e4e4e7;font-size:inherit;line-height:1.6}.system-msg-body--clickable{border-radius:6px;cursor:pointer;margin:-4px -8px;padding:4px 8px;transition:background .2s ease,transform .15s ease}.system-msg-body--clickable:hover{background:#ffffff14;transform:translateX(2px)}.system-msg-body--clickable:active{background:#ffffff1f;transform:translateX(2px) scale(.995)}.system-msg-body--clickable:hover .system-msg-text{color:#ffffffe6}.system-msg-body--clickable:hover .system-msg-chevron{color:#fff;transform:translateX(2px)}.system-msg-chevron{color:#ffffff4d;flex-shrink:0;font-size:20px;font-weight:400;line-height:1;transition:color .2s ease,transform .2s ease}.system-msg-group{display:flex;flex-direction:column;gap:4px}.system-msg-group .system-msg-body:not(:last-child){padding-bottom:4px}.system-msg-review-actions{display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;margin-top:10px}.system-msg-review-btn{align-items:center;border:none;border-radius:18px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.system-msg-review-btn svg{display:inline-block;flex-shrink:0;vertical-align:middle}.system-msg-review-btn--review{background:#2563eb;border:1px solid #3b82f6;color:#fff}.system-msg-review-btn--review:hover{background:#3b82f6;border-color:#60a5fa;box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.system-msg-review-btn--continue{background:#7c3aed;border:1px solid #8b5cf6;color:#fff}.system-msg-review-btn--continue:hover{background:#8b5cf6;border-color:#a78bfa;box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.system-msg-review-btn--build{background:#16a34a;border:1px solid #22c55e;color:#fff}.system-msg-review-btn--build:hover{background:#22c55e;border-color:#4ade80;box-shadow:0 4px 12px #16a34a66;transform:translateY(-1px)}.system-msg-review-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.system-msg-review-btn--selected{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac;opacity:.85}.review-btn-spinner{animation:reviewSpin .6s linear infinite;border:2px solid #c4b5fd4d;border-radius:50%;border-top-color:#c4b5fd;display:inline-block;height:14px;vertical-align:middle;width:14px}@keyframes reviewSpin{to{transform:rotate(1turn)}}.inline-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.inline-action-btn{align-items:center;border:none;border-radius:24px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.inline-action-btn:disabled{cursor:not-allowed;opacity:.6}.inline-action-btn__icon{flex-shrink:0;height:16px;width:16px}.inline-action-btn--design{animation:inlineGradientShift 4s ease infinite;background:linear-gradient(135deg,#1a7e35,#22c55e 50%,#1a7e35);background-size:200% 200%;box-shadow:0 2px 10px #1a7e3559,inset 0 1px 0 #ffffff2e;text-shadow:0 1px 2px #0000004d}.inline-action-btn--design:hover:not(:disabled){box-shadow:0 0 8px 1px #22c55e4d,0 2px 4px #1a7e3566,inset 0 1px 0 #ffffff40;transform:translateY(-1px) scale(1.01)}@keyframes inlineGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.inline-action-btn--loading{opacity:.75;pointer-events:none}.inline-action-btn--build{animation:inlineGradientShift 4s ease infinite;background:linear-gradient(135deg,#1a7e35,#22c55e 50%,#1a7e35);background-size:200% 200%;box-shadow:0 2px 10px #1a7e3559,inset 0 1px 0 #ffffff2e;text-shadow:0 1px 2px #0000004d}.inline-action-btn--build:hover:not(:disabled){box-shadow:0 0 8px 1px #22c55e4d,0 2px 4px #1a7e3566,inset 0 1px 0 #ffffff40;transform:translateY(-1px) scale(1.01)}.agent-suggestion-buttons{display:flex;flex-direction:column;gap:6px;margin-top:10px}.agent-suggestion-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.agent-suggestion-pills{display:flex;flex-wrap:wrap;gap:6px}.agent-suggestion-pill{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:20px;color:#c4b5fd;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:4px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.agent-suggestion-pill:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf699;box-shadow:0 2px 8px #8b5cf633;transform:translateY(-1px)}.agent-suggestion-pill--triggered{background:#22c55e26;border-color:#22c55e66;color:#86efac;cursor:default}.agent-suggestion-pill--combined{background:#8b5cf626;border-color:#8b5cf673;color:#c4b5fd;font-size:13px;font-weight:600;padding:8px 18px}.agent-suggestion-pill--combined:hover:not(:disabled){background:#8b5cf64d;border-color:#8b5cf6a6;box-shadow:0 2px 10px #8b5cf640}.agent-suggestion-pill--all{background:#3b82f61a;border-color:#3b82f659;color:#93c5fd}.agent-suggestion-pill--all:hover:not(:disabled){background:#3b82f640;border-color:#3b82f699;box-shadow:0 2px 8px #3b82f633}.agent-suggestion-pill--build{background:#22c55e1f;border-color:#22c55e66;color:#86efac;font-weight:600}.agent-suggestion-pill--build:hover:not(:disabled){background:#22c55e47;border-color:#22c55ea6;box-shadow:0 2px 8px #22c55e40}.planning-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:8px 12px}.planning-error__add-credits{background:#7c5cfccc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.planning-error__add-credits:hover{background:#7c5cfc;box-shadow:0 2px 8px #7c5cfc66;transform:translateY(-1px)}.planning-left .input-section{flex-shrink:0}.planning-right{padding:24px}.planning-right-title{font-size:20px;margin:0}.planning-right-box{background:#18181b;border:1px dashed #27272a;border-radius:12px;height:calc(100% - 40px);margin-top:12px}.error-boundary{align-items:center;background-color:#09090b;display:flex;justify-content:center;min-height:100vh;padding:24px}.error-boundary__card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:24px;text-align:center;width:100%}.error-boundary__title{color:#d32f2f;margin-bottom:10px}.error-boundary__text{color:#666;margin-bottom:20px;text-align:center}.error-boundary__details,.error-boundary__text{margin-left:auto;margin-right:auto;max-width:500px}.error-boundary__details{background-color:#fff;border-radius:4px;margin-top:20px;padding:10px;text-align:left}.error-boundary__summary{color:#1976d2;cursor:pointer}.error-boundary__stack{font-size:12px;margin-top:10px;overflow:auto}.error-boundary__action{margin-top:20px}.auth-buttons{display:flex;gap:12px}.brand-label{color:#ececec;font-size:18px;opacity:.9}.brand-text{color:#ececec;font-size:22px;font-weight:700}.brand-button{background:#0000;border:none;color:inherit;cursor:pointer;font-family:inherit;margin:0;padding:0;text-decoration:none}.brand-icon{margin-top:2px;opacity:.7}.header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.navbar-tabs-wrapper{display:none}@media (min-width:769px){.navbar-tabs-wrapper{align-items:flex-end;bottom:0;display:flex;left:30%;max-width:calc(70% - 300px);overflow:auto;position:absolute;scroll-behavior:smooth;scrollbar-width:none;top:0;z-index:2}.navbar-tabs-wrapper::-webkit-scrollbar{display:none}.navbar-tabs{align-items:flex-end;background:#0000;border:none;border-radius:0;display:flex;flex-shrink:0;gap:0;overflow-x:auto;overflow-y:visible;padding:0;scrollbar-width:none;transition:gap .2s ease}.navbar-tabs::-webkit-scrollbar{display:none}.navbar-tabs--compact{gap:1px;padding:2px}.navbar-tab__label{display:inline-block;font-size:14px;max-width:100px;opacity:1;overflow:hidden;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar-tabs--compact .navbar-tab__label{margin:0;max-width:0;opacity:0;padding:0}.navbar-tab{transition:gap .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.navbar-tabs--compact .navbar-tab{gap:0}.navbar-tabs-divider{background:#ffffff1f;flex-shrink:0;height:20px;margin-left:-10px;margin-right:15px;width:1px}@keyframes subtab-slide-in{0%{max-width:0;opacity:0;padding-left:0;padding-right:0}to{max-width:200px;opacity:1}}.navbar-subtab-slide{animation:subtab-slide-in .35s cubic-bezier(.4,0,.2,1) .15s both;overflow:hidden;white-space:nowrap}}.navbar-design-actions{align-items:center;display:flex;gap:4px;margin-left:4px}.navbar-action-btn{align-items:center;background:#ffffff0f;border:none;border-radius:5px;color:#ffffff80;cursor:pointer;display:flex;font-size:11px;height:26px;justify-content:center;padding:0;transition:all .15s ease;width:26px}.navbar-action-btn:hover{background:#ffffff1f;color:#fff}.navbar-tabs{gap:2px}.navbar-tab,.navbar-tabs{align-items:center;display:flex}.navbar-tab{background:#44444430;border:none;border-radius:6px 6px 0 0;color:#ffffffd9;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:15px;position:relative;transition:all .2s ease;white-space:nowrap}.navbar-tab:hover{background:#ffffff0f;color:#fff}.navbar-tab--active{background:#1e1e1e;border-radius:10px 10px 0 0;color:#fff;position:relative;z-index:2}.navbar-tab--active:hover{background:#ffffff0f;color:#fff}.navbar-tab-group--active:hover{border-top:1px solid #0d0d0d}.navbar-tab-group--active{align-items:center;align-self:stretch;background:#1e1e1e;border-radius:10px 10px 0 0;display:flex;gap:2px;padding:0 4px 0 0;position:relative;z-index:2}.navbar-tab-group--active:after,.navbar-tab-group--active:before{bottom:0;content:"";height:10px;position:absolute;width:10px}.navbar-tab-group--active:before{border-radius:0 0 10px 0;left:-10px}.navbar-tab-group--active:after{border-radius:0 0 0 10px;right:-10px}.navbar-tab-group--active .navbar-tab--active{background:#0000;border-radius:6px;padding-bottom:5px;padding-top:5px;z-index:auto}.navbar-tab-group--active .navbar-tab--active:after,.navbar-tab-group--active .navbar-tab--active:before{display:none}.navbar-tab__icon.fa-clipboard-list{color:#60a5fa}.navbar-tab__icon.fa-palette{color:#f472b6}.navbar-tab__icon.fa-user{color:#34d399}.navbar-tab__icon.fa-tasks{color:#fbbf24}.navbar-tab__icon.fa-sitemap{color:#a78bfa}.navbar-tab__icon.fa-key{color:#fb923c}.navbar-tab__icon.fa-desktop{color:#22d3ee}.navbar-tab__icon.fa-code{color:#4ade80}.navbar-tab__icon.fa-dharmachakra{color:#326ce5}.navbar-subtabs{display:none}@media (min-width:769px){.navbar-subtabs{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;display:flex;gap:4px;padding:3px 6px;scrollbar-width:none}.navbar-subtabs::-webkit-scrollbar{display:none}}.navbar-subtab{align-items:center;background:#0000;border:none;border-radius:10px 10px 0 0;border-top:4px solid #1e1e1e;color:#ffffff73;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;gap:4px;height:100%;margin-top:1px;padding:4px 14px;transition:all .15s ease;white-space:nowrap}.navbar-subtab i{font-size:10px;opacity:.7}.navbar-subtab:hover{background:#ffffff0d;color:#ffffffbf}.navbar-subtab--active{background:#171717;border-radius:10px 10px 0 0;color:#fffffff2;font-weight:500;position:relative;z-index:2}.navbar-subtab--active:after,.navbar-subtab--active:before{bottom:0;content:"";height:8px;position:absolute;width:8px}.navbar-subtab--active:before{border-radius:0 0 8px 0;left:-8px}.navbar-subtab--active:after{border-radius:0 0 0 8px;right:-8px}@media (min-width:769px){.design-fullscreen-btn,.design-page-selector,.design-persona-selector,.design-share-btn,.diagram-tabs,.tasks-panel__view-toggle{display:none!important}}.navbar-subtab-overflow{position:relative}.navbar-subtab--more{padding:3px 6px}.navbar-subtab-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #00000080;max-height:280px;min-width:140px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.navbar-subtab-dropdown__item{align-items:center;background:#0000;border:none;border-radius:5px;color:#fff9;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:6px;padding:6px 10px;text-align:left;transition:all .12s ease;white-space:nowrap;width:100%}.navbar-subtab-dropdown__item i{font-size:10px;opacity:.6}.navbar-subtab-dropdown__item:hover{background:#ffffff14;color:#ffffffe6}.navbar-subtab-dropdown__item.active{background:#7c5cfc4d;color:#fff;font-weight:500}.navbar-subtab-rich{align-items:center;background-color:#171717;border-radius:10px 10px 0 0;border-top:4px solid #1e1e1e;display:flex;height:100%;margin-top:1px;position:relative;transition:background .12s ease}.navbar-subtab-rich:hover{background:#ffffff0d}.navbar-subtab-rich.navbar-subtab--active{background:#000;border-radius:10px 10px 0 0}.navbar-subtab-rich__btn{align-items:center;background:#0000;border:none;color:#ffffffd9;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;gap:4px;padding:3px 4px 3px 14px;transition:color .12s ease;white-space:nowrap}.navbar-subtab--active .navbar-subtab-rich__btn,.navbar-subtab-rich:hover .navbar-subtab-rich__btn{color:#ffffffeb}.navbar-subtab-ver{color:#ffffff4d;font-size:9px;margin-left:2px}.navbar-subtab-warn{color:#e67e22;font-size:9px}.navbar-subtab-spin{color:#fff6;font-size:9px}.navbar-subtab-icon{font-size:9px;opacity:.5}.navbar-subtab-progress{background:#ffffff0f;border-radius:0 0 10px 10px;bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.navbar-subtab-progress-fill{background:#7c5cfc;border-radius:0 0 10px 10px;height:100%;transition:width .4s ease}.navbar-subtab-progress-fill.revising{background:#60a5fa}.navbar-subtab-progress-fill.fixing{background:#fb923c}.navbar-tab-progress{background:#ffffff0f;border-radius:0 0 6px 6px;bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.navbar-tab-progress-fill{background:linear-gradient(90deg,#7c5cfc,#a78bfa);border-radius:0 0 6px 6px;height:100%;transition:width .4s ease}.navbar-subtab-dots{position:relative}.navbar-subtab-dots__btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff40;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;transition:all .12s ease;width:20px}.navbar-subtab-rich:hover .navbar-subtab-dots__btn{color:#ffffff80}.navbar-subtab-dots__btn:hover{background:#ffffff14;color:#fffc}.navbar-subtab-dots__menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e28f5;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:130px;padding:4px;z-index:9999}.navbar-subtab-dots__item{align-items:center;background:#0000;border:none;border-radius:5px;color:#ffffffa6;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:6px;padding:6px 10px;text-align:left;transition:all .12s ease;white-space:nowrap;width:100%}.navbar-subtab-dots__item i{font-size:10px;text-align:center;width:14px}.navbar-subtab-dots__item:hover{background:#ffffff14;color:#fff}.navbar-subtab-dots__item--danger{color:#ff6464bf}.navbar-subtab-dots__item--danger:hover{background:#ff64641a;color:#ff6b6b}.navbar-subtab-dots__divider{background:#ffffff14;height:1px;margin:3px 6px}.versions-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.versions-overlay__panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a24f7;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;max-height:380px;overflow:hidden;width:280px}.versions-overlay__header{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffe6;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.versions-overlay__header button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.versions-overlay__header button:hover{background:#ffffff14;color:#fff}.versions-overlay__list{flex:1 1;overflow-y:auto;padding:6px}.versions-overlay__empty{color:#ffffff59;font-size:12px;padding:20px;text-align:center}.versions-overlay__item{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-family:inherit;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .15s ease;width:100%}.versions-overlay__item:hover:not(:disabled){background:#ffffff0f;color:#fff}.versions-overlay__item.current{color:#7c5cfce6;cursor:default}.versions-overlay__badge{color:#7c5cfccc;font-size:11px;font-weight:500}.versions-overlay__viewing{color:#7c5cfce6;font-size:11px;font-weight:500}.versions-overlay__item.active{background:#7c5cfc1f;color:#fff}.design-version-badge{align-items:center;background:#7c5cfc26;border-radius:10px;color:#7c5cfcf2;display:inline-flex;font-size:11px;font-weight:600;gap:5px;margin-left:auto;padding:3px 10px}.navbar-tab__icon{font-size:14px;opacity:.7}.navbar-tab--active .navbar-tab__icon{opacity:1}.navbar-tab__label{line-height:1}.navbar-share-btn{align-items:center;background:linear-gradient(135deg,#e74c6f,#c0392b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;margin-left:4px;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.navbar-share-btn:hover{background:linear-gradient(135deg,#f05980,#d44637);box-shadow:0 2px 8px #e74c6f4d;transform:translateY(-1px)}.navbar-share-btn i{font-size:11px}.header-left{gap:20px}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:12px}.header-nav{align-items:center;display:flex;gap:0}.header-nav-link{background:none;border:none;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.01em;padding:6px 12px;text-decoration:none;transition:color .2s ease}.header-nav-link:hover{color:#ffffffe6}.btn-github-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27272a99;border:1px solid #ffffff12!important;border-radius:8px;color:#e4e4e7;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-right:0;padding:8px 16px;transition:all .2s ease}.btn-github-nav:hover{background:#3f3f46cc;border-color:#fff3!important;box-shadow:0 4px 12px #0000004d;color:#fff;transform:translateY(-1px)}.btn-github-nav .github-icon{flex-shrink:0;height:18px;opacity:.9;width:18px}.header-skeleton{animation:pulse 1.5s infinite;background-color:#3a3a3a;border-radius:50%;height:40px;width:40px}.user-menu{position:relative}.user-menu__button{align-items:center;background:#4a4a4a;border:2px solid #555;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:border-color .2s;width:40px}.user-menu__button:hover{border-color:#888}.user-menu__avatar{height:100%;object-fit:cover;width:100%}.user-menu__initials{color:#fff;font-size:14px;font-weight:600}.user-menu__dropdown{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-menu__info{border-bottom:1px solid #444;padding:12px 16px}.user-menu__name{color:#ececec;font-size:14px;font-weight:600;margin-bottom:4px}.user-menu__email{color:#888;font-size:12px}.user-menu__credit-row{border-bottom:1px solid #444;padding:8px 12px}.user-menu__credit-row .credit-display-group{border-left:none;height:auto;margin-right:0;padding-left:0;width:100%}.user-menu__credit-row .credit-badge{justify-content:center;width:100%}.user-menu__actions{padding:4px}.user-menu__item{align-items:center;background:none;border:none;border-radius:4px;color:#ececf1;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.user-menu__item:hover{background-color:#ffffff0d}.user-menu__logout{align-items:center;background:#0000;border:none;border-radius:4px;color:#f44336;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.user-menu__logout:disabled{cursor:not-allowed;opacity:.5}.user-menu__logout:hover:not(:disabled){background-color:#f443361a}.user-menu__icon{height:16px;width:16px}.user-menu__divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.impersonation-menus{align-items:center;display:flex;gap:8px}.impersonation-menu{position:relative}.impersonation-button--impersonated{border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b4d}.impersonation-button--admin{position:relative}.impersonation-badge{bottom:-2px;font-size:12px;line-height:1;pointer-events:none;position:absolute;right:-2px}.impersonation-label{background:#f59e0b1a;border-bottom:1px solid #444;color:#f59e0b;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.impersonation-label--admin{background:#3b82f61a;color:#3b82f6}.impersonation-exit{align-items:center;background:#0000;border:none;border-radius:4px;color:#f59e0b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.impersonation-exit:hover{background-color:#f59e0b1a}.admin-login-as-btn{background:#f59e0b1a;border:1px solid #f59e0b66;border-radius:4px;color:#f59e0b;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease}.admin-login-as-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b}.admin-login-as-btn:disabled{cursor:not-allowed;opacity:.4}.header-right:has(.impersonation-menus):after{display:none!important}.admin-helper-text{color:grey;font-size:12px;margin-top:8px}.admin-description-text{color:#b0b0b0;margin:0}.logo{align-items:center;color:var(--color-text);cursor:default;display:flex;font-weight:700;gap:8px}.logo.clickable{cursor:pointer}.logo.sm{font-size:16px}.logo.md{font-size:20px}.logo.lg{font-size:24px}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;padding:0;text-align:center}.hero__title{color:#fff;font-size:32px;font-weight:700;margin:0}.hero__highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text}.action-button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.protected-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dots__dot{animation:pulseDots 1s ease-in-out infinite;background:#888;border-radius:50%;height:8px;width:8px}.typing-dots__dot--delay-1{animation-delay:.2s}.typing-dots__dot--delay-2{animation-delay:.4s}@keyframes pulseDots{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.requirements-toggle{background:#2a2a2a;border:1px solid #ffffff12;border-radius:8px 0 0 8px;border-right:none;cursor:pointer;padding:12px 8px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:background .2s;z-index:100}.requirements-toggle:hover{background:#3a3a3a}.requirements-toggle__icon{font-size:18px}.requirements-toggle__text{color:#fffc;font-size:14px}.requirements-panel--collapsed{align-items:center;background:#1e1e1e;border-left:1px solid #ffffff12;display:flex;justify-content:center}.requirements-panel--collapsed .requirements-toggle{align-items:center;border-radius:8px;display:flex;gap:8px;padding:12px 20px;position:static;transform:none}.requirements-panel{background:#1e1e1e;border-left:1px solid #ffffff12;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.requirements-panel__header{align-items:center;background:#2a2a2a;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.requirements-panel__title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.requirements-panel__title-group{display:flex;flex-direction:column;gap:2px}.requirements-panel__subtitle{color:#ffffff59;font-size:16px;font-weight:500;letter-spacing:.3px}.requirements-panel__version{background:#ffffff1a;border-radius:4px;color:#ffffff80;font-size:11px;font-weight:400;padding:2px 6px}.requirements-panel__actions{display:flex;gap:4px}.requirements-panel__btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:background .2s}.requirements-panel__btn:hover{background:#ffffff1a}.requirements-panel__btn--close{color:#fff9}.requirements-panel__btn--save{background:#10b981;color:#fff}.requirements-panel__btn--save:hover{background:#059669}.requirements-panel__btn--cancel{color:#fff9}.requirements-panel__content{background:#252525;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.requirements-panel__content::-webkit-scrollbar{width:6px}.requirements-panel__content::-webkit-scrollbar-track{background:#0000;margin:8px 0}.requirements-panel__content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.requirements-panel__content::-webkit-scrollbar-thumb:hover{background:#ffffff38}.requirements-panel__content::-webkit-scrollbar-thumb:active{background:#ffffff52}.requirements-panel__version-toolbar{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px 0}.requirements-panel__version-toolbar .requirements-panel__subtitle{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requirements-panel__version-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.requirements-panel__loading,.requirements-panel__placeholder{align-items:center;color:#ffffff80;display:flex;flex:1 1;flex-direction:column;font-style:italic;gap:16px;justify-content:center;min-height:240px;padding:48px 24px;text-align:center}.requirements-loading-notepad{animation:notepadBreathe 4s ease-in-out infinite;opacity:.6}@keyframes notepadBreathe{0%,to{opacity:.4}50%{opacity:.8}}.requirements-loading-text{color:#ffffff59;font-size:13px;font-style:normal;font-weight:400;letter-spacing:.5px;margin:0}.requirements-loading-dots{align-items:center;display:flex;gap:6px}.requirements-loading-dot{animation:requirementsBounce 3.5s ease-in-out infinite;background:#ffffff40;border-radius:50%;height:4px;width:4px}.requirements-loading-dot--d1{animation-delay:.5s}.requirements-loading-dot--d2{animation-delay:1s}@keyframes requirementsBounce{0%,80%,to{opacity:.15}40%{opacity:.5}}.requirements-loading-agents{display:flex;flex-direction:column;gap:6px;list-style:none;margin:16px 0 0;padding:0}.requirements-loading-agents li{color:#ffffff40;font-size:11px;letter-spacing:.3px;padding-left:14px;position:relative}.requirements-loading-agents li:before{background:#8b5cf666;border-radius:50%;content:"";height:5px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.requirements-loading-agents li:nth-child(2):before{background:#3b82f666}.requirements-loading-agents li:nth-child(3):before{background:#06b6d466}.requirements-loading-agents li:nth-child(4):before{background:#f59e0b66}.requirements-loading-agents li:nth-child(5):before{background:#ec489966}.requirements-loading-agents li:nth-child(6):before{background:#10b98166}.requirements-panel__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.requirements-panel__empty-state .empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.6}.requirements-panel__empty-state .empty-state__title{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:1rem;font-weight:600;margin:0 0 8px}.requirements-panel__empty-state .empty-state__message{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.875rem;line-height:1.5;margin:0;max-width:280px}.requirements-panel__error{background:#ef44441a;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.srd-doc{background:#fff;border-radius:2px;box-shadow:0 1px 3px #00000040,0 4px 16px #00000026;color:#1a1a1a;font-family:Georgia,Times New Roman,"Noto Serif",serif;font-size:14px;line-height:1.75;margin:0 auto;max-width:820px;padding:56px 56px 48px;width:100%}.srd-doc h1{border-bottom:2px solid #111;color:#111;font-size:22px;letter-spacing:-.01em;margin-bottom:16px;margin-top:0;padding-bottom:8px}.srd-doc h1,.srd-doc h2{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700}.srd-doc h2{border-bottom:1px solid #ddd;color:#222;font-size:17px;margin-bottom:10px;margin-top:28px;padding-bottom:4px}.srd-doc h3{color:#333;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;margin-bottom:6px;margin-top:20px}.srd-doc p{margin:0 0 10px;text-align:justify}.srd-doc ol,.srd-doc ul{margin-bottom:10px;padding-left:28px}.srd-doc li{margin-bottom:4px}.srd-doc table{border-collapse:collapse;font-size:13px;margin:16px 0;width:100%}.srd-doc td,.srd-doc th{border:1px solid #ccc;padding:8px 12px;text-align:left}.srd-doc th{background:#f5f5f5;color:#333;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.srd-doc strong{color:#111;font-weight:700}.srd-doc code{background:#f0f0f0;border-radius:3px;color:#333;font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:1px 5px}.srd-doc blockquote{border-left:3px solid #999;color:#555;font-style:italic;margin:12px 0;padding-left:16px}.requirements-panel__editor{display:flex;flex-direction:column;height:100%}.requirements-panel__textarea{background:#2a2a2a;border:1px solid #ffffff12;border-radius:8px;color:#fff;flex:1 1;font-family:Fira Code,monospace;font-size:13px;min-height:300px;padding:12px;resize:none;width:100%}.requirements-panel__textarea:focus{border-color:#10b981;outline:none}.requirements-panel__editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.right-panel-container{background:#1e1e1e;border-left:1px solid #ffffff12;display:flex;flex-direction:column;height:100%;overflow:hidden}.tab-bar{align-items:flex-end;background:#1a1a1a;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;gap:2px;padding:8px 8px 0}@media (min-width:769px){.tab-bar{display:none}}.browser-tab{align-items:center;background:#2a2a2a;border:0 solid #ffffff12;border-bottom:none;border-radius:4px 4px 0 0;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:-1px;padding:10px 16px;position:relative;transition:all .15s ease}.browser-tab:hover:not(.browser-tab--active){background:#333;color:#fffc}.browser-tab--active{background:#1e1e1e;border-color:#ffffff26;color:#fff;z-index:1}.browser-tab--active:after{background:#1e1e1e;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.browser-tab__icon{font-size:14px;opacity:.8}.browser-tab__label{white-space:nowrap}.browser-tab__indicator{background:#10b981;border-radius:50%;height:6px;margin-left:4px;width:6px}.tab-content{animation:tabFadeIn .25s ease-out;display:flex;flex:1 1;flex-direction:column;overflow:hidden}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-content--hidden{display:none}.tab-panel{display:flex;flex-direction:column;height:100%}.right-panel-container .architecture-panel,.right-panel-container .preview-panel,.right-panel-container .requirements-panel{border-left:none;box-shadow:none;height:100%;position:static;width:100%}.right-panel-container .preview-panel__header,.right-panel-container .requirements-panel__header{display:none}@media (max-width:768px){.system-msg-review-actions{width:100%}.system-msg-review-btn{border-radius:14px;flex:0 1 auto;font-size:11px;justify-content:center;padding:5px 10px}.planning-page{grid-template-columns:1fr;padding-bottom:0}.planning-page .planning-left{border-right:none;grid-column:1}.planning-page .right-panel-container{border-left:none;grid-column:1}.planning-page.mobile-view--chat .right-panel-container,.planning-page.mobile-view--panel .planning-left{display:none}.tab-bar{-webkit-overflow-scrolling:touch;gap:4px;justify-content:center;overflow-x:auto;padding:6px 8px 0;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.browser-tab{flex-shrink:0;font-size:12px;padding:8px 14px}.browser-tab__label{display:none}.browser-tab__icon{font-size:16px}.mobile-bottom-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e1e1ef5;border-top:1px solid #ffffff0f;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:200}.mobile-bottom-bar__track{align-items:center;display:flex;height:36px}.mobile-bottom-bar__slider,.mobile-bottom-bar__slider--chat,.mobile-bottom-bar__slider--panel{display:none}.mobile-bottom-bar__btn{align-items:center;background:#0000;border:none;color:#ffffff4d;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:5px;height:100%;justify-content:center;min-width:0;padding:0;position:relative;transition:color .2s ease;white-space:nowrap}.mobile-bottom-bar__btn:active{transform:scale(.96)}.mobile-bottom-bar__btn--active{color:#ffffffd9;font-weight:600}.mobile-bottom-bar__btn--active:after{background:#4caf50b3;border-radius:2px;bottom:0;content:"";display:block;height:2px;left:20%;position:absolute;right:20%}.mobile-bottom-bar__icon{font-size:12px}.mobile-bottom-bar__btn--active .mobile-bottom-bar__icon{transform:none}.header{gap:6px;padding:8px 10px}.header-left{gap:8px;min-width:0}.header-right{flex-shrink:0;gap:4px;min-width:0}.user-menu__button{height:32px;width:32px}.user-menu__dropdown{left:auto;max-width:calc(100vw - 16px);min-width:200px;position:fixed;right:8px;top:50px}.brand-text{font-size:16px}.dropdown-trigger{font-size:13px;max-width:110px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.btn-upgrade-nav{font-size:.7rem;padding:.3rem .6rem}.planning-left{gap:10px;padding:8px 8px calc(40px + env(safe-area-inset-bottom, 0px))}.planning-messages{gap:10px;padding:8px}.planning-message{box-shadow:0 1px 4px #0000001f;font-size:13px;line-height:1.5;max-width:92%;padding:6px 10px}.planning-message__meta{font-size:9px;margin-bottom:4px}.planning-message__content{font-size:13px;line-height:1.5}.planning-message__content h1{font-size:1.15em}.planning-message__content h2{font-size:1.05em}.planning-message__content h3{font-size:1em}.planning-message__content pre code{font-size:12px}.planning-message__content code:not(pre code){font-size:.85em}.planning-heading{font-size:16px}.planning-left .input-section{border:1px solid #ffffff14;border-radius:12px;box-shadow:0 -2px 16px #0000002e;gap:4px;margin-bottom:0;padding:6px}.input-row{min-height:38px;padding:4px 64px 4px 4px}.text-input{font-size:16px}.send-btn{border-radius:16px;padding:6px 10px}.send-btn,.send-text{font-size:12px}.send-icon{height:14px;width:14px}.action-btn-label,.plan-auto-label{font-size:11px}.model-dropdown{font-size:11px;max-width:90px;min-width:0;padding:3px 5px;width:auto}.action-btn{font-size:11px;gap:4px;padding:4px 8px}.action-btn svg{height:14px;width:14px}.voice-btn{padding:6px}.voice-btn svg{height:16px;width:16px}.start-building-wrapper{gap:4px}.btn-start-building{border-radius:6px;font-size:13px;padding:8px}.building-progress-bar{height:6px;margin-bottom:4px}.building-progress-text{font-size:.75rem}.building-progress-container{margin-bottom:4px}}@media (min-width:769px){.mobile-bottom-bar{display:none}}.planning-messages-wrapper{background:#2f2f2f;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.planning-messages-wrapper .planning-messages{background:#0000;border:none;border-radius:0;flex:1 1;height:100%}.media-preview-strip{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.media-preview-thumb{border:1px solid #ffffff26;border-radius:8px;height:60px;overflow:hidden;position:relative;width:60px}.media-preview-img{height:100%;object-fit:cover;width:100%}.media-preview-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:2px;top:2px;transition:opacity .15s ease;width:20px}.media-preview-thumb:hover .media-preview-remove{opacity:1}.upload-progress-container{padding:4px 0}.upload-progress-text{color:#a1a1aa;font-size:12px;margin-bottom:4px}.upload-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#60a5fa,#60a5fa);border-radius:2px;height:100%;transition:width .2s ease}.planning-message__media{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.planning-message__media-img{border:1px solid #ffffff12;border-radius:8px;cursor:pointer;height:80px;object-fit:cover;transition:transform .15s ease;width:80px}.planning-message__media-img:hover{transform:scale(1.05)}.planning-message.user .planning-message__media-img{border-color:#0000001a}.chat-media-lightbox{align-items:center;animation:lightbox-fade-in .15s ease;background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.chat-media-lightbox img{border-radius:8px;box-shadow:0 8px 32px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.chat-media-lightbox__close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease;width:36px}.chat-media-lightbox__close:hover{background:#ffffff4d}@media (max-width:480px){.header{padding:8px 10px}.header-nav-link{display:none}.header-right{gap:6px}.brand-text{font-size:18px}.auth-buttons{gap:6px}.auth-buttons .btn.btn-outline{border-radius:8px;font-size:12px;min-height:34px;padding:7px 12px}.hero{margin-bottom:16px}.hero__title{font-size:26px;line-height:1.25}.landing-main{padding:12px}.landing-card{margin-bottom:16px}.input-section{border-radius:14px;padding:10px}.send-btn{border-radius:18px;font-size:13px;padding:6px 10px}.send-icon{height:18px;width:18px}.landing-footer{font-size:11px;padding:10px}.landing-inner{padding-top:calc(30vh - 80px)}.features-showcase:before{background:linear-gradient(90deg,#0000,#3376f24d 50%,#0000);content:"";display:block;height:1px;margin:0 auto 2rem;width:60%}}@media (min-width:481px) and (max-width:768px){.hero__title{font-size:30px}.auth-buttons .btn.btn-outline{min-height:42px;padding:10px 16px}.send-btn{padding:6px 10px}}:root{--color-background:#212121;--color-header-bg:#212121f2;--color-text:#ececec;--color-text-muted:#9e9e9e;--color-input-bg:#3a3a3a;--color-input-text:#ececec;--color-input-placeholder:#8e8e8e;--color-button-primary-bg:#3b82f6;--color-button-primary-text:#fff;--color-button-primary-hover:#2563eb;--color-button-outline-border:#27272a;--color-button-outline-text:#d4d4d8;--color-button-outline-hover:#27272a;--color-icon-muted:#71717a}html{scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121;background-color:var(--color-background);color:#ececec;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}*{box-sizing:border-box}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::-webkit-scrollbar-thumb:active{background:#ffffff52}.role--ui-ux-designer{--role-color:#ec4899;--role-bg-color:#ec48991a}.role--frontend-developer{--role-color:#06b6d4;--role-bg-color:#06b6d41a}.role--backend-developer{--role-color:#3b82f6;--role-bg-color:#3b82f61a}.role--ai-engineer{--role-color:#d946ef;--role-bg-color:#d946ef1a}.role--data-engineer{--role-color:#14b8a6;--role-bg-color:#14b8a61a}.role--qa-engineer{--role-color:#f59e0b;--role-bg-color:#f59e0b1a}.role--devops-engineer{--role-color:#64748b;--role-bg-color:#64748b1a}.role--default{--role-color:#666;--role-bg-color:#6666661a}a:-webkit-any-link{color:#ccc}a:-webkit-any-link:hover{color:#fff}.network-error-container{align-items:center;background-color:#0f1115;background:radial-gradient(circle at 50% 10%,#1f2329 0,#0f1115 100%);color:#e0e0e0;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:24px;position:relative;text-align:center;width:100vw}.network-error-container:before{background:radial-gradient(circle,#3b82f614 0,#0000 70%);height:600px;left:-10%;top:-20%;width:600px}.network-error-container:after,.network-error-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.network-error-container:after{background:radial-gradient(circle,#ef44440f 0,#0000 70%);bottom:-20%;height:500px;right:-10%;width:500px}.network-error-card{animation:fadeIn .6s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e1e1e99;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;flex-direction:column;max-width:480px;padding:48px;width:100%;z-index:1}.network-error-card,.network-error-icon-wrapper{align-items:center;display:flex;position:relative}.network-error-icon-wrapper{background:#ef44441a;border-radius:50%;color:#ef4444;height:80px;justify-content:center;margin-bottom:24px;width:80px}.network-error-icon-wrapper svg{animation:pulse 2s infinite;height:40px;width:40px}.network-error-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:12px;letter-spacing:-.025em;margin-bottom:16px}.network-error-message{color:#9ca3af;font-size:1rem;line-height:1.6;margin-bottom:32px;max-width:320px}.network-error-btn{background:#3b82f6;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.network-error-btn:hover{background:linear-gradient(135deg,#4f93f7,#3b82f6);box-shadow:0 10px 15px -3px #3b82f666;transform:translateY(-1px)}.network-error-btn:active{box-shadow:0 2px 4px -1px #3b82f633;transform:translateY(1px)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.auth-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-modal-content{animation:slideUp .3s ease-out;background-color:var(--color-background);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:var(--color-text);display:flex;flex-direction:column;gap:24px;max-width:400px;padding:40px;position:relative;width:100%}.auth-modal-header{display:flex;flex-direction:column;gap:8px;text-align:center}.auth-modal-title{color:var(--color-text);font-size:24px;font-weight:700;margin:0}.auth-modal-subtitle{color:#707070;font-size:14px;margin:0}.auth-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-icon-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background-color .2s,color .2s}.auth-close-button:hover{background-color:#ffffff1a;color:var(--color-text)}.oauth-section{display:flex;flex-direction:column;gap:12px}.oauth-button{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:8px;color:#2c2c2c;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:44px;padding:0 16px;position:relative;transition:background-color .15s,transform .1s;width:100%}.oauth-button:hover{background-color:#f5f1ed}.oauth-button:active{transform:scale(.98)}.oauth-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.oauth-spinner{animation:spin .8s linear infinite;color:#888;height:18px;width:18px}.oauth-button:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#e8e8e8;display:flex;font-size:12px;font-weight:500;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e8e8e8;content:"";flex:1 1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.email-section{display:flex;flex-direction:column;gap:16px}.email-input{background-color:#fafaf8;border:1px solid #e8e8e8;border-radius:8px;color:#0d0d0d;font-size:16px;height:44px;padding:12px 16px;transition:border-color .2s;width:100%}.email-input:focus{border-color:#9b8b7e;outline:none}.auth-input{background-color:#fafaf8;border:1px solid #e8e8e8;border-radius:8px;color:#0d0d0d;font-size:16px;height:44px;padding:12px 16px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:#9b8b7e;outline:none}.auth-select{-webkit-appearance:none;appearance:none;background-color:#fafaf8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d0d0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #e8e8e8;border-radius:8px;color:#0d0d0d;cursor:pointer;font-size:16px;height:44px;padding:12px 16px;transition:border-color .2s;width:100%}.auth-select:focus{border-color:#9b8b7e;outline:none}.continue-button{height:44px;padding:0 16px;width:100%}.continue-button:disabled{cursor:not-allowed;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-link{align-self:flex-start;background:none;border:none;color:#707070;cursor:pointer;font-size:14px;margin-top:8px;padding:0;text-decoration:underline}.forgot-password-link:hover{color:var(--color-text)}.forgot-back-link{background:none;border:none;color:#707070;cursor:pointer;font-size:14px;margin-top:8px;padding:0;text-decoration:underline}.forgot-back-link:hover{color:var(--color-text)}.forgot-instruction{color:#707070;font-size:14px;margin:0 0 8px;text-align:left}.forgot-success-message{color:var(--color-text);font-size:14px;line-height:1.5;margin:0 0 16px;text-align:left}.forgot-error{color:#dc3545;font-size:14px;margin:0;text-align:left}@media (max-width:480px){.auth-modal-content{padding:24px;width:90%}}.auth-error-container{color:#f44336;flex-direction:column;gap:1rem}.auth-error-message{font-size:.9em;opacity:.8}.password-input-wrapper{position:relative;width:100%}.password-input{background-color:#fafaf8;border:1px solid #e8e8e8;border-radius:8px;color:#0d0d0d;font-size:16px;height:44px;padding:12px 44px 12px 16px;transition:border-color .2s;width:100%}.password-input:focus{border-color:#9b8b7e;outline:none}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#707070;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle-btn:hover{color:#0d0d0d}.email-input--readonly{background-color:#f0f0f0;cursor:default}.auth-error-text{color:#dc3545;font-size:14px;margin:0;text-align:left}.auth-links{align-items:center;display:flex;justify-content:space-between;width:100%}.auth-legal-link{color:#707070}.auth-modal-subtitle--confirmation{color:var(--color-text);font-size:15px}.email-register-back-btn{margin-top:1rem}.email-renderer-container{display:block;margin-top:1rem;text-align:center;width:100%}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:toast-enter .3s ease-out;background:#2a2a2a;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #0006;color:#e0e0e0;display:flex;gap:12px;padding:14px 16px}.toast--exiting{animation:toast-exit .3s ease-in forwards}.toast--success{border-left-color:#10b981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left-color:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast--info .toast__icon{color:#3b82f6}.toast__icon{flex-shrink:0;font-size:18px;font-weight:700}.toast__message{flex:1 1;font-size:14px;line-height:1.4}.toast__close{background:#0000;border:none;color:#888;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0}.toast__close:hover{color:#fff}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:480px){.toast-container{bottom:10px;left:10px;max-width:none;right:10px}}.agent-log-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.agent-log-modal-content{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:800px}.agent-log-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.agent-log-modal-header h2{color:#fff;font-size:1.25rem;margin:0}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.close-button:hover{color:#fff}.agent-log-modal-body{overflow-y:auto;padding:20px}.agent-log-table{border-collapse:collapse;font-size:.9rem;width:100%}.agent-log-table th{border-bottom:1px solid #333;color:#888;font-weight:500;padding:12px;text-align:left}.agent-log-table td{border-bottom:1px solid #2a2a2a;color:#ccc;padding:12px}.no-logs{color:#666;font-style:italic;padding:40px!important;text-align:center}.status-badge{border-radius:4px;font-size:.8rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-badge.started{background-color:#3b82f633;color:#60a5fa}.status-badge.completed{background-color:#10b98133;color:#34d399}.status-badge.error{background-color:#ef444433;color:#f87171}@media (max-width:768px){.agent-log-modal-content{border:none;border-radius:0;max-height:100vh;max-width:100%;width:100%}.agent-log-modal-header{background:#1e1e1e;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.agent-log-modal-header h2{font-size:1rem}.agent-log-modal-body{padding:12px}.agent-log-table{font-size:.8rem}.agent-log-table td,.agent-log-table th{padding:8px 6px}.agent-log-table thead{display:none}.agent-log-table tr{border-bottom:1px solid #2a2a2a;display:flex;flex-direction:column;padding:10px 0}.agent-log-table td{border-bottom:none;display:flex;justify-content:space-between;padding:4px 6px}.agent-log-table td:before{color:#888;content:attr(data-label);flex-shrink:0;font-size:.7rem;font-weight:600;margin-right:8px;text-transform:uppercase}.status-badge{font-size:.7rem;padding:3px 6px}.no-logs{font-size:.85rem;padding:24px!important}}.byok-modal-overlay{align-items:center;animation:byokFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.byok-modal{animation:byokSlideUp .3s ease;background:linear-gradient(165deg,#111827,#151c2e 50%,#0f1623);border:1px solid #3b82f61f;border-radius:20px;box-shadow:0 24px 80px #0009,0 0 0 1px #3b82f60f,inset 0 1px 0 #ffffff0a;max-height:82vh;max-width:92vw;overflow-y:auto;width:540px}.byok-modal-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:22px 24px 16px}.byok-modal-header h2{color:#f0f0f0;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.byok-close-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#777;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.byok-close-btn:hover{background:#ffffff14;border-color:#ffffff1f;color:#fff}.byok-tabs{border-bottom:1px solid #ffffff0a;display:flex;gap:4px;padding:12px 24px 0}.byok-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.02em;padding:10px 18px;transition:all .2s}.byok-tab.active{border-bottom-color:#3b82f6;color:#60a5fa}.byok-tab:hover:not(.active){color:#999}.byok-content{padding:20px 24px 24px}.byok-keys-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.byok-key-item{align-items:center;background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.byok-key-item:hover{background:#ffffff0a;border-color:#3b82f633}.byok-key-left{align-items:center;display:flex;gap:12px;min-width:0}.byok-key-icon{stroke:#3b82f6;flex-shrink:0;height:20px;opacity:.7;width:20px}.byok-key-info{min-width:0}.byok-key-info h4{color:#e0e0e0;font-size:13.5px;font-weight:550;margin:0 0 3px}.byok-key-info code{color:#666;display:block;font-family:JetBrains Mono,SF Mono,monospace;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byok-trash-icon{height:15px;width:15px}.byok-key-delete{align-items:center;background:none;border:1px solid #ff505026;border-radius:8px;color:#888;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px 8px;transition:all .2s}.byok-key-delete:hover{background:#ff50501a;border-color:#ff505059;color:#ff5050}.byok-key-delete:hover .byok-trash-icon{stroke:#ff5050}.byok-no-keys{background:hsla(0,0%,100%,.015);border:1px dashed #ffffff14;border-radius:12px;padding:28px 16px;text-align:center}.byok-no-keys .byok-key-icon{stroke:#555;display:block;height:32px;margin:0 auto 12px;opacity:.5;width:32px}.byok-no-keys p{color:#999;font-size:14px;font-weight:500;margin:0 0 4px}.byok-no-keys span{color:#555;font-size:12.5px}.byok-add-form{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:18px}.byok-form-title{color:#bbb;font-size:13px;font-weight:600;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.byok-field{display:flex;flex-direction:column;gap:5px}.byok-field-label{color:#777;font-size:12px;font-weight:500;letter-spacing:.02em}.byok-add-form input{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;color:#e0e0e0;font-size:13.5px;outline:none;padding:11px 14px;transition:all .2s}.byok-add-form input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.byok-add-form input::placeholder{color:#444}.byok-token-masked{-webkit-text-security:disc}.byok-token-wrapper{align-items:center;display:flex;position:relative}.byok-token-wrapper input{flex:1 1;padding-right:40px}.byok-toggle-vis{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;opacity:.5;padding:4px;position:absolute;right:8px;transition:opacity .2s}.byok-toggle-vis:hover{opacity:.9}.byok-save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:11px 18px;transition:all .2s}.byok-save-btn:hover{box-shadow:0 6px 20px #3b82f640;filter:brightness(1.1);transform:translateY(-1px)}.byok-save-btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.4;transform:none}.byok-error{background:#ff50500f;border:1px solid #ff505026;border-radius:10px;color:#ff6b6b;font-size:13px;margin-bottom:12px;padding:10px 14px}.byok-error-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.byok-instructions{color:#bbb;font-size:14px;line-height:1.7}.byok-instructions h3{color:#e8e8e8;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 18px}.byok-step{margin-bottom:18px}.byok-step-label{color:#60a5fa;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.byok-step p{color:#888;font-size:13px;margin:0 0 8px}.byok-code-block{background:#00000059;border:1px solid #ffffff0d;border-radius:10px;color:#a0e0a0;font-family:JetBrains Mono,SF Mono,monospace;font-size:12.5px;line-height:1.5;margin-top:6px;overflow-x:auto;padding:14px 16px;white-space:pre-wrap}.byok-upgrade-prompt{padding:36px 20px;text-align:center}.byok-upgrade-icon{font-size:44px;margin-bottom:16px}.byok-upgrade-prompt h3{color:#e8e8e8;font-size:17px;font-weight:600;margin:0 0 10px}.byok-upgrade-prompt p{color:#777;font-size:13.5px;line-height:1.6;margin:0 auto 24px;max-width:320px}.byok-upgrade-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14.5px;font-weight:600;letter-spacing:.02em;padding:12px 36px;transition:all .25s}.byok-upgrade-btn:hover{box-shadow:0 8px 28px #3b82f64d;filter:brightness(1.1);transform:translateY(-2px)}@keyframes byokFadeIn{0%{opacity:0}to{opacity:1}}@keyframes byokSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.byok-modal::-webkit-scrollbar{width:6px}.byok-modal::-webkit-scrollbar-track{background:#0000}.byok-modal::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.byok-modal::-webkit-scrollbar-thumb:hover{background:#ffffff24}.agent-progress-tracker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 2px 12px #00000040;margin:12px 0 8px;padding:14px 16px}.agent-progress-tracker__header{align-items:center;color:#c8c8e0;display:flex;font-size:.82rem;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:12px}.agent-progress-tracker__header-icon{animation:apt-pulse 2s ease-in-out infinite;display:flex;height:16px;width:16px}.agent-progress-tracker__header-icon svg{height:100%;width:100%}@keyframes apt-pulse{0%,to{opacity:.7}50%{opacity:1}}.agent-progress-row{animation:apt-row-in .3s ease-out;display:flex;flex-direction:column;gap:4px;padding:6px 0}.agent-progress-row+.agent-progress-row{border-top:1px solid #ffffff0a}@keyframes apt-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.agent-progress-row__info{align-items:center;display:flex;gap:8px;justify-content:space-between}.agent-progress-row__left{align-items:center;display:flex;gap:6px;min-width:0}.agent-progress-row__icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.agent-progress-row__icon svg{height:100%;width:100%}.agent-progress-row--running .agent-progress-row__icon svg{animation:apt-spin 1s linear infinite}@keyframes apt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.agent-progress-row__name{color:#e0e0f0;font-size:.78rem;font-weight:600}.agent-progress-row__name,.agent-progress-row__summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-progress-row__summary{color:#e0e0f099;font-size:.72rem;max-width:220px}.agent-progress-row__status{flex-shrink:0;font-size:.72rem;font-weight:500;white-space:nowrap}.agent-progress-row--running .agent-progress-row__icon{color:#818cf8}.agent-progress-row--running .agent-progress-row__status{color:#e0e0f080}.agent-progress-row--completed .agent-progress-row__icon{color:#22c55e}.agent-progress-row--completed .agent-progress-row__name{color:#e0e0f0bf}.agent-progress-row--completed .agent-progress-row__status{color:#22c55e}.agent-progress-row__track{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.agent-progress-row__fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;height:100%;transition:width .5s ease-out}.agent-progress-row[data-agent=tech-lead] .agent-progress-row__fill{background:linear-gradient(90deg,#2563eb,#3b82f6)}.agent-progress-row[data-agent=srd] .agent-progress-row__fill{background:linear-gradient(90deg,#7c3aed,#a855f7)}.agent-progress-row[data-agent=user-flow] .agent-progress-row__fill{background:linear-gradient(90deg,#0891b2,#06b6d4)}.agent-progress-row[data-agent=design] .agent-progress-row__fill{background:linear-gradient(90deg,#db2777,#ec4899)}.agent-progress-row[data-agent=architect] .agent-progress-row__fill{background:linear-gradient(90deg,#d97706,#f59e0b)}.agent-progress-row[data-agent=pm] .agent-progress-row__fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.agent-progress-row[data-agent=tech-lead] .agent-progress-row__icon{color:#3b82f6}.agent-progress-row[data-agent=srd] .agent-progress-row__icon{color:#a855f7}.agent-progress-row[data-agent=user-flow] .agent-progress-row__icon{color:#06b6d4}.agent-progress-row[data-agent=design] .agent-progress-row__icon{color:#ec4899}.agent-progress-row[data-agent=architect] .agent-progress-row__icon{color:#f59e0b}.agent-progress-row[data-agent=pm] .agent-progress-row__icon{color:#22c55e}.agent-progress-row--completed[data-agent=tech-lead] .agent-progress-row__icon{color:#3b82f6}.agent-progress-row--completed[data-agent=srd] .agent-progress-row__icon{color:#a855f7}.agent-progress-row--completed[data-agent=user-flow] .agent-progress-row__icon{color:#06b6d4}.agent-progress-row--completed[data-agent=design] .agent-progress-row__icon{color:#ec4899}.agent-progress-row--completed[data-agent=architect] .agent-progress-row__icon{color:#f59e0b}.agent-progress-row--completed[data-agent=pm] .agent-progress-row__icon{color:#22c55e}.agent-progress-row--completed[data-agent=tech-lead] .agent-progress-row__status{color:#3b82f6}.agent-progress-row--completed[data-agent=srd] .agent-progress-row__status{color:#a855f7}.agent-progress-row--completed[data-agent=user-flow] .agent-progress-row__status{color:#06b6d4}.agent-progress-row--completed[data-agent=design] .agent-progress-row__status{color:#ec4899}.agent-progress-row--completed[data-agent=architect] .agent-progress-row__status{color:#f59e0b}.agent-progress-row--completed[data-agent=pm] .agent-progress-row__status{color:#22c55e}.agent-progress-row--completed .agent-progress-row__fill{opacity:.5;width:100%!important}.agent-progress-row__view-btn{align-items:center;background:#ffffff14;border:none;border-radius:10px;color:#b0b0c4;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:2px 8px;transition:all .2s ease;white-space:nowrap}.agent-progress-row__view-btn:hover{background:#ffffff26;color:#e0e0f0}.agent-progress-row__view-btn svg{height:10px;width:10px}.agent-progress-tracker__cancel{align-items:center;background:#0000;border:none;border-radius:6px;color:#b0b0c473;cursor:pointer;display:flex;font-size:.65rem;font-weight:500;gap:3px;margin-left:auto;margin-top:6px;padding:3px 10px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.agent-progress-tracker__cancel:hover:not(:disabled){background:#ffffff0d;color:#ef4444cc}.agent-progress-tracker__cancel:disabled{cursor:not-allowed;opacity:.5}.agent-progress-tracker__cancel-icon{display:flex;height:12px;width:12px}.agent-progress-tracker__cancel-icon svg{height:100%;width:100%}.build-progress-bar-container{background:#333;border-radius:8px;padding:12px}.build-progress-header{align-items:center;color:#ccc;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.build-progress-title-group{align-items:center;display:flex;gap:10px}.build-stop-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff12;border-radius:4px;color:#5b5b5b;cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:-4px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.build-stop-btn:hover{background:#ff4d4f26;border-color:#ff4d4f4d;box-shadow:0 0 12px #ff4d4f33;color:#ff7875;transform:scale(1.1)}.build-stop-btn i{font-size:.6rem}.build-progress-eta-group{align-items:center;display:flex;gap:12px}.build-progress-track{background:#ffffff1a;border-radius:4px;height:1px;margin-top:4px;overflow:hidden;width:100%}.build-progress-fill{background:#4a90e2;background:var(--primary-color,#4a90e2);height:100%;transition:width .3s ease;width:0;width:var(--progress-width,0)}.start-building-wrapper{align-items:center;display:flex;flex-direction:column}.btn-start-building{align-items:center;animation:buildGradientShift 4s ease infinite;background:linear-gradient(135deg,#1a7e35,#22c55e 50%,#1a7e35);background-size:200% 200%;border:none;border-radius:9999px;box-shadow:0 0 0 0 #22c55e00,0 2px 10px #1a7e3559,inset 0 1px 0 #ffffff2e;color:#fff;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.04em;margin:0;overflow:hidden;padding:10px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}@keyframes buildGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-start-building:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 0 8px 1px #22c55e4d,0 2px 4px #1a7e3566,inset 0 1px 0 #ffffff40;transform:translateY(-1px) scale(1.01)}.btn-start-building:active:not(:disabled){box-shadow:0 0 8px 1px #22c55e33,0 1px 4px #1a7e354d,inset 0 1px 0 #ffffff1f;transform:translateY(0) scale(.98)}.btn-start-building:disabled{animation:none;cursor:not-allowed;filter:saturate(.5);opacity:.45}.btn-start-building:after{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s cubic-bezier(.16,1,.3,1);width:60%}.btn-start-building:hover:not(:disabled):after{left:160%;transition:left .8s cubic-bezier(.16,1,.3,1)}.btn-start-building .build-icon{flex-shrink:0;height:16px;width:16px}.build-task-count{align-items:center;background:#0003;border-radius:9999px;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;padding:1px 8px}.errored-actions-row{display:flex;gap:8px;width:100%}.btn-retry-errored{background-color:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#ef4444;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:background-color .2s,border-color .2s}.btn-retry-errored:hover:not(:disabled){background-color:#ef444440;border-color:#ef444499}.btn-retry-errored:disabled{cursor:not-allowed;opacity:.6}.btn-discard-errored{background-color:#6b728026;border:1px solid #6b728066;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:background-color .2s,border-color .2s}.btn-discard-errored:hover:not(:disabled){background-color:#6b728040;border-color:#6b728099}.btn-discard-errored:disabled{cursor:not-allowed;opacity:.6}.upgrade-modal-overlay{align-items:center;animation:upgradeOverlayIn .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes upgradeOverlayIn{0%{opacity:0}to{opacity:1}}.upgrade-modal{animation:upgradeModalIn .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#181a26f7,#10121cfc);border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 32px 64px #0000008c,inset 0 0 0 1px #ffffff08,0 0 80px #6366f10f;max-width:960px;padding:36px 32px 28px;position:relative;text-align:center;width:94%}@keyframes upgradeModalIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upgrade-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.1rem;padding:4px 8px;position:absolute;right:16px;top:14px;transition:color .15s,background .15s;z-index:2}.upgrade-modal-close:hover{background:#ffffff0f;color:#e2e8f0}.upgrade-modal-header{margin-bottom:28px}.upgrade-modal-rocket{animation:rocketPulse 2.5s ease-in-out infinite;color:#818cf8;filter:drop-shadow(0 0 12px rgba(129,140,248,.4));height:44px;margin:0 auto 14px;width:44px}@keyframes rocketPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upgrade-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.upgrade-modal-header p{color:#94a3b8;font-size:.88rem;line-height:1.5;margin:0}.upgrade-modal-subtitle{color:#a78bfa!important;font-size:.82rem!important;font-weight:600;letter-spacing:.01em;margin-top:8px!important}.upgrade-plans-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.upgrade-plan-card{animation:cardSlideIn .4s cubic-bezier(.16,1,.3,1) both;background:#1e2130cc;border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;padding:20px 16px 18px;position:relative;text-align:left;transition:transform .25s,border-color .25s,box-shadow .25s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.upgrade-plan-card:hover{border-color:#ffffff1a;box-shadow:0 12px 32px #0000004d;transform:translateY(-3px)}.upgrade-plan-card--featured{background:linear-gradient(160deg,#312e4db3,#1e2130e6);border-color:#818cf859;box-shadow:0 0 28px #6366f11a}.upgrade-plan-card--featured:hover{border-color:#818cf88c;box-shadow:0 8px 40px #6366f133}.upgrade-plan-glow{animation:glowRotate 6s linear infinite;background:conic-gradient(from 180deg,#6366f1,#8b5cf6,#a78bfa,#6366f1);border-radius:15px;bottom:-1px;left:-1px;opacity:.12;position:absolute;right:-1px;top:-1px;z-index:-1}@keyframes glowRotate{to{filter:hue-rotate(1turn)}}.upgrade-plan-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;box-shadow:0 2px 8px #6366f159;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.04em;margin:0;padding:3px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:1}.upgrade-plan-name{color:#e2e8f0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.upgrade-plan-desc{color:#64748b;font-size:.72rem;line-height:1.45;margin:0 0 10px}.upgrade-plan-badge--current{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #10b98159}.upgrade-plan-card--current{border-color:#10b9814d}.upgrade-plan-cta--current{background:#10b9811f;border:1px solid #10b98140;border-radius:8px;color:#34d399;cursor:default;font-size:.82rem;font-weight:600;margin-top:auto;padding:9px 0;width:100%}.upgrade-plan-price{align-items:baseline;display:flex;gap:2px;margin-bottom:14px}.upgrade-plan-amount{color:#f1f5f9;font-size:1.6rem;font-weight:800;letter-spacing:-.03em}.upgrade-plan-period{color:#64748b;font-size:.78rem;font-weight:500}.upgrade-plan-highlights{flex:1 1;list-style:none;margin:0 0 16px;padding:0}.upgrade-plan-highlights li{align-items:center;color:#94a3b8;display:flex;font-size:.78rem;gap:7px;line-height:1.4;padding:3.5px 0}.upgrade-plan-check{color:#6366f1;flex-shrink:0;height:13px;width:13px}.upgrade-plan-cta{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.82rem;font-weight:600;margin-top:auto;padding:9px 0;transition:all .2s;width:100%}.upgrade-plan-cta:hover{background:#ffffff1a;border-color:#ffffff26;color:#f1f5f9}.upgrade-plan-cta--featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 2px 12px #6366f159;color:#fff}.upgrade-plan-cta--featured:hover{background:linear-gradient(135deg,#7577f5,#9b75fa);box-shadow:0 4px 20px #6366f180;transform:translateY(-1px)}.upgrade-modal-dismiss{background:none;border:none;color:#475569;cursor:pointer;display:block;font-size:.8rem;margin:4px auto 0;padding:6px 16px;transition:color .15s}.upgrade-modal-dismiss:hover{color:#94a3b8}.upgrade-plan-cta--loading{cursor:not-allowed;opacity:.7;pointer-events:none}.upgrade-modal-details{background:none;border:none;color:#6366f1;cursor:pointer;display:block;font-size:.82rem;font-weight:500;margin:2px auto 0;padding:6px 16px;transition:color .15s}.upgrade-modal-details:hover{color:#818cf8;text-decoration:underline}.upgrade-plan-highlights--full{display:block}.upgrade-plan-highlights--mobile,.upgrade-plan-seemore{display:none!important}@media (max-width:600px){.upgrade-plan-highlights--full{display:none!important}.upgrade-plan-highlights--mobile{display:block!important}.upgrade-plan-seemore{background:none;border:none;color:#818cf8;cursor:pointer;display:inline-block!important;float:right;font-size:.65rem;font-weight:600;margin-top:0;padding:2px 0;transition:color .15s}.upgrade-plan-seemore:hover{color:#a5b4fc}.upgrade-modal-overlay{align-items:flex-end}.upgrade-modal{-webkit-overflow-scrolling:touch;animation:upgradeSheetIn .35s cubic-bezier(.16,1,.3,1);border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;overflow-y:auto;padding:20px 16px 16px;width:100%}@keyframes upgradeSheetIn{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.upgrade-modal:before{background:#ffffff26;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 14px;width:36px}.upgrade-modal-close{font-size:1.2rem;padding:8px 12px;right:10px;top:10px}.upgrade-modal-header{margin-bottom:16px}.upgrade-modal-rocket{height:32px;margin-bottom:8px;width:32px}.upgrade-modal h3{font-size:1.15rem;margin-bottom:4px}.upgrade-modal-header p{font-size:.82rem}.upgrade-plans-grid{gap:10px;grid-template-columns:1fr;margin-bottom:14px}.upgrade-plan-card{align-items:stretch;flex-direction:column;gap:4px;padding:10px 12px}.upgrade-plan-card--featured{padding:10px 12px}.upgrade-plan-badge{border-radius:0 14px 0 10px;font-size:.62rem;margin:0;padding:3px 10px;position:absolute;right:-1px;top:-1px}.upgrade-plan-name{font-size:.78rem;margin-bottom:1px}.upgrade-plan-price{margin-bottom:3px}.upgrade-plan-amount{font-size:1.05rem}.upgrade-plan-period{font-size:.65rem}.upgrade-plan-desc{font-size:.62rem;margin-bottom:4px}.upgrade-plan-highlights{display:flex;flex-direction:column;gap:1px;margin-bottom:0}.upgrade-plan-highlights li{font-size:.65rem;gap:3px;padding:1px 0;white-space:normal}.upgrade-plan-check{height:10px;width:10px}.upgrade-plan-cta{border-radius:8px;font-size:.72rem;min-height:30px;padding:6px 12px;width:100%}.upgrade-plan-info{flex:1 1;min-width:0}.upgrade-modal-details,.upgrade-modal-dismiss{font-size:.82rem;padding:10px 16px}}@media (max-width:360px){.upgrade-modal{padding:16px 12px 12px}.upgrade-plan-highlights{grid-template-columns:1fr}.upgrade-plan-highlights li{font-size:.7rem}.upgrade-plan-cta{font-size:.74rem;min-width:68px;padding:8px 12px}}.warmup-progress-bar-container{background:#333;border-radius:8px;padding:12px}.warmup-progress-header{align-items:center;color:#ccc;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.warmup-label{align-items:center;display:flex;gap:8px}.warmup-dot{animation:warmup-pulse 1.5s ease-in-out infinite;background:#faad14;border-radius:50%;height:8px;width:8px}@keyframes warmup-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.warmup-right{align-items:center;display:flex;gap:12px}.warmup-percent{font-feature-settings:"tnum";color:#faad14;font-variant-numeric:tabular-nums}.warmup-progress-track{background:#ffffff1a;border-radius:4px;height:1px;margin-top:4px;overflow:hidden;width:100%}.warmup-progress-fill{background:#faad14;height:100%;transition:width .2s linear;width:0;width:var(--warmup-width,0)}.features-showcase{margin:80px auto 0;max-width:1100px;padding:1rem 2rem 4rem}.features-showcase__header{margin-bottom:5rem;text-align:center}.features-showcase__label{color:#3376f2;display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:1rem;text-transform:uppercase}.features-showcase__heading{color:#f5f5f7;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.2;margin:0}.features-showcase__heading em{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3376f2,#60a5fa);-webkit-background-clip:text;background-clip:text;font-style:normal}.feature-section{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem}.feature-section--reversed{direction:rtl}.feature-section--reversed>*{direction:ltr}.feature-section__icon-wrap,.feature-section__visual{align-items:center;display:flex;justify-content:center}.feature-section__icon-wrap{height:260px;position:relative;width:260px}.feature-section__glow{background:radial-gradient(circle,#3376f20f 0,#0000 70%);inset:-20%;pointer-events:none;position:absolute}.feature-icon{height:180px;position:relative;width:180px;z-index:1}.feature-section__number{color:#3376f2;display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;opacity:.6}.feature-section__title{color:#f5f5f7;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .75rem}.feature-section__tagline{color:#86868b;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.feature-section__bullets{list-style:none;margin:0;padding:0}.feature-section__bullets li{align-items:flex-start;color:#94a3b8;display:flex;font-size:.88rem;gap:.6rem;line-height:1.5;padding:.45rem 0}.feature-section__bullets svg{color:#3376f2;flex-shrink:0;height:14px;margin-top:3px;opacity:.7;width:14px}@keyframes fi-pulse{0%,to{r:12;opacity:1}50%{r:14;opacity:.7}}.fi-pulse{animation:fi-pulse 3s ease-in-out infinite}@keyframes fi-pulse-inner{0%,to{opacity:.6}50%{opacity:1}}.fi-pulse-inner{animation:fi-pulse-inner 2s ease-in-out infinite}@keyframes fi-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fi-orbit{transform-origin:60px 60px}.fi-orbit--1{animation:fi-orbit 8s linear infinite}.fi-orbit--2{animation:fi-orbit 10s linear infinite reverse}.fi-orbit--3{animation:fi-orbit 12s linear infinite}.fi-orbit--4{animation:fi-orbit 9s linear infinite reverse}.fi-orbit--5{animation:fi-orbit 11s linear infinite}.fi-orbit--6{animation:fi-orbit 13s linear infinite reverse}@keyframes fi-particle{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.8;transform:translateY(-4px)}}.fi-particle--1{animation:fi-particle 2s ease-in-out 0s infinite}.fi-particle--2{animation:fi-particle 2s ease-in-out .5s infinite}.fi-particle--3{animation:fi-particle 2s ease-in-out 1s infinite}@keyframes fi-line-pulse{0%,to{opacity:.15}50%{opacity:.5}}.fi-line{animation:fi-line-pulse 2.5s ease-in-out infinite}@keyframes fi-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fi-spin-slow{animation:fi-spin-slow 20s linear infinite;transform-origin:40px 40px}@keyframes fi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.fi-float--1{animation:fi-float 3s ease-in-out infinite}.fi-float--2{animation:fi-float 3.5s ease-in-out .3s infinite}.fi-float--3{animation:fi-float 4s ease-in-out .6s infinite}@keyframes fi-dash-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}.fi-dash-flow{animation:fi-dash-move 1.5s linear infinite}@keyframes fi-scan-move{0%{opacity:.6;transform:translateY(0)}50%{opacity:.3;transform:translateY(22px)}to{opacity:.6;transform:translateY(0)}}.fi-scan{animation:fi-scan-move 3s ease-in-out infinite}@keyframes fi-draw{0%{stroke-dashoffset:40;opacity:0}40%{opacity:0}to{stroke-dashoffset:0;opacity:1}}.fi-check-draw{stroke-dasharray:40;animation:fi-draw 3s ease-in-out infinite}@keyframes fi-play-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.fi-play-pulse{animation:fi-play-pulse 2s ease-in-out infinite;transform-origin:60px 66px}@keyframes fi-blink{0%,to{opacity:.3}50%{opacity:.8}}.fi-blink--1{animation:fi-blink 2s ease-in-out 0s infinite}.fi-blink--2{animation:fi-blink 2s ease-in-out .3s infinite}.fi-blink--3{animation:fi-blink 2s ease-in-out .6s infinite}@keyframes fi-type{0%{opacity:0;width:0}20%{opacity:.4}to{opacity:.4}}.fi-type--1{animation:fi-type 2s ease-out 0s infinite}.fi-type--2{animation:fi-type 2s ease-out .2s infinite}.fi-type--3{animation:fi-type 2s ease-out .4s infinite}.fi-type--4{animation:fi-type 2s ease-out .6s infinite}.fi-type--5{animation:fi-type 2s ease-out .8s infinite}@keyframes fi-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.fi-cursor{animation:fi-cursor-blink 1s step-end infinite}@keyframes fi-grow{0%{opacity:.3;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}to{opacity:.3;transform:scaleY(.3)}}.fi-grow{transform-origin:bottom}.fi-grow--1{animation:fi-grow 4s ease-in-out 0s infinite}.fi-grow--2{animation:fi-grow 4s ease-in-out .3s infinite}.fi-grow--3{animation:fi-grow 4s ease-in-out .6s infinite}.fi-grow--4{animation:fi-grow 4s ease-in-out .9s infinite}.fi-grow--5{animation:fi-grow 4s ease-in-out 1.2s infinite}@keyframes fi-trend-draw{0%{stroke-dashoffset:120}60%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.fi-trend{stroke-dasharray:120;animation:fi-trend-draw 4s ease-in-out infinite}@keyframes fi-arrow-pop{0%,50%{opacity:0;transform:translateY(4px)}70%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.fi-arrow-up{animation:fi-arrow-pop 4s ease-out infinite}@keyframes fi-progress-pulse{0%,to{opacity:.25}50%{opacity:.5}}.fi-progress-fill{animation:fi-progress-pulse 3s ease-in-out infinite}@keyframes fi-slide{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.7;transform:translateX(3px)}}.fi-slide{animation:fi-slide 4s ease-in-out infinite}.fi-spin-compass{animation:fi-spin-slow 30s linear infinite;transform-origin:100px 20px}@media (max-width:768px){.features-showcase{margin-top:20px;padding:2rem 1rem}.features-showcase__header{margin-bottom:2.5rem}.features-showcase__heading{font-size:clamp(1.4rem,5vw,1.8rem)}.feature-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;border-top:2px solid #60a5fa66;gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.5rem;padding:1.5rem 1.25rem;text-align:left}.feature-section--reversed{direction:ltr}.feature-section__bullets li{justify-content:flex-start}.feature-section__icon-wrap{height:160px;margin:0 auto;width:160px}.feature-icon{height:110px;width:110px}.feature-section__number{background:#3376f21a;border:1px solid #3376f233;border-radius:12px;display:inline-block;font-size:.68rem;margin-bottom:.5rem;opacity:1;padding:2px 10px}.feature-section__title{font-size:1.2rem}.feature-section__tagline{font-size:.88rem;margin-bottom:1rem}.feature-section__bullets li{font-size:.82rem;padding:.3rem 0}.feature-section__bullets svg{height:12px;margin-top:2px;width:12px}.feature-section:nth-child(2n){align-items:start;gap:1rem;grid-template-columns:100px 1fr;padding:1.25rem}.feature-section:nth-child(2n) .feature-section__icon-wrap{height:100px;margin:0;width:100px}.feature-section:nth-child(2n) .feature-icon{height:72px;width:72px}.feature-section:nth-child(2n) .feature-section__title{font-size:1.1rem}.feature-section:nth-child(2n) .feature-section__tagline{font-size:.82rem;margin-bottom:.75rem}.feature-section:nth-child(2){background:#818cf805;border-top-color:#818cf880}.feature-section:nth-child(2) .feature-section__number{background:#818cf81f;border-color:#818cf840;color:#818cf8}.feature-section:nth-child(3){background:#34d39905;border-top-color:#34d39980}.feature-section:nth-child(3) .feature-section__number{background:#34d3991f;border-color:#34d39940;color:#34d399}.feature-section:nth-child(4){background:#f472b605;border-top-color:#f472b680}.feature-section:nth-child(4) .feature-section__number{background:#f472b61f;border-color:#f472b640;color:#f472b6}.feature-section:nth-child(5){background:#fbbf2405;border-top-color:#fbbf2480}.feature-section:nth-child(5) .feature-section__number{background:#fbbf241f;border-color:#fbbf2440;color:#fbbf24}.feature-section:nth-child(6){background:#22d3ee05;border-top-color:#22d3ee80}.feature-section:nth-child(6) .feature-section__number{background:#22d3ee1f;border-color:#22d3ee40;color:#22d3ee}.feature-section:nth-child(7){background:#a855f705;border-top-color:#a855f780}.feature-section:nth-child(7) .feature-section__number{background:#a855f71f;border-color:#a855f740;color:#a855f7}}@media (max-width:380px){.feature-section{padding:1.25rem 1rem}.feature-section__icon-wrap{height:140px;width:140px}.feature-icon{height:96px;width:96px}.feature-section__title{font-size:1.1rem}}.credit-display-group{align-items:center;border-left:1px solid #ffffff0d;display:flex;gap:1rem;height:32px;margin-right:.75rem;padding-left:1rem}.btn-upgrade-nav{animation:upgradeGradientShift 4s ease infinite;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);background-size:200% 200%;border:1px solid #ffffff26;border-radius:9999px;box-shadow:0 0 0 0 #3b82f600,0 2px 8px #2563eb40,inset 0 1px 0 #ffffff2e;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;overflow:hidden;padding:.4rem 1.1rem;position:relative;text-transform:uppercase;transition:all .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}@keyframes upgradeGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-upgrade-nav:hover{border-color:#ffffff4d;box-shadow:0 0 16px 2px #3b82f64d,0 4px 16px #2563eb66,inset 0 1px 0 #ffffff40;transform:translateY(-1px) scale(1.03)}.btn-upgrade-nav:active{box-shadow:0 0 8px 1px #3b82f633,0 1px 4px #2563eb4d,inset 0 1px 0 #ffffff1f;transform:translateY(0) scale(.98)}.btn-upgrade-nav:after{background:linear-gradient(90deg,#0000,#ffffff59 50%,#0000);content:"";height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s cubic-bezier(.16,1,.3,1);width:60%}.btn-upgrade-nav:hover:after{left:160%;transition:left .8s cubic-bezier(.16,1,.3,1)}.credit-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;box-shadow:0 2px 8px #0003;display:inline-flex;font-size:.9rem;gap:8px;min-width:-webkit-max-content;min-width:max-content;padding:6px 6px 6px 14px;transition:all .2s ease;white-space:nowrap}.credit-badge:hover{background:#ffffff0d;border-color:#60a5fa4d;box-shadow:0 4px 12px #0000004d}.credit-label{color:#94a3b8;font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.credit-count{color:#60a5fa;font-family:Monaco,Previous Mono,monospace;font-size:.8rem;font-weight:700;margin-right:4px;text-shadow:0 0 10px #60a5fa66}.btn-add-credit{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;box-shadow:0 2px 6px #2563eb66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:24px;justify-content:center;line-height:1;padding-bottom:2px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:24px}.btn-add-credit:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #2563eb99;transform:rotate(90deg) scale(1.1)}.btn-add-credit:active{transform:rotate(90deg) scale(.95)}@media (max-width:768px){.credit-display-group{border-left:none;gap:5px;height:28px;margin-right:0;padding-left:6px}.credit-badge{font-size:.75rem;gap:4px;min-width:0;min-width:auto;padding:3px 3px 3px 8px}.credit-label{display:none}.credit-count{font-size:.75rem;margin-right:1px}.btn-add-credit{font-size:12px;height:18px;width:18px}.btn-upgrade-nav{font-size:.65rem;padding:.25rem .5rem}}.profile-avatar{border-radius:50%;box-shadow:0 4px 16px #00000040;flex-shrink:0;object-fit:cover}.profile-avatar.initials,.profile-avatar.user-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);border:3px solid #ffffff14;color:#fff;display:flex;font-weight:600;justify-content:center}.profile-avatar.user-icon .avatar-icon{height:50%;opacity:.9;width:50%}.avatar-small{font-size:13px;height:36px;width:36px}.avatar-medium{font-size:22px;height:64px;width:64px}.avatar-large{font-size:42px;height:120px;letter-spacing:2px;width:120px}img.profile-avatar{background:#0f141e80;border:3px solid #ffffff0f}.profile-avatar.clickable{cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.profile-avatar.clickable:hover{box-shadow:0 8px 24px #2563eb4d;transform:scale(1.05)}.project-switcher{position:relative}.project-switcher-btn{align-items:center;background:#ffffff12;border:none;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;font-size:13px;gap:6px;max-width:200px;padding:6px 10px;transition:background-color .2s,color .2s}.project-switcher-btn:hover{background:#ffffff1f;color:#fff}.project-switcher-icon{align-items:center;color:#fff6;display:flex}.project-switcher-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-switcher-arrow{align-items:center;color:#ffffff4d;display:flex;transition:transform .2s}.project-switcher-arrow.open{transform:rotate(180deg)}.project-switcher-dropdown{background:#242424;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 32px #00000080;left:0;min-width:240px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:1000}.project-switcher-empty,.project-switcher-error,.project-switcher-loading{color:grey;font-size:13px;padding:16px;text-align:center}.project-switcher-error{color:#ef4444;display:flex;flex-direction:column;gap:8px}.project-switcher-create-empty,.project-switcher-retry{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;text-decoration:underline}.project-switcher-list{max-height:300px;overflow-y:auto;padding:4px}.project-switcher-item{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background-color .15s,color .15s;width:100%}.project-switcher-item:hover{background:#ffffff0f;color:#fff}.project-switcher-item.current{background:#4caf501a;color:#fff}.project-switcher-check{align-items:center;color:#4caf50;display:flex;flex-shrink:0}.project-item-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-role{border-radius:8px;flex-shrink:0;font-size:10px;font-weight:500;padding:2px 7px}.role-owner{background:#f59e0b1f;color:#f59e0b}.role-admin{background:#3b82f61f;color:#3b82f6}.role-writer{background:#22c55e1f;color:#22c55e}.role-reader{background:#6b72801f;color:#9ca3af}.project-switcher-divider{background:#ffffff0f;height:1px;margin:4px 0}.project-switcher-create{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:background-color .15s,color .15s;width:100%}.project-switcher-create:hover{background:#ffffff0a;color:#fffc}.project-create-icon{font-size:16px;font-weight:500}@media (max-width:768px){.project-switcher-btn{font-size:12px;max-width:130px;padding:4px 6px}.project-switcher-name{font-size:12px}.project-switcher-dropdown{left:8px;max-height:70vh;min-width:0;min-width:auto;position:fixed;right:8px;top:50px;width:auto}.project-switcher-item{font-size:12px;padding:8px}.project-item-role{font-size:9px;padding:2px 5px}.project-switcher-create{font-size:12px;padding:8px 10px}}@media (max-width:480px){.project-switcher-btn{max-width:110px}.project-switcher-icon{display:none}}.referral-modal-overlay{align-items:center;animation:referralFadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}@keyframes referralFadeIn{0%{opacity:0}to{opacity:1}}.referral-modal{animation:referralSlideUp .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1c1c1e,#151517);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff0f;max-height:calc(100vh - 48px);max-width:480px;overflow-y:auto;padding:28px 28px 24px;width:100%}.referral-modal::-webkit-scrollbar{width:4px}.referral-modal::-webkit-scrollbar-track{background:#0000}.referral-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@keyframes referralSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.referral-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.referral-modal-title{align-items:center;color:#f0f0f0;display:flex;font-size:1.15rem;font-weight:700;gap:10px;letter-spacing:-.02em}.referral-title-icon{font-size:1.3rem}.referral-modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;transition:all .15s ease;width:30px}.referral-modal-close:hover{background:#ffffff1f;color:#fff}.referral-rewards{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:20px;padding:18px}.referral-rewards h3{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.reward-item{align-items:flex-start;display:flex;gap:10px;padding:8px 0}.reward-item+.reward-item{border-top:1px solid #ffffff0a}.reward-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.reward-text{color:#bbb;font-size:.82rem;line-height:1.55}.reward-text strong{color:#fbbf24;font-weight:600}.referral-link-section{margin-bottom:20px}.referral-link-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.referral-link-box{align-items:center;background:#00000059;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:8px;padding:10px 12px}.referral-link-text{color:#60a5fa;flex:1 1;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;min-width:0;-webkit-user-select:all;user-select:all;word-break:break-all}.referral-copy-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.referral-copy-btn:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.referral-copy-btn.copied{background:linear-gradient(135deg,#059669,#10b981)}.referral-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:14px;text-align:center}.stat-value{font-feature-settings:"tnum";color:#60a5fa;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:700}.stat-label{color:#888;font-size:.68rem;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.referral-invite-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);background-size:200% 200%;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 16px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:13px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.referral-invite-btn:hover{box-shadow:0 6px 20px #2563eb59;transform:translateY(-1px)}.referral-invite-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.referral-invite-note{color:#666;font-size:.7rem;margin-top:8px;text-align:center}.btn-gift-nav{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:all .25s ease}.btn-gift-nav:hover{background:#fbbf241a;transform:scale(1.1)}.btn-gift-nav:active{transform:scale(.95)}.gift-icon-svg{animation:giftPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(251,191,36,.4));transition:filter .2s ease}.btn-gift-nav:hover .gift-icon-svg{filter:drop-shadow(0 0 8px rgba(251,191,36,.7))}@keyframes giftPulse{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.6));transform:scale(1.05)}}@media (max-width:768px){.referral-modal-overlay{padding:16px}.referral-modal{max-width:none;padding:20px}.gift-icon{font-size:1.1rem}.btn-gift-nav{padding:4px}}.projects-shell{background-color:#1a1a1a;display:flex;flex-direction:column;min-height:100vh}.projects-content{margin:0 auto;max-width:1200px;padding:24px;width:100%}.projects-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.projects-header-info h1{color:#e0e0e0;font-size:28px;font-weight:600;margin:0 0 8px}.projects-header-info p{color:grey;font-size:14px;margin:0}.projects-header-actions{align-items:center;display:flex;gap:12px}.projects-view-toggle{background:#252525;border-radius:8px;display:flex;gap:2px;padding:4px}.projects-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:grey;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.projects-view-btn svg{height:18px;width:18px}.projects-view-btn:hover{background:#333;color:#b0b0b0}.projects-view-btn.active{background:#3b82f6;color:#fff}.projects-new-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.projects-new-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.projects-delete-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.projects-delete-btn:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.projects-select-all-btn{background:#252525;border:1px solid #333;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.projects-select-all-btn:hover{background:#333;border-color:#444}.projects-error,.projects-loading{color:grey;font-size:16px;padding:60px 20px;text-align:center}.projects-error{color:#ef4444}.projects-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.projects-empty-icon{color:#404040;height:80px;margin-bottom:24px;width:80px}.projects-empty-icon svg{height:100%;width:100%}.projects-empty h2{color:#e0e0e0;font-size:20px;font-weight:600;margin:0 0 8px}.projects-empty p{color:grey;font-size:14px;margin:0 0 24px}.projects-create-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.projects-create-btn:hover{background:#5558e3}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:#1e1e1e;border:1px solid #ffffff0f;border-radius:10px;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:0;text-decoration:none;transition:border-color .25s,transform .2s,box-shadow .25s}.project-card:hover{border-color:#3b82f666;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px)}.project-card-header{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:10px 12px 0}.project-card-title{color:#d0d0d0;flex:1 1;font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{border-radius:3px;display:inline-block;flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.5px;opacity:.7;padding:1px 5px;text-transform:uppercase}.role-badge--small{font-size:10px;padding:2px 8px}.role-badge--admin,.role-badge--owner{background:#3b82f626;color:#60a5fa}.role-badge--member{background:#22c55e26;color:#4ade80}.role-badge--viewer{background:#6b728026;color:#9ca3af}.project-card-description{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;min-height:0;overflow:hidden;padding:2px 12px 0}.project-card-description--truncate{-webkit-line-clamp:1;line-clamp:1;min-height:21px}.project-card-screenshot{aspect-ratio:16/9;background:#151515;border-radius:0;contain:layout paint;margin-bottom:0;overflow:hidden;position:relative;width:100%}.project-card-screenshot--empty{align-items:center;color:#505050;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center}.project-card-screenshot--empty svg{opacity:.4}.project-card-screenshot-stack{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);width:100%;will-change:transform}.project-card-screenshot-img{display:block;width:100%}.project-card-screenshot-dots{bottom:8px;display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.screenshot-dot{background:#ffffff59;border-radius:50%;height:6px;transition:background .2s,transform .2s;width:6px}.screenshot-dot.active{background:#3b82f6;transform:scale(1.25)}.project-card-screenshot-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;color:#ffffffd9;font-size:10px;font-weight:600;left:8px;letter-spacing:.3px;padding:2px 8px;position:absolute;text-transform:uppercase;top:6px;z-index:2}.project-card-footer{align-items:center;display:flex;justify-content:space-between;padding:6px 12px 10px}.project-card-meta{display:flex;flex-direction:column;gap:4px}.project-card-tasks{align-items:center;color:#555;display:flex;font-size:11px;gap:4px}.project-card-tasks svg{height:11px;width:11px}.project-card-date{color:#444;font-size:10px}.project-card-actions{align-items:center;display:flex;gap:8px}.project-card-delete{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#606060;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.project-card-delete:hover{background:#ef444426;color:#ef4444}.project-card-open{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:5px;color:#888;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:3px;padding:4px 10px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.project-card-open svg{height:12px;width:12px}.project-card-open:hover{background:#ffffff0f;border-color:#fff3;color:#ccc}.projects-list{background:#1e1e1e;border:1px solid #333;border-radius:12px;overflow:hidden}.projects-list-header{background:#252525;border-bottom:1px solid #333;color:grey;display:flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-transform:uppercase}.projects-list-row{border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;padding:16px 20px;transition:background .2s}.projects-list-row:last-child{border-bottom:none}.projects-list-row:hover{background:#252525}.projects-list-col{align-items:center;color:#e0e0e0;display:flex;font-size:14px}.projects-list-col--name{flex:2 1;font-weight:500}.projects-list-col--description,.projects-list-col--name{overflow:hidden;padding-right:16px;text-overflow:ellipsis;white-space:nowrap}.projects-list-col--description{color:grey;flex:3 1}.projects-list-col--role{flex:1 1;min-width:90px}.projects-list-col--tasks{flex:0 0 80px;justify-content:center}.projects-list-col--date{color:grey;flex:0 0 120px;font-size:13px}.projects-list-col--actions{align-items:center;display:flex;flex:0 0 50px;justify-content:flex-end;padding-right:0!important}.project-list-delete{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#606060;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;transform:translateX(10px);transition:all .2s ease;width:32px}.projects-list-row:hover .project-list-delete{opacity:1;transform:translateX(0)}.project-list-delete:hover{background:#ef444426;color:#ef4444}.projects-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:24px;padding:16px 0}.projects-pagination-info{color:grey;font-size:14px}.projects-pagination-controls{align-items:center;display:flex;gap:4px}.projects-pagination-btn{background:#252525;border:1px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:13px;padding:8px 14px;transition:background .2s,border-color .2s}.projects-pagination-btn:hover:not(:disabled){background:#333;border-color:#444}.projects-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.projects-pagination-num{min-width:40px;text-align:center}.projects-pagination-num.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.projects-pagination-ellipsis{color:#606060;font-size:13px;padding:8px 10px}@media (max-width:768px){.projects-header{flex-direction:column;gap:16px}.projects-header-actions{justify-content:space-between;width:100%}.projects-new-btn{flex:1 1;justify-content:center}.project-card{padding:12px}.projects-grid{grid-template-columns:1fr}.project-card-header,.project-card-screenshot{margin-bottom:6px}.project-card-description{font-size:12px;margin-bottom:8px}.project-card-footer{align-items:center;flex-direction:row;gap:8px;padding-top:8px}.project-card-open{font-size:11px;padding:5px 10px}.projects-list-col--description{display:none}.projects-list-col--name{flex:2 1}.projects-list-col--tasks{flex:0 0 50px}.projects-list-col--date{flex:0 0 80px;font-size:12px}.projects-pagination{flex-direction:column;gap:16px}.projects-pagination-controls{flex-wrap:wrap;justify-content:center}}.project-list__heading-row{align-items:baseline;display:flex;gap:16px;justify-content:flex-start;margin:0 0 14px 2px}.project-list__heading-row .project-list__heading{margin:0!important}.project-list__public-link{background:#0000;border:1px solid #ffffff14;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.project-list__public-link:hover{background:#3b82f614;border-color:#3b82f633}.explore-card-owner,.project-card-owner-badge{align-items:center;color:#ffffff59;display:flex;flex-shrink:0;font-size:11px;gap:5px;white-space:nowrap}.owner-badge-avatar{border:1px solid #ffffff1f;border-radius:50%;height:22px;object-fit:cover;width:22px}.owner-badge-icon{height:32px;opacity:.5;width:32px}
/*# sourceMappingURL=main.c6fd70c6.css.map*/