@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=Geist:wght@400;500;600;700&display=swap";.checkout{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--landing-bg)}.checkout__content{position:relative;z-index:var(--z-index-1);display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:0 var(--space-lg)}.checkout__logo-row{display:flex;align-items:center;gap:var(--space-sm-plus);margin-bottom:var(--space-xl)}.checkout__logo-row .logo-mark{width:2.5rem;height:2.5rem}.checkout__company-name{font-family:var(--landing-font-display);font-weight:var(--landing-font-weight-display);font-size:var(--landing-font-size-heading-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--landing-primary);margin:0}.checkout__card{width:100%;border:1px solid var(--landing-border);padding:var(--space-xl) var(--space-xl);display:flex;flex-direction:column}.checkout__plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.checkout__plan-name{font-family:var(--font-family-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--landing-primary);margin:0}.checkout__alpha-badge{font-family:var(--font-family-sans);font-size:var(--landing-font-size-btn-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-bg);background:var(--landing-primary);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-xs)}.checkout__plan-description{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--landing-secondary);margin:0 0 var(--space-lg)}.checkout__features{list-style:none;padding:0;margin:0 0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm-plus)}.checkout__feature{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.4;color:var(--landing-primary);display:flex;align-items:flex-start;gap:var(--space-sm)}.checkout__feature strong{display:block;margin-bottom:var(--space-xxs)}.checkout__feature-detail{display:block;font-size:var(--font-size-sm);line-height:1.5;color:var(--landing-secondary)}.checkout__feature-divider{border:none;border-top:1px solid var(--landing-border);list-style:none;margin:var(--space-sm) 0}.checkout__feature-check{color:var(--landing-primary);font-size:var(--font-size-base);flex-shrink:0;line-height:1.4;margin-top:1px}.checkout__plan-selector{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.checkout__plan-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm-plus) var(--space-md);border:1px solid var(--landing-border);border-radius:var(--radius-xs);background:transparent;color:var(--landing-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);cursor:pointer;transition:border-color .15s}.checkout__plan-option:hover{border-color:var(--landing-primary)}.checkout__plan-option--selected{border-color:var(--landing-primary);background:var(--color-bg-hover)}.checkout__plan-option-name{font-weight:var(--font-weight-semibold)}.checkout__plan-option-price{font-size:var(--font-size-sm);color:var(--landing-secondary)}.checkout__price-section{padding-top:var(--space-xs);margin-bottom:var(--space-lg);display:flex;align-items:baseline;gap:var(--space-xs-plus)}.checkout__price{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);font-size:var(--font-size-5xl);color:var(--landing-primary);margin:0;letter-spacing:-.02em}.checkout__price-original{font-family:var(--font-family-sans);font-size:var(--font-size-2xl);color:var(--landing-secondary);text-decoration:line-through;opacity:.6}.checkout__price-period{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--landing-secondary)}.checkout__cta{width:100%;background:var(--landing-primary);color:var(--landing-bg);border:none;font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:.02em;padding:var(--space-sm-plus) 0;cursor:pointer;transition:opacity .2s;border-radius:var(--radius-xs)}.checkout__cta:hover{opacity:.88}.checkout__cta:disabled{opacity:.3;cursor:default}.checkout__trust{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--landing-footer);text-align:center;margin-top:var(--space-md)}.checkout__error{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--landing-error);margin-bottom:var(--space-sm-plus);text-align:center}@media(max-width:480px){.checkout__card{padding:var(--space-lg) var(--space-md-plus)}.checkout__plan-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.landing-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--landing-bg);overflow:hidden;font-family:var(--landing-font-mono);transition:padding-bottom .4s ease}.landing{position:relative;z-index:var(--z-index-1);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transition:opacity .4s ease}.landing.ready{opacity:1}.logo-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.logo-mark{width:56px;height:56px;flex-shrink:0}.logo-mark svg{width:100%;height:100%}.company-name{font-family:var(--landing-font-display);font-weight:var(--landing-font-weight-display);font-size:clamp(28px,3.5vw,44px);letter-spacing:.06em;text-transform:uppercase;color:var(--landing-primary)}.tagline{font-family:var(--landing-font-mono);font-size:clamp(11px,1.2vw,14px);letter-spacing:.2em;color:var(--landing-secondary);margin-bottom:24px}.tagline-verb{display:inline-block;min-width:5.5ch;text-align:right;transition:color .15s}.tagline-verb.scrambling{color:var(--landing-border)}.dynamic-area{position:relative;height:60px;display:flex;flex-direction:column;align-items:center;transition:height .4s ease}.dynamic-area.expanded{height:260px}.flow-state{display:flex;flex-direction:column;align-items:center;gap:16px;position:absolute;top:0;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.flow-state.active{opacity:1;transform:translateY(0);pointer-events:all;position:relative}.flow-state.exit-up{opacity:0;transform:translateY(-12px)}.cta-buttons{display:flex;gap:12px}.cta-btn{background:transparent;color:var(--landing-secondary);border:1px solid var(--landing-border);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn);letter-spacing:.1em;padding:10px 24px;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.cta-btn:hover,.cta-btn.active{color:var(--landing-primary);border-color:var(--landing-primary)}.inline-form{display:flex;flex-direction:column;align-items:center;gap:8px}.form-row{display:flex;align-items:center}.inline-form input{background:transparent;border:1px solid var(--landing-border);border-right:none;color:var(--landing-primary);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn);letter-spacing:.08em;padding:10px 16px;width:240px;outline:none;transition:border-color .2s}.inline-form input:-webkit-autofill,.inline-form input:-webkit-autofill:focus{box-shadow:var(--landing-autofill-shadow);-webkit-text-fill-color:var(--landing-primary)}.inline-form input::placeholder{color:var(--landing-secondary)}.inline-form input:focus{border-color:var(--landing-primary);border-right:1px solid var(--landing-primary);z-index:var(--z-index-1);position:relative}.inline-form button{background:transparent;color:var(--landing-primary);border:1px solid var(--landing-border);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn-sm);letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:border-color .2s;white-space:nowrap}.inline-form button:hover{border-color:var(--landing-primary)}.success-text{font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn);letter-spacing:.1em;color:var(--landing-secondary);text-transform:uppercase}.error-text{font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn-sm);letter-spacing:.1em;color:var(--landing-error);text-transform:uppercase;margin-top:4px}.back-link{color:var(--landing-back);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-xs);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .2s;background:none;border:none;padding:0}.back-link:hover{color:var(--landing-secondary)}.signin-area{display:flex;flex-direction:column;align-items:center;width:260px}.signin-google{background:#fafafa33;color:var(--landing-google-text);border:none;font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn);letter-spacing:.1em;padding:8px 0;width:100%;cursor:pointer;transition:background .2s,color .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.signin-google:hover{background:#fafafa40;color:var(--landing-primary)}.signin-google:disabled{opacity:.3;cursor:default}.signin-divider{display:flex;align-items:center;gap:16px;width:100%;margin:20px 0;color:var(--landing-border);font-size:var(--landing-font-size-xs);letter-spacing:.15em;text-transform:uppercase}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:#222}.signin-field{width:100%;background:transparent;border:none;border-bottom:1px solid var(--landing-border);color:var(--landing-primary);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn);letter-spacing:.08em;padding:12px 0;outline:none;transition:border-color .3s}.signin-field:-webkit-autofill,.signin-field:-webkit-autofill:focus{box-shadow:var(--landing-autofill-shadow);-webkit-text-fill-color:var(--landing-primary)}.signin-field::placeholder{color:var(--landing-footer)}.signin-field:focus{border-color:var(--landing-primary)}.signin-field+.signin-field{margin-top:4px}.signin-submit{background:transparent;color:var(--landing-secondary);border:none;font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn-sm);letter-spacing:.12em;text-transform:uppercase;padding:12px 0;cursor:pointer;transition:color .2s;margin-top:16px}.signin-submit:hover{color:var(--landing-primary)}.signin-submit:disabled{opacity:.3;cursor:default}.signin-toggle{background:none;border:none;color:var(--landing-secondary);font-family:var(--landing-font-mono);font-size:var(--landing-font-size-xs);letter-spacing:.08em;cursor:pointer;padding:0;margin-top:var(--space-sm);transition:color .2s}.signin-toggle:hover{color:var(--landing-primary)}.landing-footer{position:fixed;bottom:24px;z-index:var(--z-index-1);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--landing-font-mono);font-size:var(--landing-font-size-btn-sm);letter-spacing:.12em;color:var(--landing-footer)}.footer-links{display:flex;align-items:center;gap:20px}.landing-footer a{color:var(--landing-footer);text-decoration:none;transition:color .2s}.landing-footer a:hover{color:var(--landing-primary)}.landing-footer .sep{color:var(--landing-footer-sep)}@media(max-width:480px){.logo-row{gap:12px}.logo-mark{width:40px;height:40px}.company-name{font-size:var(--landing-font-size-mobile-name)}.tagline{font-size:var(--landing-font-size-mobile-tagline);letter-spacing:.15em}.cta-buttons{gap:8px}.cta-btn{font-size:var(--landing-font-size-xs);padding:6px 10px;letter-spacing:.06em}.inline-form input{width:100%;min-width:0;font-size:var(--landing-font-size-xs);padding:6px 10px;letter-spacing:.06em}.inline-form button{font-size:var(--landing-font-size-xs);padding:6px 10px;letter-spacing:.06em}.landing{padding:0 32px}.signin-area{width:100%}}.legal-page{height:100%;width:100%;background-color:var(--landing-bg);font-family:var(--landing-font-mono);color:var(--landing-secondary);display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-gutter:stable}.legal-header{width:100%;max-width:720px;padding:48px 24px 0;display:flex;align-items:center;gap:12px}.legal-header a{color:var(--landing-back);text-decoration:none;font-size:var(--landing-font-size-btn-sm);letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.legal-header a:hover{color:var(--landing-primary)}.legal-content{width:100%;max-width:720px;padding:40px 24px 80px}.legal-content h1{font-family:var(--landing-font-display);font-weight:var(--landing-font-weight-display);font-size:clamp(24px,3vw,36px);letter-spacing:.06em;text-transform:uppercase;color:var(--landing-primary);margin:0 0 8px}.legal-meta{font-size:var(--landing-font-size-btn-sm);letter-spacing:.1em;color:var(--landing-back);margin-bottom:48px}.legal-content h2{font-family:var(--landing-font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--landing-primary);margin:48px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--landing-border)}.legal-content h3{font-family:var(--landing-font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--landing-primary);margin:32px 0 12px}.legal-content p{font-size:var(--font-size-sm);line-height:1.8;letter-spacing:.04em;margin:0 0 16px}.legal-content ul,.legal-content ol{font-size:var(--font-size-sm);line-height:1.8;letter-spacing:.04em;margin:0 0 16px;padding-left:24px}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--landing-primary);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.legal-content a:hover{color:var(--landing-secondary)}.legal-content .all-caps{text-transform:uppercase;font-size:var(--font-size-xs-plus);letter-spacing:.06em;line-height:1.9}.legal-content .contact-block{margin:12px 0 16px;padding-left:16px;border-left:1px solid var(--landing-border)}.legal-content .contact-block p{margin:0 0 4px}.legal-footer{width:100%;max-width:720px;padding:0 24px 48px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--landing-font-size-btn-sm);letter-spacing:.12em;color:var(--landing-footer)}.legal-footer a{color:var(--landing-footer);text-decoration:none;transition:color .2s}.legal-footer a:hover{color:var(--landing-primary)}.legal-footer .footer-links{display:flex;align-items:center;gap:20px}.legal-footer .sep{color:var(--landing-footer-sep)}@media(max-width:480px){.legal-header{padding:32px 20px 0}.legal-content{padding:32px 20px 60px}.legal-content h1{font-size:var(--font-size-2xl)}}.project-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-xxs)}.project-card{position:relative;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;cursor:pointer;background:var(--color-bg-inset)}.project-card:hover .project-card__more-btn{opacity:1}.project-card--active{outline:2px solid var(--color-border-focus);outline-offset:-2px}.project-card__thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.project-card__thumb img{width:100%;height:100%;object-fit:cover}.project-card__overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:var(--space-xs);padding:var(--space-sm);background:#1e1e1eb3}.project-card__more-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:0;background:transparent;color:var(--color-primary);cursor:pointer;opacity:0;transition:opacity .2s ease}.project-card__more-btn:hover{color:var(--color-text)}.project-card__info{flex:1;min-width:0}.project-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.project-card__rename-input{width:100%;padding:var(--space-xxs) 0;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;outline:none}.project-browser-list{display:flex;flex-direction:column;gap:var(--space-sm)}.project-browser-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-sm)}.project-browser-list-item:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-md);transform:translate(2px)}.project-browser-list-item--active{border-color:var(--color-border-focus)}.project-browser-list-item__thumb{width:10rem;height:6rem;border-radius:var(--radius-inner);overflow:hidden;flex-shrink:0;background:var(--color-bg-inset);display:flex;align-items:center;justify-content:center}.project-browser-list-item__thumb img{width:100%;height:100%;object-fit:cover}.project-browser-list-item__name{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-browser-list-item__current{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.project-browser-list-item__date{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0;min-width:4.5rem;text-align:right}.project-browser-list-item__rename-input{width:100%;padding:var(--space-xs) 0;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;outline:none}.modal-overlay{position:fixed;inset:0;background:var(--project-browser-overlay-bg);-webkit-backdrop-filter:blur(var(--space-sm));backdrop-filter:blur(var(--space-sm));display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);animation:modal-overlay-in .15s ease forwards}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;max-height:80vh;animation:modal-in .15s ease forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal--sm{width:min(18rem,90%)}.modal--md{width:min(24rem,90%)}.modal--lg{width:min(28rem,90%)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) 0;flex-shrink:0}.modal__title{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-inner);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.modal__body{padding:var(--space-md) var(--space-lg);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg);flex-shrink:0}.modal__btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:background .15s ease,opacity .15s ease}.modal__btn--secondary{background:var(--color-bg-active);color:var(--color-text)}.modal__btn--secondary:hover{opacity:.85}.modal__btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.modal__btn--primary:hover{background:var(--color-primary-hover)}.modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.modal__btn--danger{background:var(--color-danger-btn);color:var(--color-text-on-primary)}.modal__btn--danger:hover{background:var(--color-danger-btn-hover)}.modal__input{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.modal__input::placeholder{color:var(--color-text-secondary)}.modal__input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-sm)}.modal__text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}@media(max-width:600px){.modal--sm,.modal--md,.modal--lg{width:calc(100% - 2 * var(--space-md))}}.dropdown-menu__trigger-wrapper{display:inline-flex}.dropdown-menu{z-index:var(--z-index-dropdown);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xxs) 0;box-shadow:var(--shadow-md);animation:dropdown-menu-in .12s ease forwards}@keyframes dropdown-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--menu-item-padding-y) var(--menu-item-padding-x);background:none;border:none;border-radius:0;font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease}.dropdown-menu__item:hover{background:var(--color-bg-hover);color:var(--color-text)}.dropdown-menu__item--selected{color:var(--color-text)}.dropdown-menu__item--danger{color:var(--color-danger-text)}.dropdown-menu__item--danger:hover{background:var(--color-danger-bg-hover);color:var(--color-danger-text-hover)}.dropdown-menu__item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:inherit;opacity:.7}.dropdown-menu__item:hover .dropdown-menu__item-icon{opacity:1}.kbd-badge{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:2px 6px;border:1px solid var(--color-border-light);border-radius:var(--radius-xs);background:var(--color-primary-transparent)}.control-strip{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:35vh;padding:0 var(--space-lg);padding-top:calc(17.5vh - 26px);padding-bottom:var(--space-lg);box-sizing:border-box;overflow:visible;flex-shrink:0}.control-strip__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);z-index:var(--z-index-1);max-width:680px;width:100%;transform:translateY(-5%);opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.control-strip--mounted .control-strip__hero{opacity:1}.control-strip__brand{display:flex;align-items:center;gap:10px}.control-strip__brand .logo-mark{width:28px;height:28px}.control-strip__brand .logo-mark svg{width:100%;height:100%}.control-strip__brand-name{font-family:var(--landing-font-display);font-size:clamp(18px,2.5vw,24px);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.control-strip__input-container{position:relative;width:100%;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-primary-transparent);transition:border-color .7s cubic-bezier(.22,1,.36,1),background-color .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1)}.control-strip__input-container:focus-within{border-color:var(--color-card-hover-border);background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.control-strip__input-row{display:flex;align-items:center;gap:var(--space-sm);min-height:54px;padding:14px 20px}.control-strip__input{flex:1;box-sizing:border-box;padding:0;border:none;outline:none;background:transparent;font-family:Courier Prime,Courier New,monospace;color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;caret-color:var(--color-text);resize:none;overflow-y:hidden;max-height:6em}.control-strip__input.control-strip__input--scrollable{overflow-y:auto}.control-strip__input::placeholder{color:var(--color-text-tertiary)}.control-strip__build-btn{flex-shrink:0;padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;font-family:Courier Prime,Courier New,monospace;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .15s ease}.control-strip__build-btn:hover{color:var(--color-text-secondary);border-color:var(--color-card-hover-border)}.control-strip__build-btn--active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.control-strip__build-btn--active:hover{opacity:.85;color:var(--color-bg)}.control-strip__build-btn:disabled{opacity:.4;pointer-events:none}.control-strip__prompt-hint{position:absolute;top:100%;left:0;right:0;padding:var(--space-xs) 20px;animation:prompt-hint-in .3s cubic-bezier(.22,1,.36,1) both}.control-strip__suggestion{display:inline-flex;align-items:baseline;gap:4px;padding:0;border:none;background:none;font-family:inherit;font-size:var(--font-size-sm-plus);color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease;white-space:nowrap}.control-strip__suggestion:hover{color:var(--color-text-secondary)}.control-strip__suggestion-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:underline;text-decoration-color:var(--color-card-hover-border);text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.control-strip__suggestion:hover .control-strip__suggestion-label{color:var(--color-text);text-decoration-color:var(--color-text-tertiary)}@keyframes prompt-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-strip__input--submitting{opacity:.5;pointer-events:none}.control-strip__results{position:absolute;top:calc(100% + 6px);left:0;right:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);max-height:280px;overflow-y:auto;padding:var(--space-xxs) 0;z-index:var(--z-index-dropdown);box-shadow:var(--shadow-md);animation:dropdown-in .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.control-strip__section{padding:var(--space-xxs) 0}.control-strip__section-label{padding:var(--space-xs) 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.control-strip__item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;transition:background .1s ease,color .1s ease}.control-strip__item:hover,.control-strip__item--active{background:var(--color-bg-hover)}.control-strip__item-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color .1s ease}.control-strip__item--active .control-strip__item-label,.control-strip__item:hover .control-strip__item-label{color:var(--color-text)}.control-strip__glow{position:absolute;top:50%;left:50%;width:500px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgb(255 255 255 / 3%) 0%,transparent 70%);pointer-events:none;z-index:0}@media(max-width:900px){.control-strip{min-height:30vh;padding-top:calc(15vh - 26px);padding-left:var(--space-md);padding-right:var(--space-md)}}@media(max-width:600px){.control-strip{min-height:28vh;padding-top:calc(14vh - 23px);padding-left:var(--space-md);padding-right:var(--space-md)}.control-strip__input-row{min-height:46px;padding:12px var(--space-md)}.control-strip__input{font-size:var(--font-size-sm-plus)}.control-strip__glow{width:300px;height:180px}}.filter-tabs{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:#ffffff08}.filter-tabs__tab{padding:4px 12px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;transition:color .15s ease,background .15s ease;white-space:nowrap}.filter-tabs__tab:hover{color:var(--color-text-secondary)}.filter-tabs__tab--active{background:var(--color-bg-active);color:var(--color-primary)}.sort-dropdown__trigger{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.sort-dropdown__trigger:hover{border-color:var(--color-card-hover-border);color:var(--color-secondary-hover)}.sort-dropdown__label{font-size:var(--font-size-sm)}.sort-dropdown__chevron{flex-shrink:0;transition:transform .2s ease}.sort-dropdown__trigger[aria-expanded=true] .sort-dropdown__chevron{transform:rotate(180deg)}.projects-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.projects-state__heading{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.projects-state__subtext{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.08em;color:var(--color-secondary)}.projects-state__cta{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs-plus);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease}.projects-state__cta:hover{border-color:var(--color-text-tertiary);color:var(--color-primary)}.skeleton-grid--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skeleton-grid--list{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-card--grid{border-radius:var(--radius);border:1px solid var(--color-border-light);overflow:hidden}.skeleton-card--grid .skeleton-card__thumbnail{aspect-ratio:16 / 10;background:var(--color-primary-transparent)}.skeleton-card--grid .skeleton-card__meta{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:6px}.skeleton-card--grid .skeleton-card__title{height:14px;width:60%;border-radius:var(--radius-xs);background:var(--color-bg-tertiary)}.skeleton-card--grid .skeleton-card__date{height:10px;width:30%;border-radius:var(--radius-xs);background:var(--color-primary-transparent)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.slide-over-backdrop{position:fixed;inset:0;z-index:var(--z-index-modal);background:#0006;animation:slide-over-backdrop-in .3s ease forwards}@keyframes slide-over-backdrop-in{0%{opacity:0}to{opacity:1}}.slide-over-panel{position:absolute;top:0;right:0;width:460px;height:100%;background:var(--color-bg);border-left:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-over-panel-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-over-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-bg-tertiary)}.slide-over-panel__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.slide-over-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xl);cursor:pointer;transition:background .15s ease,color .15s ease}.slide-over-panel__close:hover{background:var(--color-bg-active);color:var(--color-secondary-hover)}.slide-over-panel__body{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-lg)}.panel-section{margin-bottom:var(--space-lg)}.panel-section__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-sm)}.panel-section__value{font-size:var(--font-size-sm-plus);color:var(--color-secondary-hover)}.panel-section__value--capitalize{text-transform:capitalize}.panel-section__input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--font-size-sm-plus);outline:none;transition:border-color .2s ease;box-sizing:border-box}.panel-section__input:focus{border-color:var(--color-border-focus)}.panel-button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs-plus);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease}.panel-button:hover{border-color:var(--color-text-tertiary);color:var(--color-primary)}.panel-button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.slide-over-panel{width:100%}}.stage{position:relative;height:100vh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden}.stage__content{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-lg) var(--space-md);box-sizing:border-box}.stage__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.stage__grid{margin-top:0}@media(max-width:1200px){.stage__content{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media(max-width:900px){.stage__content{padding-left:20px;padding-right:20px}}@media(max-width:600px){.stage__content{padding-left:var(--space-md);padding-right:var(--space-md)}}.editor-tabs{display:flex;align-items:stretch;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);overflow-x:auto;min-height:32px;position:relative;z-index:var(--z-index-sticky, 10)}.editor-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.editor-tab:hover{background:var(--color-bg-hover)}.editor-tab.active{background:var(--color-bg);color:var(--color-text);font-weight:var(--font-weight-medium);border-bottom:2px solid var(--color-accent, var(--color-primary))}.editor-tab-icon{display:flex;align-items:center;flex-shrink:0}.editor-tab-name{overflow:hidden;text-overflow:ellipsis}.editor-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1;cursor:pointer;padding:0}.editor-tab-close:hover{background:var(--color-bg-active);color:var(--color-text)}.editor-tab.preview .editor-tab-name{font-style:italic}.file-tree{display:flex;flex-direction:column;height:100%;font-size:var(--font-size-base);font-family:var(--font-family-sans);color:var(--color-text);background:var(--color-bg-secondary)}.file-tree-actions{display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-light)}.file-tree-actions button{padding:var(--space-xxs) var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-xs);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer}.file-tree-actions button:hover{background:var(--color-bg-hover)}.file-tree-list{flex:1;overflow-y:auto}.file-tree-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.file-tree-item:hover{background:var(--color-bg-hover)}.file-tree-item.active{background:var(--color-bg-active);color:var(--color-text);font-weight:var(--font-weight-medium)}.file-tree-item.directory{color:var(--color-text-secondary)}.file-tree-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.file-tree-truncated{padding:var(--space-xs) var(--space-sm);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-border-light)}.file-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-delete{display:none;padding:0 var(--space-xxs);border:none;background:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;line-height:1}.file-tree-item:hover .file-tree-delete{display:inline-block}.file-tree-delete:hover{color:var(--color-danger)}.file-tree-inline-input-row{padding:var(--space-xxs) var(--space-sm);border-bottom:1px solid var(--color-border-light)}.file-tree-inline-input{width:100%;padding:var(--space-xxs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family-sans);outline:none}.file-tree-inline-input:focus{border-color:var(--color-border-focus, var(--color-border))}.file-tree-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.preview-panel{position:relative;display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.preview-iframe{flex:1;width:100%;height:100%;border:none}.project-brand{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);cursor:pointer;pointer-events:auto;transition:background .15s ease,border-color .15s ease}.project-brand:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.project-brand__logo{width:var(--icon-size-sm);height:var(--icon-size-sm);object-fit:contain}.project-brand__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-brand__chevron{color:var(--color-text-secondary);flex-shrink:0}.project-brand__dropdown{position:absolute;top:calc(100% + var(--space-xs-plus));left:var(--space-md);min-width:200px;background:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-index-dropdown);pointer-events:auto;animation:projectBrandFadeIn .15s ease-out}@keyframes projectBrandFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-brand__menu-item{width:100%;display:flex;align-items:center;gap:var(--space-sm-plus);padding:var(--space-xs) var(--space-sm-plus);background:none;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color .15s ease}.project-brand__menu-item:hover:not(:disabled){background:var(--color-bg-tertiary)}.project-brand__menu-item--disabled{opacity:.5;cursor:default}.project-brand__menu-item svg{color:var(--color-text-secondary);flex-shrink:0}.project-brand__separator{height:var(--border-width-thin);background-color:var(--color-border);margin:var(--space-xs) calc(-1 * var(--space-xs))}.project-brand--editing{pointer-events:auto;cursor:default}.project-brand__inline-input{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;border:none;outline:none;font-family:inherit;max-width:12rem;padding:0}.activity-log{--activity-log-bg: rgb(255 255 255 / 2.5%);--activity-log-border: rgb(255 255 255 / 5%);--activity-log-hover-bg: rgb(255 255 255 / 3%);--activity-log-icon: rgb(255 255 255 / 45%);--activity-log-text-active: rgb(255 255 255 / 50%);--activity-log-text-muted: rgb(255 255 255 / 30%);--activity-log-detail: rgb(255 255 255 / 55%);--activity-log-duration: rgb(255 255 255 / 20%);--activity-log-separator: rgb(255 255 255 / 15%);--activity-log-collapsed-text: rgb(255 255 255 / 35%);--activity-log-collapsed-hover-bg: rgb(255 255 255 / 4%);background:var(--activity-log-bg);border:1px solid var(--activity-log-border);border-radius:var(--radius-sm);margin:var(--space-sm) 0;font-size:var(--font-size-sm);line-height:1.5}.activity-log:first-child{margin-top:0}.activity-log:last-child{margin-bottom:0}.activity-log-running-header,.activity-log-completed-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs-plus) var(--space-sm);width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);text-align:left}.activity-log-running-header:hover,.activity-log-completed-header:hover{background:var(--activity-log-hover-bg);border-radius:var(--radius-sm)}.activity-log-running-header{color:var(--activity-log-text-active)}.activity-log-completed-header{color:var(--activity-log-icon)}.activity-log-completed-icon{color:var(--activity-log-icon);flex-shrink:0}.activity-log-completed-label{color:var(--activity-log-icon)}.activity-log-completed-toggle{margin-left:auto;color:var(--activity-log-text-muted);font-size:var(--font-size-xs-plus);white-space:nowrap}.activity-log--expanded .activity-log-completed-header,.activity-log--expanded .activity-log-running-header{background:var(--activity-log-hover-bg)}.activity-log-body{padding:0 var(--space-sm) var(--space-xs-plus)}.activity-log-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xxs) 0;min-width:0}.activity-log-icon{flex-shrink:0;width:1em;text-align:center;font-size:var(--font-size-xs-plus)}.activity-log-icon--done,.activity-log-icon--error{color:var(--activity-log-icon)}.activity-log-action{flex-shrink:0;width:3.5em;color:var(--color-text-tertiary)}.activity-log-detail{flex:1;min-width:0;color:var(--activity-log-detail);font-family:var(--font-family-mono);font-size:var(--font-size-xs-plus);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-log-duration{flex-shrink:0;color:var(--activity-log-duration);font-size:var(--font-size-xs-plus);font-variant-numeric:tabular-nums;margin-left:auto}.activity-log-spinner{display:inline-block;width:.75em;height:.75em;border:1.5px solid var(--color-border);border-top-color:var(--color-text-tertiary);border-radius:var(--radius-circle);animation:activity-log-spin .8s linear infinite;flex-shrink:0}@keyframes activity-log-spin{to{transform:rotate(360deg)}}.activity-log-collapsed-group{padding:var(--space-xxs) 0}.activity-log-collapsed-toggle{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xxs) var(--space-xs);border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);color:var(--activity-log-collapsed-text);text-align:left;border-radius:var(--radius-xs)}.activity-log-collapsed-toggle:hover{background:var(--activity-log-collapsed-hover-bg);color:var(--activity-log-text-active)}.activity-log-collapsed-arrow{flex-shrink:0;width:.75em;font-size:var(--font-size-xs-plus)}.activity-log-collapsed-count{font-variant-numeric:tabular-nums}.activity-log-collapsed-separator{color:var(--activity-log-separator)}.activity-log-collapsed-summary{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-log-collapsed-items{padding-left:var(--space-xs);margin-top:var(--space-xxs);border-left:1px solid var(--activity-log-border)}.loading-effect{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.loading-effect-particle{position:absolute;width:2px;height:2px;background-color:var(--particle-color, var(--color-text-on-primary));border-radius:var(--radius-circle);animation:loading-effect-spread-gather 1.8s ease-in-out infinite;animation-delay:calc(var(--particle-index) * .04s);left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes loading-effect-spread-gather{0%,to{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1);opacity:1}50%{transform:translate(-50%,-50%) translate(var(--spread-x),var(--spread-y)) scale(.7);opacity:.5}}.thread-status-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;animation:thread-status-fade-in .2s ease}@keyframes thread-status-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.thread-status-indicator-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.thread-status-indicator-icon .loading-effect{transform:scale(.8)}.thread-status-indicator-icon .loading-effect-particle{--particle-color: var(--color-text-secondary)}.thread-status-indicator-label{font-size:var(--font-size-sm-plus);color:var(--color-text-secondary)}.thread-status-activity{padding:0 var(--space-md)}.thread-messages{flex:1;padding:var(--space-sm) 0;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:var(--space-xs)}.thread-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm-plus);text-align:center;margin:auto}.thread-message{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);max-width:100%;animation:thread-message-fade-in .3s ease}@keyframes thread-message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thread-message-user{color:var(--color-text)}.thread-message-user .message-content{background:var(--thread-msg-user-bg);border-radius:var(--message-radius);padding:var(--space-sm) var(--space-md)}.thread-message-assistant{color:var(--color-text)}.thread-message-loading{align-self:flex-start;background:transparent;border:var(--border-width-thin) solid var(--color-border);opacity:.7}.message-role{display:none}.message-content{font-size:var(--font-size-md);line-height:1.5;word-break:break-word;overflow-wrap:break-word}.message-content p{margin:0}.message-content p+p{margin-top:var(--space-sm)}.message-content strong{font-weight:var(--font-weight-semibold)}.message-content ul,.message-content ol{margin:var(--space-xs) 0;padding-left:var(--space-lg)}.message-content li{margin:var(--space-xxs) 0}.message-content code{background:var(--color-bg-tertiary);padding:.125em .375em;border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.message-content pre{background:var(--color-bg-tertiary);padding:var(--space-sm);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-sm) 0}.message-content pre code{background:none;padding:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:var(--space-sm) 0 var(--space-xs) 0;font-weight:var(--font-weight-semibold);line-height:1.3}.message-content h1{font-size:var(--font-size-lg)}.message-content h2{font-size:var(--font-size-base)}.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-size:var(--font-size-sm-plus)}.message-content blockquote{border-left:3px solid var(--color-border);margin:var(--space-sm) 0;padding-left:var(--space-sm);color:var(--color-text-secondary)}.message-content a{color:var(--thread-msg-link-color);text-decoration:underline}.message-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-sm) 0}.streaming-indicator,.streaming-cursor{display:inline;color:var(--color-text);animation:streaming-blink 1s infinite;font-weight:var(--font-weight-normal);margin-left:2px}.thread-message.streaming .message-content>p:last-of-type{display:inline!important}.thread-message.streaming .message-content>ul:last-of-type,.thread-message.streaming .message-content>ol:last-of-type,.thread-message.streaming .message-content>pre:last-of-type,.thread-message.streaming .message-content>blockquote:last-of-type{display:inline-block!important}.thread-message.streaming .activity-log{display:block!important}@keyframes streaming-blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-interrupted{margin-top:var(--space-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic}.message-tools{margin-top:var(--space-sm);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tool-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--message-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.session-history-menu{position:relative;display:flex;align-items:center}.session-history-menu__trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition)}.session-history-menu__trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-border-focus);transform:scale(1.05)}.session-history-menu__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:320px;max-width:400px;max-height:480px;overflow:hidden;z-index:var(--z-index-dropdown);animation:sessionHistoryFadeIn .15s ease-out;display:flex;flex-direction:column}@keyframes sessionHistoryFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.session-history-menu__search{padding:var(--space-xs) var(--space-sm)}.session-history-menu__search-input{width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);outline:none;transition:border-color var(--transition)}.session-history-menu__search-input::placeholder{color:var(--color-text-secondary)}.session-history-menu__search-input:focus{border-color:var(--color-border-focus)}.session-history-menu__list{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-xs) 0}.session-history-menu__group{margin-bottom:var(--space-xxs)}.session-history-menu__group-label{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.03em}.session-history-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:calc(100% - var(--space-xs));padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xxs);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition)}.session-history-menu__item:hover{background:var(--color-bg-tertiary)}.session-history-menu__item.is-active{background:var(--color-bg-secondary)}.session-history-menu__item svg{flex-shrink:0;color:var(--color-text-secondary);width:14px;height:14px}.session-history-menu__item-title{flex:1;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-history-menu__item-actions{display:flex;align-items:center;gap:var(--space-xxs);flex-shrink:0;opacity:0;transition:opacity var(--transition)}.session-history-menu__item:hover .session-history-menu__item-actions{opacity:1}.session-history-menu__action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.session-history-menu__action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.session-history-menu__action-btn--danger:hover{color:var(--color-danger-text)}.session-history-menu__rename-input{flex:1;padding:0;background:transparent;border:none;border-bottom:var(--border-width-thin) solid var(--color-border-focus);font-size:var(--font-size-sm);color:var(--color-text);outline:none;min-width:0}.session-history-menu__spinner{width:14px;height:14px;flex-shrink:0;border:var(--border-width-medium) solid var(--color-bg-tertiary);border-top-color:var(--color-text-secondary);border-radius:var(--radius-circle);animation:session-spinner .8s linear infinite}@keyframes session-spinner{to{transform:rotate(360deg)}}.session-history-menu__empty{padding:var(--space-md) var(--space-sm);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.command-input-container{position:relative;flex:1;min-width:0}.command-input-placeholder{position:absolute;top:0;left:0;right:0;padding:var(--space-xs) 0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-input[data-variant=floating] .command-input-placeholder{font-size:var(--font-size-lg);color:var(--floating-input-placeholder);padding:var(--space-sm) var(--space-sm)}.command-input-paragraph{margin:0}.slash-command-chip{display:inline;padding:var(--space-xs) var(--space-xs);background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--radius-sm);font-size:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:baseline}.unified-input[data-variant=floating] .slash-command-chip{background:var(--color-overlay-tint);color:var(--floating-input-text)}.image-reference-chip{display:inline;padding:var(--space-xs) var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:baseline}.image-reference-chip-thumbnail{width:1em;height:1em;border-radius:var(--radius-xs);overflow:hidden;display:inline-block;vertical-align:middle;margin-right:var(--space-xxs);background:var(--color-bg-tertiary)}.image-reference-chip-thumbnail img{width:100%;height:100%;object-fit:cover}.image-reference-chip-thumbnail-placeholder,.image-reference-chip-thumbnail-fallback{width:100%;height:100%;background:var(--color-bg-tertiary)}.image-reference-chip-label{font-weight:var(--font-weight-medium);color:var(--color-text)}.unified-input[data-variant=floating] .image-reference-chip{background:var(--color-overlay-tint)}.unified-input[data-variant=floating] .image-reference-chip-label{color:var(--floating-input-text)}.unified-input{position:relative;display:flex;flex-direction:column;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color var(--transition)}.unified-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-soft)}.unified-input-row{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)}.unified-input-textarea{flex:1;min-width:0;padding:var(--space-xs) 0;font-size:var(--font-size-base);font-family:inherit;line-height:1.5;background:transparent;border:none;outline:none;resize:none;max-height:200px;overflow-y:auto;color:var(--color-text)}.unified-input-textarea::placeholder{color:var(--color-text-secondary)}.unified-input-send-btn{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);cursor:pointer;transition:all var(--transition)}.unified-input-send-btn:hover:not(:disabled){opacity:.85;transform:scale(1.02)}.unified-input-send-btn:disabled{opacity:.5;cursor:not-allowed}.unified-input-send-btn[data-loading]{opacity:1;cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.unified-input-send-btn[data-loading]:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.unified-input .selected-node-list{padding:var(--space-sm);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.unified-input[data-variant=floating]{background:var(--floating-input-bg);border-color:var(--floating-input-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.unified-input[data-variant=floating]:focus-within{border-color:var(--floating-input-border);box-shadow:var(--shadow-lg)}.unified-input[data-variant=floating] .unified-input-row{padding:var(--space-sm);gap:var(--space-xs)}.unified-input[data-variant=floating] .unified-input-textarea{color:var(--floating-input-text);font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-sm)}.unified-input[data-variant=floating] .unified-input-textarea::placeholder{color:var(--floating-input-placeholder)}.unified-input[data-variant=floating] .unified-input-send-btn{width:36px;height:36px;background:var(--color-bg)}.unified-input[data-variant=floating] .unified-input-send-btn:hover:not(:disabled){background:var(--color-bg-secondary)}.unified-input[data-variant=floating] .unified-input-send-btn:disabled{background:var(--color-overlay-tint)}.unified-input[data-variant=floating] .unified-input-send-btn[data-loading]{background:var(--color-overlay-tint);color:var(--floating-input-placeholder)}.unified-input[data-variant=floating] .unified-input-send-btn[data-loading]:hover{background:var(--color-overlay-tint-hover);color:var(--floating-input-text)}.unified-input[data-variant=floating] .selected-node-list{background:var(--color-overlay-tint);border-radius:var(--radius-md);border-bottom:none;margin:var(--space-sm);margin-bottom:0;padding:var(--space-sm)}.thread{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:var(--color-bg-thread)}.thread-header{position:sticky;top:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg-thread);display:flex;align-items:center;justify-content:space-between;min-height:52px;z-index:var(--z-index-sticky);pointer-events:none}.thread-header-actions{display:flex;gap:var(--space-xxs);pointer-events:auto}.thread-header__sidebar-toggle{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.thread-header__sidebar-toggle:hover{background:var(--color-bg-hover);color:var(--color-text)}.new-chat-button{width:28px;height:28px;border:none;background:transparent;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.new-chat-button:hover:not(:disabled){background:var(--color-bg-thread);border-color:var(--color-border-focus);transform:scale(1.05)}.new-chat-button:disabled{opacity:.5;cursor:not-allowed}.thread-input-area{padding:var(--space-md);background:var(--color-bg-thread)}.editor-dark{--color-bg: #0f0f0f;--color-bg-primary: #0f0f0f;--color-bg-secondary: #171717;--color-bg-tertiary: #1c1c1c;--color-bg-hover: #252525;--color-bg-active: #2e2e2e;--color-bg-dark: #0a0a0a;--color-text: #ebebeb;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-inverse: #0f0f0f;--color-text-on-primary: #0f0f0f;--color-border: #333;--color-border-light: #272727;--color-primary: #e0e0e0;--color-primary-hover: #fff;--color-primary-disabled: #555;--color-primary-light: #2a2a2a;--color-primary-transparent: rgb(255 255 255 / 8%);--color-accent: #d4d4d4;--color-accent-hover: #fff;--color-accent-subtle: rgb(255 255 255 / 6%);--color-active: #34d399;--color-active-bg: rgb(52 211 153 / 10%);--color-error: #f87171;--color-error-bg: rgb(248 113 113 / 10%);--color-error-hover: #ef4444;--color-status-success: #34d399;--color-status-success-bg: rgb(52 211 153 / 10%);--color-status-error: #f87171;--color-status-error-bg: rgb(248 113 113 / 10%);--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-text: #f87171;--color-danger-bg-hover: rgb(248 113 113 / 12%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 20%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 30%), 0 2px 4px -1px rgb(0 0 0 / 20%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 30%), 0 4px 6px -2px rgb(0 0 0 / 20%);--shadow-xl: 0 18px 28px -10px rgb(0 0 0 / 40%), 0 8px 12px -8px rgb(0 0 0 / 30%);--shadow-soft: 2px 2px 10px rgb(0 0 0 / 30%);--color-overlay-dimmed: rgb(0 0 0 / 60%);--scrollbar-thumb: rgb(255 255 255 / 12%);--scrollbar-thumb-hover: rgb(255 255 255 / 20%);--color-warning-bg: rgb(251 191 36 / 10%);--color-warning-text: #fbbf24;--color-card-hover-border: var(--color-accent);--color-card-active-bg: rgb(255 255 255 / 4%);--color-card-selected-bg: rgb(255 255 255 / 8%);--color-secondary: #888;--color-secondary-hover: #aaa;--editor-font-size: 13;--editor-font-family: "Fira Code", "SF Mono", Monaco, Menlo, Consolas, monospace;--file-tree-indent-size: 12px;--file-tree-indent-base: 8px}.workspace-mobile-guard{display:none}@media(max-width:768px){.workspace-mobile-guard{display:flex;position:fixed;inset:0;z-index:var(--z-index-modal);align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-lg)}.workspace-mobile-guard__content{text-align:center;max-width:320px}.workspace-mobile-guard__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-sm)}.workspace-mobile-guard__text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}}.workspace{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background:var(--color-bg)}.sandbox-lifetime-warning{background:var(--color-warning-bg);color:var(--color-warning-text);text-align:center;padding:var(--space-xs-plus) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-shrink:0}.right-panel__sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);margin-right:var(--space-xs)}.right-panel__sidebar-toggle:hover{background:var(--color-bg-hover);color:var(--color-text)}.right-panel__collapsed-header{display:flex;align-items:center;position:relative;padding-left:var(--space-sm);margin-right:var(--space-md)}.right-panel__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.right-panel__action-btn{padding:var(--space-xs) var(--space-sm-plus);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.right-panel__action-btn:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border)}.right-panel__action-btn--primary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border)}.right-panel__action-btn--primary:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.workspace-panels{flex:1;overflow:hidden}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.resize-handle{width:1px;background:var(--color-border-light);cursor:col-resize;transition:background .15s ease,width .15s ease}.resize-handle:hover{width:2px;background:var(--color-border)}.right-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.right-panel__tabs{display:flex;align-items:center;gap:var(--space-xxs);padding:0 var(--space-sm);background:var(--color-bg-thread);min-height:52px;-webkit-user-select:none;user-select:none}.right-panel__tab{position:relative;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s ease}.right-panel__tab:hover{color:var(--color-text-secondary)}.right-panel__tab.active{color:var(--color-text)}.right-panel__tab.active:after{content:"";position:absolute;bottom:-1px;left:var(--space-sm);right:var(--space-sm);height:2px;background:var(--color-text);border-radius:var(--radius-xs)}.right-panel__content{flex:1;overflow:hidden}.preview-panel-container{background:var(--color-bg)}.preview-panel-container--hidden{display:none}.code-panel{display:flex;height:100%;overflow:hidden}.code-panel__sidebar{display:flex;flex-direction:column;height:100%;background:var(--color-bg-secondary);overflow:hidden}.code-panel__editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-content{flex:1;overflow:hidden;position:relative;z-index:0}.editor-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-base)}.sandbox-status-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--space-sm);color:var(--color-text-secondary)}.sandbox-status-message{font-size:var(--font-size-base)}.sandbox-status-error{font-size:var(--font-size-base);color:var(--color-danger)}.sandbox-status-info{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;max-width:360px;line-height:1.5}.sandbox-retry-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.sandbox-retry-btn:hover{background:var(--color-bg-hover)}.preview-loading-spinner{width:28px;height:28px;border:2px solid var(--color-border-light);border-top-color:var(--color-text-secondary);border-radius:var(--radius-circle);animation:preview-spin .8s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.verify-email-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text);font-family:var(--font-family-mono)}.verify-email-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);max-width:400px;padding:var(--space-xl);text-align:center}.verify-email-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-text);margin:0}.verify-email-message{font-size:var(--font-size-sm-plus);line-height:1.6;color:var(--color-text-secondary);letter-spacing:.02em;margin:0}.verify-email-address{color:var(--color-text);font-weight:var(--font-weight-medium)}.verify-email-resend{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-sm-plus) var(--space-lg);cursor:pointer;transition:color .2s,border-color .2s}.verify-email-resend:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-focus)}.verify-email-resend:disabled{opacity:.4;cursor:default}.verify-email-status{font-size:var(--font-size-xs-plus);letter-spacing:.08em;color:var(--color-text-tertiary)}.verify-email-error{font-size:var(--font-size-xs-plus);letter-spacing:.08em;color:var(--color-error)}.verify-email-signout{background:none;border:none;color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-xs-plus);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0;transition:color .2s}.verify-email-signout:hover{color:var(--color-text-secondary)}.notification-viewport{position:fixed;top:var(--space-md);right:var(--space-md);z-index:var(--z-index-tooltip);display:flex;flex-direction:column;gap:var(--space-sm);width:min(24rem,calc(100vw - var(--space-xl)));pointer-events:none}.notification-viewport__item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-xl);color:var(--color-text);pointer-events:auto}.notification-viewport__item[data-tone=error]{border-color:var(--color-status-error);background-color:var(--color-status-error-bg)}.notification-viewport__item[data-tone=success]{border-color:var(--color-status-success);background-color:var(--color-status-success-bg)}.notification-viewport__message{flex:1;font-size:var(--font-size-sm-plus);line-height:1.4}.notification-viewport__dismiss{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;font-size:var(--font-size-lg)}.notification-viewport__dismiss:hover{color:var(--color-text)}@media(max-width:640px){.notification-viewport{right:var(--space-sm);left:var(--space-sm);width:auto}}.global-error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background:var(--color-bg);font-family:var(--font-family-sans)}.global-error-boundary__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:28rem;text-align:center}.global-error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.global-error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-tertiary);line-height:1.5;margin:0}.global-error-boundary__details{width:100%;padding:var(--space-sm);background:var(--color-error-bg);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-error);text-align:left;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:10rem}.global-error-boundary__reload{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;margin-top:var(--space-sm)}.global-error-boundary__reload:hover{background:var(--color-primary-hover);border-color:var(--color-border-focus)}.global-error-boundary__reload:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:root{--font-family-sans: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-serif: "DM Serif Display", Georgia, serif;--font-family-mono: "SF Mono", Monaco, Menlo, Consolas, monospace;--font-family-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;--space-xxs: .125rem;--space-xs: .25rem;--space-xs-plus: .375rem;--space-sm: .5rem;--space-sm-plus: .75rem;--space-md: 1rem;--space-md-plus: 1.25rem;--space-lg: 1.5rem;--space-xl: 2rem;--color-primary: rgb(255 255 255 / 85%);--color-primary-hover: rgb(255 255 255 / 95%);--color-primary-disabled: rgb(255 255 255 / 30%);--color-active: #4ade80;--color-active-bg: rgb(74 222 128 / 10%);--color-error: #f87171;--color-error-bg: rgb(248 113 113 / 10%);--color-secondary: rgb(255 255 255 / 40%);--color-secondary-hover: rgb(255 255 255 / 60%);--color-text: #e5e5e5;--color-text-secondary: rgb(255 255 255 / 60%);--color-text-tertiary: rgb(255 255 255 / 40%);--color-text-inverse: #000;--color-text-on-primary: #0a0a0a;--color-border: rgb(255 255 255 / 10%);--color-border-light: rgb(255 255 255 / 7%);--color-border-focus: rgb(255 255 255 / 25%);--color-bg: #0a0a0a;--color-bg-primary: var(--color-bg);--color-bg-secondary: #0e0e0e;--color-bg-tertiary: rgb(255 255 255 / 6%);--color-bg-inset: rgb(255 255 255 / 2%);--color-bg-hover: rgb(255 255 255 / 5%);--color-bg-active: rgb(255 255 255 / 10%);--color-primary-light: rgb(255 255 255 / 12%);--color-primary-transparent: rgb(255 255 255 / 5%);--font-size-xxs: .5rem;--font-size-xs: .625rem;--font-size-xs-plus: .6875rem;--font-size-sm: .75rem;--font-size-sm-plus: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius: .75rem;--radius-inner: .5rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-full: 9999px;--radius-circle: 50%;--message-radius: .75rem;--button-radius: 2rem;--icon-size-sm: 1.25rem;--icon-size-md: 1.5rem;--icon-size-lg: 1.75rem;--icon-button-size: 2rem;--focus-ring-width: 3px;--focus-ring-offset: 2px;--color-status-success: #4ade80;--color-status-success-bg: rgb(74 222 128 / 10%);--color-status-error: #f87171;--color-error-hover: #ef4444;--color-status-error-bg: rgb(248 113 113 / 10%);--color-success: #4ade80;--color-success-bg: rgb(74 222 128 / 10%);--color-warning: #facc15;--color-warning-bg: rgb(250 204 21 / 10%);--color-warning-text: #facc15;--color-danger: #f87171;--color-focus-ring: rgb(255 255 255 / 15%);--color-overlay-dimmed: rgb(0 0 0 / 70%);--color-overlay-light: rgb(19 19 19 / 95%);--color-overlay-button-bg: rgb(255 255 255 / 10%);--color-overlay-button-hover-bg: rgb(255 255 255 / 20%);--shadow-overlay: rgb(0 0 0 / 50%);--shadow-dropdown: rgb(0 0 0 / 40%);--shadow-text-soft: rgb(0 0 0 / 30%);--scrollbar-thumb: rgb(255 255 255 / 10%);--scrollbar-thumb-hover: rgb(255 255 255 / 20%);--thumbnail-size: 4rem;--thumbnail-badge-size: 1rem;--thumbnail-remove-size: 1.125rem;--canvas-button-size: 2rem;--menu-item-padding-y: var(--space-xs-plus);--menu-item-padding-x: var(--space-sm-plus);--tooltip-arrow-size: 6px;--toggle-width: 32px;--toggle-height: 18px;--toggle-padding: 2px;--toggle-knob-size: 12px;--toggle-travel: 14px;--toggle-track-radius: calc(var(--toggle-height) / 2);--toggle-knob-radius: calc(var(--toggle-knob-size) / 2);--toggle-track-off-bg: var(--color-bg-tertiary);--toggle-track-off-border: var(--color-border);--toggle-knob-off-bg: rgb(255 255 255 / 50%);--toggle-track-on-bg: rgb(255 255 255 / 35%);--toggle-track-on-border: rgb(255 255 255 / 35%);--toggle-knob-on-bg: var(--color-bg);--transition: .2s ease;--transition-fast: .12s;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: .5px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 30%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 40%), 0 2px 4px -1px rgb(0 0 0 / 30%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 50%), 0 4px 6px -2px rgb(0 0 0 / 30%);--shadow-xl: 0 18px 28px -10px rgb(0 0 0 / 60%), 0 8px 12px -8px rgb(0 0 0 / 50%);--shadow-soft: 2px 2px 10px rgb(0 0 0 / 40%);--z-index-1: 1;--z-index-2: 2;--z-index-sticky: 10;--z-index-dropdown: 100;--z-index-overlay: 100;--z-index-popover: 900;--z-index-tooltip: 1000;--z-index-modal: 2000;--z-index-floating-input: 2500;--z-index-interactive-tool: 2500;--color-node-border-strong: rgb(255 255 255 / 25%);--color-node-selected-border: rgb(255 255 255 / 40%);--shadow-node-selected: rgb(0 0 0 / 40%);--shadow-node-ring: 0 0 0 var(--border-width-medium) rgb(255 255 255 / 20%), var(--shadow-md);--color-card-hover-border: rgb(255 255 255 / 20%);--color-card-active-bg: rgb(255 255 255 / 5%);--color-card-selected-bg: rgb(255 255 255 / 10%);--color-danger-text: rgb(180 80 80);--color-danger-text-hover: rgb(200 90 90);--color-danger-bg-hover: rgb(180 80 80 / 10%);--color-danger-btn: rgb(180 80 80);--color-danger-btn-hover: rgb(200 90 90);--color-overlay-tint: rgb(255 255 255 / 5%);--color-overlay-tint-hover: rgb(255 255 255 / 10%);--tree-preview-bg: rgb(19 19 19 / 90%);--tree-preview-border: rgb(255 255 255 / 10%);--tree-preview-shadow-strong: rgb(0 0 0 / 40%);--tree-preview-shadow-soft: rgb(0 0 0 / 20%);--badge-bg: rgb(255 255 255 / 12%);--badge-text: #e5e5e5;--badge-shadow: rgb(0 0 0 / 40%);--badge-remove-bg: rgb(255 255 255 / 20%);--badge-remove-hover-bg: rgb(255 255 255 / 35%);--badge-remove-shadow: rgb(0 0 0 / 20%);--thread-header-text-shadow: rgb(0 0 0 / 30%);--thread-input-focus-shadow: rgb(255 255 255 / 5%);--thread-drop-overlay: rgb(19 19 19 / 95%);--thread-preview-modal-bg: rgb(0 0 0 / 85%);--color-bg-thread: #181818;--thread-msg-user-bg: rgb(255 255 255 / 6%);--thread-msg-link-color: rgb(255 255 255 / 80%);--landing-bg: #000;--landing-primary: #fafafa;--landing-secondary: #888;--landing-border: #333;--landing-footer: #555;--landing-footer-sep: #333;--landing-font-display: "Big Shoulders Display", sans-serif;--landing-font-mono: "Courier New", monospace;--landing-font-weight-display: 700;--landing-font-size-btn: 12px;--landing-font-size-btn-sm: 11px;--landing-font-size-heading-sm: clamp(24px, 3vw, 32px);--landing-font-size-mobile-name: 28px;--landing-font-size-mobile-tagline: 10px;--landing-error: #c66;--landing-back: #666;--landing-google-text: #ddd;--landing-font-size-xs: 10px;--landing-autofill-shadow: 0 0 0 1000px var(--landing-bg) inset;--auth-body-text: #4a4a4a;--project-browser-overlay-bg: rgb(0 0 0 / 70%);--project-browser-primary-hover-end: rgb(255 255 255 / 15%);--project-browser-bulk-bg: var(--color-bg-secondary);--workspace-active-bg-start: rgb(255 255 255 / 4%);--workspace-active-bg-end: rgb(255 255 255 / 10%);--floating-input-bg: rgb(19 19 19 / 90%);--floating-input-border: rgb(255 255 255 / 12%);--floating-input-text: #e5e5e5;--floating-input-placeholder: rgb(255 255 255 / 40%);--floating-input-disabled-text: rgb(255 255 255 / 25%);--typing-indicator-dot-size: var(--space-xs);--typing-indicator-animation-duration: 1.4s;--typing-indicator-animation-delay-1: -.32s;--typing-indicator-animation-delay-2: -.16s}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-xs)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior-x:none}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-bg)}.app{width:100%;height:100%;display:flex;flex-direction:column}