@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.basic-dropdown-container{position:relative;display:inline-block}.basic-dropdown-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease,transform .1s ease}.basic-dropdown-trigger:hover{background-color:var(--clr-surface-3-light-gray);transform:scale(1.02)}.basic-dropdown-trigger:active{transform:scale(.98)}.basic-dropdown-trigger.disabled{cursor:not-allowed;opacity:.6}.basic-dropdown-trigger.disabled:hover{background-color:transparent;transform:none}.basic-dropdown-arrow{display:flex;align-items:center;color:var(--clr-text-secondary);transition:transform .2s ease}.basic-dropdown-name{color:var(--clr-text-primary);font-size:1.1rem;font-weight:600;white-space:nowrap}.basic-dropdown-loading{color:var(--clr-text-secondary);padding:.5rem;font-style:italic}.basic-dropdown-dropdown{position:fixed;min-width:200px;background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:99999;margin-top:.25rem;max-height:300px;overflow-y:auto}.basic-dropdown-container.open{z-index:99999}.basic-dropdown-option{padding:.75rem 1rem;color:var(--clr-text-primary);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--clr-border-divider)}.basic-dropdown-option:last-child{border-bottom:none}.basic-dropdown-option:hover{background-color:var(--clr-surface-3-light-gray)}.basic-dropdown-option.active{background-color:var(--clr-accent-blue-a20);border-left:3px solid var(--clr-accent-blue)}.basic-dropdown-option.active:hover{background-color:var(--clr-accent-blue-a30)}@media (max-width: 768px){.basic-dropdown-dropdown{min-width:250px;left:50%;transform:translate(-50%);right:auto}.basic-dropdown-name{font-size:1rem}}@media (max-width: 480px){.basic-dropdown-dropdown{min-width:calc(100vw - 2rem);left:50%;transform:translate(-50%);max-width:300px}}.form-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;display:flex;align-items:center;justify-content:center;min-height:44px}.form-button-primary{background:var(--clr-primary-red);color:var(--clr-text-on-primary);border:none}.form-button-primary:hover:not(.form-button-disabled){background:var(--clr-primary-red-hover);transform:translateY(-1px)}.form-button-secondary{background:transparent;color:var(--clr-accent-blue);border:1px solid var(--clr-accent-blue)}.form-button-secondary:hover:not(.form-button-disabled){background:var(--clr-accent-blue);color:var(--clr-text-on-primary);transform:translateY(-1px)}.form-button-custom{background:var(--clr-surface-2-mid-gray);color:var(--clr-text-primary);border:1px solid var(--clr-border-divider)}.form-button-custom:hover:not(.form-button-disabled){background:var(--hover-bg-color, var(--clr-surface-3-light-gray));transform:translateY(-1px)}.form-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-button:active:not(.form-button-disabled){transform:translateY(0)}.form-button-primary:active:not(.form-button-disabled){background:var(--clr-primary-red-active)}.form-button-secondary:active:not(.form-button-disabled){background:var(--clr-accent-blue-active);border-color:var(--clr-accent-blue-active);color:var(--clr-text-on-primary)}.form-button-loading-state{position:relative;overflow:hidden}.form-button-loading-state:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.form-button-loading{display:flex;align-items:center;justify-content:center;height:100%}.loading-wave{display:flex;gap:.3rem;align-items:center}.loading-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;animation:loadingWave 1.4s ease-in-out infinite;transform-origin:center}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingWave{0%,60%,to{transform:scale(1);opacity:.6}30%{transform:scale(1.4);opacity:1}}.form-button-primary.form-button-loading-state .loading-dot{background:#fff;box-shadow:0 0 8px #ffffff4d}.form-button-primary.form-button-loading-state .loading-dot:nth-child(2){animation-delay:.15s}.form-button-primary.form-button-loading-state .loading-dot:nth-child(3){animation-delay:.3s}.form-button-secondary.form-button-loading-state .loading-dot{background:#fffc;animation:loadingPulse 1.2s ease-in-out infinite}@keyframes loadingPulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 12px #fff6}}.form-button-loading-state:hover{transform:none!important;box-shadow:none!important}.form-button-primary.form-button-loading-state:hover{background:var(--clr-primary-red)!important;box-shadow:none!important}.form-button-secondary.form-button-loading-state:hover{background:transparent!important;transform:none!important}@media (max-width: 768px){.form-button{padding:1rem;min-height:48px}.loading-dot{width:.4rem;height:.4rem}}.center-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.center-popup-container{background:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:16px;min-width:400px;max-width:75vw;width:100%;max-height:80vh;box-shadow:0 4px 12px #0000001a;animation:centerPopupAppear .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes centerPopupAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.center-popup-small{max-width:500px;min-width:350px}.center-popup-medium{max-width:600px;min-width:400px;min-height:600px}.center-popup-large{max-width:75vw;min-width:800px}.center-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--clr-border-divider);background-color:var(--clr-surface-1-dark-gray)}.center-popup-title{color:var(--clr-text-primary);font-size:1.5rem;font-weight:600;margin:0}.center-popup-close-button{background:transparent;border:none;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.center-popup-close-button:hover{background:var(--clr-surface-3-light-gray)}.center-popup-close-button svg{color:var(--clr-text-secondary);transition:color .2s ease}.center-popup-close-button:hover svg{color:var(--clr-text-primary)}.center-popup-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow:hidden;min-height:0}.center-popup-actions{display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--clr-border-divider)}@media (max-width: 768px){.center-popup-overlay{padding:.5rem}.center-popup-container{min-width:unset;max-width:unset;width:100%;max-height:90vh;border-radius:12px}.center-popup-small,.center-popup-medium,.center-popup-large{min-width:unset;max-width:unset;width:100%}.center-popup-header{padding:1rem 1rem .75rem}.center-popup-title{font-size:1.25rem}.center-popup-body{padding:1rem;gap:1rem;overflow:hidden}.center-popup-actions{flex-direction:column;gap:.75rem;padding:1rem}}.resizable-divider{position:relative;width:4px;display:flex;align-items:center;justify-content:center;cursor:col-resize;-webkit-user-select:none;user-select:none;background-color:transparent;transition:background-color .2s ease}.resizable-divider:hover{background-color:#e5e7eb}.resizable-divider:active,.resizable-divider.dragging{background-color:#3b82f6}.resizable-divider-handle{width:1px;height:100%;background-color:#d1d5db;transition:background-color .2s ease}.resizable-divider:hover .resizable-divider-handle{background-color:#9ca3af}.resizable-divider:active .resizable-divider-handle,.resizable-divider.dragging .resizable-divider-handle{background-color:#fff}.resizable-container{display:flex;width:100%;height:100%}.resizable-left-panel{flex-shrink:0;overflow:hidden}.resizable-right-panel{flex:1;overflow:hidden}.user-dropdown{background-color:transparent;position:absolute;top:100%;right:0;margin-top:.5rem;z-index:1000;min-width:200px}.user-dropdown-content{background:var(--background-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-divider);border-radius:12px;padding:.5rem 0;box-shadow:0 8px 32px var(--shadow-overlay);animation:dropdownFadeIn .2s ease-out}.dropdown-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--background-overlay);color:var(--text-secondary)}.dropdown-icon{width:1.2rem;height:1.2rem;margin-right:.75rem;flex-shrink:0}.dropdown-text{flex:1;text-align:left}@media (max-width: 768px){.user-dropdown{min-width:180px;right:-10px}}@media (max-width: 480px){.user-dropdown{min-width:160px;right:-15px}}.user-icon-container{position:relative}.user-icon{width:2rem;height:2rem;color:var(--clr-text-primary)}.user-icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-icon-button:hover .user-icon{color:var(--clr-text-primary);transform:scale(1.05)}@media (max-width: 768px){.user-icon{width:2rem;height:2rem}.user-icon-button{padding:.5rem;min-width:44px;min-height:44px}}@media (max-width: 480px){.user-icon{width:1.75rem;height:1.75rem}.user-icon-button{padding:.625rem;min-width:44px;min-height:44px}.user-dropdown{min-width:160px;right:-15px}}.project-selector-container{display:flex;align-items:center;position:relative}.project-selector-container .basic-dropdown-container{width:200px}.create-project-form{display:flex;flex-direction:column;gap:15px}.form-input,.form-textarea{width:100%;padding:10px;border:1px solid var(--border-medium);border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:var(--background-secondary);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.form-input::placeholder,.form-textarea::placeholder{color:#999}.global-header{position:relative;height:100%}.global-header-content{height:100%;display:flex;justify-content:space-between;align-items:center}.global-header-left{display:flex;align-items:center;gap:2rem;padding-left:1rem}.global-header-right{height:100%;display:flex;align-items:center}.global-header-user{height:100%;display:flex;align-items:center;gap:1rem}.user-greeting{font-size:1rem;font-weight:500}.main-nav{display:flex;gap:3rem}.nav-item{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease,transform .2s ease;padding:.5rem 0;position:relative}.nav-item:hover{color:var(--text-primary);transform:translateY(-2px)}.header-actions{position:relative;display:flex;align-items:center;gap:1rem}.login-button,.signup-button{background:none;border:1px solid var(--border-medium);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.global-header.landing-page-header .login-button:hover{background-color:var(--background-overlay);border-color:var(--border-strong);color:var(--text-primary)}.primary-button.signup-button{padding:.6rem 1.2rem;font-size:.9rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;width:40px;height:40px;border-radius:8px;transition:background-color .2s ease,transform .2s ease}.mobile-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--background-primary);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;padding:.5rem 0;margin-top:.5rem}.mobile-dropdown-button{width:100%;background:none;border:none;color:var(--text-primary);padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:background-color .2s ease;text-align:left}.mobile-dropdown-button:hover{background-color:var(--background-overlay)}.mobile-dropdown-button.signup-dropdown-button{color:var(--primary-color);font-weight:500}.mobile-dropdown-button.signup-dropdown-button:hover{background-color:var(--primary-color-light)}@media (max-width: 768px){.main-nav{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background-color:var(--backdrop-dark);padding:2rem;gap:1.5rem}.main-nav.active{display:flex}.menu-toggle{display:inline-flex}.mobile-dropdown-menu{display:block}}@media (min-width: 769px){.mobile-dropdown-menu{display:none}}.global-sidebar-container{padding:1rem;height:100%;background-color:transparent}.global-sidebar-container nav ul{list-style:none;padding:0;margin:0}.global-sidebar-container nav ul li{margin-bottom:1rem}.global-sidebar-item{text-decoration:none;color:var(--text-primary);display:block;padding:.75rem 1rem;border-radius:4px;transition:background-color .2s,color .2s}.global-sidebar-item:hover{background-color:var(--surface-2);color:var(--text-primary);cursor:pointer}.global-layout-container{height:100vh}.global-layout-header{padding:.6rem;height:64px}.global-layout-content{height:calc(100vh - 64px);display:flex;flex-direction:column}.global-sidebar-drawer{position:fixed;top:64px;left:0;height:calc(100vh - 64px);width:260px;background-color:var(--clr-surface-1-dark-gray);border-right:1px solid var(--border-medium);transform:translate(-100%);transition:transform .25s ease-in-out;z-index:1000;overflow:hidden}.global-sidebar-drawer.open{transform:translate(0)}.global-sidebar-overlay{position:fixed;top:64px;left:0;width:100vw;height:calc(100vh - 64px);background-color:var(--background-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900}.login-screen-container{display:flex;align-items:center;justify-content:center;width:100%;flex-grow:1}.signin-card{background-color:var(--clr-surface-2-mid-gray);padding:2.5rem;border-radius:8px;border:1px solid var(--clr-border-divider);width:100%;max-width:350px;min-height:300px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:5rem}.signin-top-text{color:var(--clr-text-primary);font-size:1.75rem;font-weight:600;text-align:center}.register-screen-container{display:flex;align-items:center;justify-content:center;width:100%;flex-grow:1}.signup-card{background-color:var(--clr-surface-2-mid-gray);padding:2.5rem;border-radius:8px;border:1px solid var(--clr-border-divider);width:100%;max-width:450px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1.5rem}.signup-top-text{color:var(--clr-text-primary);font-size:1.75rem;font-weight:600;text-align:center}.form-wrapper{display:flex;flex-direction:column;width:100%;gap:1.5rem}.form-inputs{display:flex;flex-direction:column;gap:1rem}.form-inputs input{background-color:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);color:var(--clr-text-primary);padding:.8rem 1rem;border-radius:6px;font-size:1rem;transition:border-color .2s ease-in-out}.form-inputs input::placeholder{color:var(--clr-text-placeholder)}.form-inputs input:focus{outline:none;border-color:var(--clr-accent-blue)}.form-bottom{display:flex;flex-direction:column}.form-bottom button[type=submit]{background-color:var(--clr-primary-red);color:var(--clr-text-on-primary);border:none;padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.form-bottom button[type=submit]:hover{background-color:var(--clr-primary-red-hover)}.form-bottom button[type=submit]:active{background-color:var(--clr-primary-red-active)}.form-bottom button[type=submit]:disabled{background-color:var(--clr-text-placeholder);cursor:not-allowed;opacity:.7}.form-submission-error-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.form-submission-error-message{color:var(--clr-error-red);font-size:.875rem}.select-settings-container{width:100%}.playground-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{padding-left:1rem;padding-right:1rem}.settings-dropdown{width:100%}.temperature-slider-container{margin-top:.5rem}.temperature-slider{width:100%;height:6px;background:var(--clr-surface-3-light-gray);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--clr-accent-blue);border-radius:50%;cursor:pointer;border:2px solid var(--clr-surface-2-mid-gray);transition:background-color .2s ease}.temperature-slider::-webkit-slider-thumb:hover{background:var(--clr-accent-blue-hover)}.temperature-slider::-moz-range-thumb{width:16px;height:16px;background:var(--clr-accent-blue);border-radius:50%;cursor:pointer;border:2px solid var(--clr-surface-2-mid-gray);transition:background-color .2s ease}.temperature-slider::-moz-range-thumb:hover{background:var(--clr-accent-blue-hover)}.slider-labels{display:flex;justify-content:space-between;margin-top:.25rem;color:var(--clr-text-secondary);font-size:.75rem}.playground-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.playground-title{margin:0;color:var(--clr-text-primary)}.playground-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.playground-filename{margin:0;color:var(--clr-text-secondary);flex:1}.prompt-id-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.prompt-id-label{color:var(--clr-text-secondary);font-size:.9rem;font-weight:500}.prompt-id-value{color:var(--clr-text-primary);font-size:.9rem;font-family:Courier New,monospace;background:var(--clr-surface-2-mid-gray);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--clr-border-divider)}.copy-prompt-id-btn{background:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem;color:var(--clr-text-secondary);transition:all .2s ease;flex-shrink:0}.copy-prompt-id-btn:hover{background:var(--clr-surface-1-dark-gray);color:var(--clr-text-primary);border-color:var(--clr-primary-red)}.copy-prompt-id-btn.copied{background:var(--clr-accent-green);color:#fff;border-color:var(--clr-accent-green)}.copy-prompt-id-btn.copied:hover{background:var(--clr-accent-green);color:#fff;border-color:var(--clr-accent-green);opacity:.9}.playground-textarea{min-height:200px;resize:vertical}.playground-actions{display:flex;gap:.5rem}@media (max-width: 768px){.playground-header{flex-direction:column;align-items:flex-start;gap:.75rem}.prompt-id-container{align-self:stretch;justify-content:space-between}.prompt-id-value{font-size:.85rem;padding:.3rem .6rem}.copy-prompt-id-btn{padding:.3rem .6rem;font-size:.9rem}}.readonly-settings-container{background:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);border-radius:8px;padding:.75rem}.readonly-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.readonly-setting-item{display:flex;flex-direction:column;gap:.2rem}.readonly-setting-label{color:var(--clr-text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.readonly-setting-value{color:var(--clr-text-primary);font-weight:500;padding:.4rem .6rem;background:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:6px;font-size:.85rem}@media (max-width: 768px){.readonly-settings-grid{grid-template-columns:1fr;gap:.75rem}.readonly-setting-value{font-size:.85rem;padding:.4rem .6rem}}.promote-confirmation-content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:scroll}.promote-warning{padding:1rem;background:#dc35451a;border:1px solid var(--clr-error-red);border-radius:8px;color:var(--clr-text-primary);font-size:.95rem;line-height:1.5}.promote-warning strong{color:var(--clr-error-red)}.promote-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.promote-prompt-section{display:flex;flex-direction:column}.promote-right-section{display:flex;flex-direction:column;gap:1.5rem}.promote-version-section{display:flex;flex-direction:column}.promote-prompt-section h4,.promote-version-section h4,.promote-settings-preview h4{color:var(--clr-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;border-bottom:1px solid var(--clr-border-divider);padding-bottom:.5rem}@media (max-width: 768px){.promote-confirmation-content{gap:1rem}.promote-main-layout{grid-template-columns:1fr;gap:1.5rem}.promote-right-section{gap:1rem}.version-info-item{flex-direction:column;gap:.25rem}.version-info-item label{min-width:unset;font-size:.9rem}.prompt-text-readonly{font-size:.85rem;height:200px}}.version-history-container{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:100%}.version-history-title{margin:0;color:var(--clr-text-primary)}.version-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.version-card{background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:8px;padding:12px;transition:all .2s ease;cursor:pointer}.version-card.expanded{padding:16px}.version-card.production{border-color:var(--clr-primary-red)}.version-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;-webkit-user-select:none;user-select:none}.version-card-header:hover{opacity:.8}.version-card-title{color:var(--clr-text-primary);font-weight:600}.version-card-description{color:var(--clr-text-secondary);margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.version-card-description:hover{opacity:.8}.version-card-date{color:var(--clr-text-secondary);font-size:.875rem;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.version-card-date:hover{opacity:.8}.version-chip{background-color:var(--clr-accent-blue-a20);color:var(--clr-accent-blue);border:1px solid var(--clr-accent-blue);padding:2px 8px;border-radius:12px;font-size:.75rem}.version-history-footer{margin-top:auto;padding-top:.5rem;flex-shrink:0}.version-history-created-at{color:var(--clr-text-secondary);font-size:.875rem}.expand-indicator{color:var(--clr-text-secondary);font-size:.8rem;transition:transform .2s ease}.version-expanded-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--clr-border-divider);display:flex;flex-direction:column;gap:1.5rem}.version-expanded-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.version-prompt-section{display:flex;flex-direction:column}.version-right-section{display:flex;flex-direction:column;gap:1.5rem}.version-details-section{display:flex;flex-direction:column}.version-prompt-section h4,.version-details-section h4,.version-settings-preview h4{color:var(--clr-text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;border-bottom:1px solid var(--clr-border-divider);padding-bottom:.5rem}.version-info-item{display:flex;gap:.75rem;margin-bottom:.5rem}.version-info-item label{color:var(--clr-text-secondary);font-weight:500;min-width:120px;flex-shrink:0}.version-info-item span{color:var(--clr-text-primary);flex:1;word-wrap:break-word}.version-id-container{display:flex;align-items:center;gap:.5rem;flex:1}.copy-version-id-btn{background:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem;color:var(--clr-text-secondary);transition:all .2s ease;flex-shrink:0}.copy-version-id-btn:hover{background:var(--clr-surface-1-dark-gray);color:var(--clr-text-primary);border-color:var(--clr-primary-red)}.copy-version-id-btn.copied{background:var(--clr-accent-green);color:#fff;border-color:var(--clr-accent-green)}.copy-version-id-btn.copied:hover{background:var(--clr-accent-green);color:#fff;border-color:var(--clr-accent-green);opacity:.9}.prompt-text-readonly{background:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);border-radius:8px;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;color:var(--clr-text-primary);white-space:pre-wrap;word-wrap:break-word;height:300px;overflow-y:auto;flex:1}.version-promote-section{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--clr-border-divider)}.version-promote-btn{min-width:180px}@media (max-width: 768px){.version-expanded-layout{grid-template-columns:1fr;gap:1.5rem}.version-right-section{gap:1rem}.version-info-item{flex-direction:column;gap:.25rem}.version-info-item label{min-width:unset;font-size:.9rem}.prompt-text-readonly{font-size:.85rem;height:200px}.version-promote-section{justify-content:center}.copy-version-id-btn{padding:.3rem .6rem;font-size:.9rem}}.prompt-playground-container{display:flex;height:100%;padding:2rem;gap:2rem}.prompt-playground-container-unselected{display:flex;justify-content:center;align-items:center;height:100%;color:var(--clr-text-secondary)}.prompt-playground-left-panel{flex:1;display:flex;flex-direction:column}.prompt-playground-right-panel{flex:1;display:flex;flex-direction:column;gap:1rem;border-left:1px solid var(--clr-border-divider);padding-left:2rem}.prompt-playground-prompt-name{color:var(--clr-text-primary);margin-bottom:1rem}.prompt-playground-prompt-input{flex:1;background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);color:var(--clr-text-primary);padding:.5rem;border-radius:4px;resize:none;font-family:inherit}.prompt-playground-prompt-input:focus{outline:none;border-color:var(--clr-accent-blue)}.prompt-playground-creation-date{margin-top:1rem;color:var(--clr-text-secondary);font-size:.8rem}.prompt-playground-production-prompt-container{display:flex;flex-direction:column;gap:.5rem}.prompt-playground-production-prompt-container label{color:var(--clr-text-secondary);font-weight:700}.prompt-playground-production-prompt{background-color:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);color:var(--clr-text-secondary);padding:.5rem;border-radius:4px;min-height:100px;white-space:pre-wrap;word-wrap:break-word;cursor:not-allowed}.prompt-playground-commit-history-button{background-color:var(--clr-surface-2-mid-gray);color:var(--clr-text-primary);border:1px solid var(--clr-border-divider);padding:.5rem 1rem;border-radius:4px;cursor:pointer;align-self:flex-start}.prompt-playground-commit-history-button:hover{background-color:var(--clr-surface-3-light-gray)}.file-selector-container{background-color:var(--clr-surface-1-dark-gray);border-right:1px solid var(--clr-border-divider);height:100%;display:flex;flex-direction:column;overflow-x:visible}.file-selector-header{padding:12px 16px;border-bottom:1px solid var(--clr-border-divider);background-color:var(--clr-surface-2-mid-gray);display:flex;align-items:center}.file-selector-title{color:var(--clr-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.file-selector-content{padding:8px 0;overflow-y:auto;overflow-x:visible;flex:1}.file-list{list-style:none;overflow-x:visible}.file-list-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--clr-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;overflow-x:visible}.file-list-item:hover{background-color:var(--clr-surface-3-light-gray)}.file-list-item .file-chevron{width:12px;color:var(--clr-text-secondary);display:inline-flex;align-items:center;justify-content:center}.file-list-item .file-icon{width:16px;height:16px;display:inline-block}.file-list-item .file-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-list-children{margin-left:16px;border-left:1px dashed var(--clr-border-divider)}.file-actions{opacity:0;transition:opacity .15s ease-in-out;overflow:visible}.file-list-item:hover .file-actions{opacity:1}.file-actions-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--clr-text-secondary)}.file-actions-trigger:hover{color:var(--clr-text-primary)}.file-rename-input{flex:1;min-width:0;background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);color:var(--clr-text-primary);border-radius:6px;padding:2px 6px}.file-actions .basic-dropdown-container{overflow:visible}.file-actions .basic-dropdown-dropdown{z-index:999999}.prompt-hub-screen{flex:10;display:flex;width:100%;height:100%}.prompt-hub-file-selector{flex-shrink:0;min-width:200px;overflow:visible}.prompt-hub-prompt-playground{flex:1;overflow:hidden}.settings-container{padding:2rem;max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.settings-header-info{flex:1}.settings-title{font-size:2rem;font-weight:700;color:var(--clr-text-primary);margin-bottom:.75rem}.settings-description{font-size:1rem;color:var(--clr-text-secondary);line-height:1.6;max-width:600px}.settings-project-name{color:var(--clr-accent-blue);font-weight:600}.settings-api-keys-section{background-color:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);border-radius:12px;padding:2rem}.settings-section-title{font-size:1.25rem;font-weight:600;color:var(--clr-text-primary);margin-bottom:1.5rem}.settings-loading,.settings-empty-state,.settings-no-project{text-align:center;padding:3rem 2rem;color:var(--clr-text-secondary)}.settings-empty-text{font-size:1rem;color:var(--clr-text-secondary)}.settings-api-keys-list{display:flex;flex-direction:column;gap:1rem}.settings-api-key-card{background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:8px;padding:1.5rem;transition:all .2s ease}.settings-api-key-card:hover{background-color:var(--clr-surface-3-light-gray);border-color:var(--clr-accent-blue-a30)}.api-key-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.api-key-info{display:flex;flex-direction:column;gap:.75rem}.api-key-name{font-size:1.125rem;font-weight:600;color:var(--clr-text-primary);margin:0}.api-key-details{display:flex;align-items:center;gap:1.5rem}.api-key-status{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:4px;text-transform:uppercase}.api-key-status-active{background-color:#28a7451a;color:var(--clr-success-green);border:1px solid rgba(40,167,69,.3)}.api-key-status-revoked{background-color:#dc35451a;color:var(--clr-error-red);border:1px solid rgba(220,53,69,.3)}.api-key-hidden-message{font-size:.875rem;color:var(--clr-text-placeholder);font-style:italic}.api-key-delete-button{background-color:transparent;border:1px solid var(--clr-error-red);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--clr-error-red);flex-shrink:0}.api-key-delete-button:hover{background-color:var(--clr-error-red);color:var(--clr-text-on-primary)}.api-key-delete-button:active{background-color:#c82333;border-color:#c82333}.create-api-key-form{min-width:400px}.new-api-key-display{display:flex;flex-direction:column;gap:1.5rem}.api-key-warning{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem}.warning-text{color:var(--clr-warning-yellow);font-size:.9rem;line-height:1.5;margin:0}.warning-text strong{font-weight:600}.api-key-name-display{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--clr-surface-3-light-gray);border-radius:8px}.api-key-name-display .label{font-weight:600;color:var(--clr-text-secondary)}.api-key-name-display .value{color:var(--clr-text-primary)}.api-key-token-container{display:flex;flex-direction:column;gap:.75rem}.api-key-token{background-color:var(--clr-surface-1-dark-gray);border:1px solid var(--clr-border-divider);border-radius:8px;padding:1rem;overflow-x:auto}.token-text{font-family:Courier New,Courier,monospace;font-size:.9rem;color:var(--clr-accent-blue);word-break:break-all;display:block}.copy-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--clr-accent-blue);color:var(--clr-text-on-primary);border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.copy-button:hover{background-color:var(--clr-accent-blue-hover)}.copy-button:active{background-color:var(--clr-accent-blue-active)}.delete-api-key-content{display:flex;flex-direction:column;gap:1rem}.delete-warning-text{color:var(--clr-text-primary);font-size:1rem;line-height:1.5;margin:0}.delete-warning-text strong{color:var(--clr-error-red);font-weight:600}.delete-warning-description{color:var(--clr-text-secondary);font-size:.9rem;line-height:1.5;margin:0;padding:1rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px}@media (max-width: 768px){.settings-container{padding:1rem}.settings-header{flex-direction:column;align-items:stretch;gap:1.5rem}.settings-title{font-size:1.5rem}.settings-api-keys-section{padding:1.5rem}.settings-api-key-card{padding:1rem}.api-key-details{flex-direction:column;align-items:flex-start;gap:.75rem}.api-key-content{flex-direction:column;gap:1rem}.api-key-delete-button{align-self:flex-end}.create-api-key-form{min-width:unset;width:100%}.api-key-token{padding:.75rem}.token-text{font-size:.8rem}}@media (max-width: 480px){.settings-description{font-size:.9rem}.api-key-name{font-size:1rem}.copy-button{width:100%}}:root{--clr-primary-red: #FF0000;--clr-primary-red-hover: #E60000;--clr-primary-red-active: #CC0000;--clr-accent-blue: #4A90E2;--clr-accent-blue-hover: #4281CB;--clr-accent-blue-active: #3A72B4;--clr-accent-blue-a20: rgba(74, 144, 226, .2);--clr-accent-blue-a30: rgba(74, 144, 226, .3);--clr-background-deep-gray: #121212;--clr-surface-1-dark-gray: #1E1E1E;--clr-surface-2-mid-gray: #2C2C2C;--clr-surface-3-light-gray: #3A3A3A;--clr-border-divider: #444444;--clr-text-primary: #EAEAEA;--clr-text-secondary: #A0A0A0;--clr-text-placeholder: #6E6E6E;--clr-text-on-primary: #FFFFFF;--clr-success-green: #28A745;--clr-warning-yellow: #FFC107;--clr-error-red: #DC3545}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--clr-background-deep-gray);color:var(--clr-text-primary)}h1,h2,h3,h4,h5,h6{color:var(--clr-text-primary)}p{color:var(--clr-text-secondary)}a{color:var(--clr-accent-blue);text-decoration:none}a:hover{color:var(--clr-accent-blue-hover);text-decoration:underline}.btn{padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;border:1px solid transparent}.btn-primary{background-color:var(--clr-primary-red);color:var(--clr-text-on-primary);border:none}.btn-primary:hover{background-color:var(--clr-primary-red-hover)}.btn-primary:active{background-color:var(--clr-primary-red-active)}.btn-secondary{background-color:transparent;color:var(--clr-accent-blue);border:1px solid var(--clr-accent-blue)}.btn-secondary:hover{background-color:var(--clr-accent-blue);color:var(--clr-text-on-primary)}.btn-secondary:active{background-color:var(--clr-accent-blue-active);border-color:var(--clr-accent-blue-active)}.btn-tertiary{background-color:transparent;color:var(--clr-text-secondary);border:none;padding:10px}.btn-tertiary:hover{color:var(--clr-text-primary);background-color:var(--clr-surface-2-mid-gray)}.btn-destructive{background-color:var(--clr-error-red);color:var(--clr-text-on-primary);border:none}.btn-destructive:hover{background-color:#c82333}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;color:var(--clr-text-secondary);font-weight:500}.form-control{width:100%;padding:12px 15px;background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);color:var(--clr-text-primary);border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s ease-in-out}.form-control::placeholder{color:var(--clr-text-placeholder)}.form-control:focus{outline:none;border-color:var(--clr-accent-blue)}.card{background-color:var(--clr-surface-2-mid-gray);border:1px solid var(--clr-border-divider);border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;transition:background-color .2s ease-in-out}.card-interactive:hover{background-color:var(--clr-surface-3-light-gray);cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--clr-surface-2-mid-gray);border-radius:12px;width:90%;max-width:500px;overflow:hidden}.modal-header{padding:16px 24px;background-color:var(--clr-surface-1-dark-gray);border-bottom:1px solid var(--clr-border-divider)}.modal-title{margin:0;font-size:1.25rem;color:var(--clr-text-primary)}.modal-body{padding:24px}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*::-webkit-scrollbar-thumb:active{background:#ffffff80}*::-webkit-scrollbar-corner{background:#ffffff0d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.87) rgba(255,255,255,.05)}@media (max-width: 768px){*::-webkit-scrollbar{width:6px;height:6px}}@media (max-width: 480px){*::-webkit-scrollbar{width:4px;height:4px}}.mrg{outline:1px solid red}.mgg{outline:1px solid green}.mtg{outline:1px solid blue}.mbg{outline:1px solid black}.mtrg{outline:3px solid red}.mtgg{outline:3px solid green}.mttg{outline:3px solid blue}.mtbg{outline:3px solid black}