:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%}body{margin:0;min-width:320px;height:100%}#root{height:100%;display:flex;flex-direction:column}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:var(--color-surface)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.enhanced-env-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.enhanced-env-modal-content{background:#1c1c1e;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #000000b3;border:1px solid #48484a}.enhanced-env-modal-content::-webkit-scrollbar{width:8px}.enhanced-env-modal-content::-webkit-scrollbar-track{background:transparent}.enhanced-env-modal-content::-webkit-scrollbar-thumb{background:#48484a;border-radius:4px}.enhanced-env-modal-content::-webkit-scrollbar-thumb:hover{background:#636366}.enhanced-env-modal-content{scrollbar-width:thin;scrollbar-color:#48484a transparent}.enhanced-env-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #48484a;background:#000}.enhanced-env-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.enhanced-env-body{padding:0;color:#fff;background:#1c1c1e}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#aeaeb2;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button:hover{background-color:#48484a;color:#fff}.env-groups-section{margin-bottom:24px}.env-groups-list{display:flex;flex-direction:column;gap:16px}.env-group-card{border:1px solid #d1d9e0;border-radius:8px;overflow:hidden;background:#fafbfc}.env-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f6f8fa;border-bottom:1px solid #e1e5e9;cursor:pointer}.env-group-info{display:flex;align-items:center;gap:8px}.env-group-name{font-weight:600;color:#24292e;margin:0}.env-group-description{color:#586069;font-size:14px;margin:0}.env-group-stats{display:flex;align-items:center;gap:12px;color:#586069;font-size:14px}.secret-count{display:flex;align-items:center;gap:4px}.expand-icon{color:#586069;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.env-group-actions{display:flex;gap:8px}.action-button{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.edit-button{background:#0969da;color:#fff}.edit-button:hover{background:#0550ae}.delete-button{background:#cf222e;color:#fff}.delete-button:hover{background:#a40e26}.env-variables-list{padding:16px;background:#fff}.env-variables-list.collapsed{display:none}.no-variables-message{text-align:center;color:#586069;font-style:italic;padding:20px}.env-variable-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:8px;background:#fafbfc}.env-variable-info{flex:1;display:flex;align-items:center;gap:12px}.env-key{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:600;color:#24292e;background:#f6f8fa;padding:4px 8px;border-radius:4px;border:1px solid #d1d9e0}.env-value{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:#586069;flex:1;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-value.secret{color:#cf222e;font-style:italic}.secret-badge{display:inline-flex;align-items:center;gap:4px;background:#000;color:#ff4757;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #333}.env-variable-actions{display:flex;gap:8px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-weight:600;color:#fff}.form-input{width:100%;padding:8px 12px;border:1px solid #48484a;border-radius:6px;font-size:14px;background:#000;color:#fff;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#64b5f6;box-shadow:none}.form-textarea{width:100%;padding:8px 12px;border:1px solid #48484a;border-radius:6px;font-size:14px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;resize:vertical;min-height:120px;background:#000;color:#fff;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:#64b5f6;box-shadow:none}.form-textarea::-webkit-scrollbar{width:6px}.form-textarea::-webkit-scrollbar-track{background:transparent}.form-textarea::-webkit-scrollbar-thumb{background:#48484a;border-radius:3px}.form-textarea::-webkit-scrollbar-thumb:hover{background:#636366}.form-textarea{scrollbar-width:thin;scrollbar-color:#48484a transparent}.button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:8px}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:#0969da;color:#fff}.button-primary:hover:not(:disabled){background:#0550ae}.button-secondary{background:#3a3a3a;color:#fff;border:1px solid #4a4a4a}.button-secondary:hover:not(:disabled){background:#4a4a4a;border-color:#5a5a5a}.button-danger{background:#cf222e;color:#fff}.button-danger:hover:not(:disabled){background:#a40e26}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3a3a3a}.actions-left,.actions-right{display:flex;gap:12px}.parsing-preview{background:#1a1a1a;border:1px solid #4a4a4a;border-radius:8px;padding:16px;margin-bottom:24px}.parsing-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.parsing-stats{display:flex;gap:24px}.parsing-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.parsing-stat-value{font-size:24px;font-weight:700;color:#fff}.parsing-stat-label{font-size:12px;color:#ccc;text-transform:uppercase;font-weight:600}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e1e5e9;border-top:2px solid #0969da;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#ccc;font-style:italic;display:flex;align-items:center;gap:8px}.error-message{background:#3a1f1f;border:1px solid #5a2d2d;border-radius:6px;color:#ff6b6b;padding:12px 16px;margin-bottom:16px}.success-message{background:#1f3a1f;border:1px solid #2d5a2d;border-radius:6px;color:#6bcf7f;padding:12px 16px;margin-bottom:16px}.env-manager-container{padding:24px;max-width:1200px;margin:0 auto}.env-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e1e5e9}.header-left h1{margin:0 0 4px;color:#24292e;font-size:28px;font-weight:700}.header-left p{margin:0;color:#586069;font-size:16px}.header-right{display:flex;gap:12px}.create-group-form{background:#f6f8fa;border:1px solid #d1d9e0;border-radius:8px;padding:24px;margin-bottom:24px}.create-group-form h3{margin:0 0 16px;color:#24292e;font-size:18px;font-weight:600}.form-actions{display:flex;gap:12px;margin-top:16px}.empty-state{text-align:center;padding:64px 24px;color:#586069}.empty-state h3{margin:0 0 8px;color:#24292e;font-size:20px;font-weight:600}.empty-state p{margin:0 0 24px;font-size:16px}.group-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.group-edit-form .form-input{font-size:14px;padding:6px 8px}.group-edit-actions{display:flex;gap:8px;margin-top:8px}.group-edit-actions .button{padding:4px 12px;font-size:12px}.env-variable-item.editing{background:#000;border-color:#333}.env-key-input,.env-value-input,.env-description-input{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.env-key-input{max-width:200px}.env-value-input{flex:1}.env-description-input{max-width:300px;font-family:inherit}.add-variable-section{margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9}.bulk-input-section{margin-bottom:24px}.env-configs-container{display:flex;flex-direction:column;gap:16px}.env-config-item{border:1px solid #4a4a4a;border-radius:8px;padding:16px;background:#1a1a1a}.env-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.env-config-header h4{margin:0;color:#fff;font-size:16px;font-weight:600}.remove-config-btn{background:none!important;border:none!important;font-size:24px!important;cursor:pointer;color:#ccc!important;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;transition:all .2s ease!important}.remove-config-btn:hover{background-color:#3a3a3a!important;color:#fff!important}.remove-config-btn:focus,.remove-config-btn:focus-visible{outline:none!important;background-color:#3a3a3a!important;color:#fff!important}.env-config-header .remove-config-btn{background:none!important;color:#ccc!important}.env-config-header .remove-config-btn:hover{background-color:#3a3a3a!important;color:#fff!important}.env-config-header .remove-config-btn:focus,.env-config-header .remove-config-btn:focus-visible{outline:none!important;background-color:#3a3a3a!important;color:#fff!important}.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header button.remove-config-btn,.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header .remove-config-btn,button.remove-config-btn,.remove-config-btn{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;font-size:24px!important;color:#ccc!important;background:none!important;border:none!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;padding:0!important;margin:0!important;outline:none!important;box-shadow:none!important;font-family:inherit!important}.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header button.remove-config-btn:hover,.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header .remove-config-btn:hover,button.remove-config-btn:hover,.remove-config-btn:hover{background-color:#3a3a3a!important;color:#fff!important;outline:none!important}.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header button.remove-config-btn:focus,.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header .remove-config-btn:focus,.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header button.remove-config-btn:focus-visible,.enhanced-env-modal .enhanced-env-body .env-config-item .env-config-header .remove-config-btn:focus-visible,button.remove-config-btn:focus,.remove-config-btn:focus,button.remove-config-btn:focus-visible,.remove-config-btn:focus-visible{outline:4px auto -webkit-focus-ring-color!important;background-color:#3a3a3a!important;color:#fff!important}.env-config-fields{display:flex;flex-direction:column;gap:12px}.parse-config-button{align-self:flex-end;margin-top:8px;width:auto;min-width:140px;background:#f5f5f7;color:#1c1c1e;border:1px solid #f5f5f7;font-size:12px;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.parse-config-button:hover:not(:disabled){background:#e5e5ea;color:#000;border-color:#e5e5ea}.parse-config-button:active:not(:disabled){background:#e5e5ea}.parse-config-button:disabled{background:#636366;color:#aeaeb2;border-color:#636366;cursor:not-allowed}.inline-parsed-variables{margin-top:16px;padding:16px;background:#1a1a1a;border:1px solid #333;border-radius:8px}.parsed-summary h5{margin:0 0 8px;color:#fff;font-size:14px;font-weight:600}.parsed-stats-inline{display:flex;gap:16px;margin-bottom:16px}.stat-item{color:#ccc;font-size:12px;padding:4px 8px;background:#2a2a2a;border-radius:4px}.inline-variable-group{margin-bottom:16px}.inline-group-header{color:#fff;font-size:13px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #333}.group-description{color:#ccc;font-weight:400}.inline-variables-list{display:flex;flex-direction:column;gap:8px}.inline-variable-item{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;padding:8px;background:#2a2a2a;border-radius:4px;font-size:12px;position:relative}.inline-variable-item.editable:hover{background:#333}.variable-edit-form{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px}.edit-row{display:flex;gap:12px}.variable-key-input,.variable-value-input{flex:1;min-width:0}.variable-description-input{width:100%}.edit-actions{display:flex;gap:8px;align-items:center}.save-btn,.delete-btn{padding:4px 8px;font-size:11px;min-width:auto}.toggle-secret-button{display:flex;align-items:center;gap:8px;background:#000;border:1px solid #333;padding:8px 12px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s ease;color:#ccc;position:relative;outline:none}.toggle-secret-button:focus{outline:none;border:1px solid #333}.toggle-secret-button:hover{background:#000;border-color:#444}.toggle-secret-button.is-secret{color:#ff4757;background:#000!important}.toggle-secret-button:not(.is-secret){color:#00bfff;background:#000!important}.toggle-secret-button:before{content:"";width:32px;height:16px;background:#333;border-radius:8px;position:relative;transition:background-color .2s ease}.toggle-secret-button:after{content:"";width:12px;height:12px;background:#666;border-radius:50%;position:absolute;left:14px;top:50%;transform:translateY(-50%);transition:all .2s ease}.toggle-secret-button.is-secret:before{background:#2a1a1a}.toggle-secret-button.is-secret:after{background:#ff4757;left:30px}.toggle-secret-button:not(.is-secret):before{background:#1a1f2a}.toggle-secret-button:not(.is-secret):after{background:#00bfff;left:14px}.variable-actions{display:flex;justify-content:flex-end;opacity:1}.edit-var-button{background:#333;color:#8ab4f8;border:1px solid #555;padding:4px 8px;border-radius:4px;font-size:10px;cursor:pointer;transition:background-color .2s}.edit-var-button:hover{background:#444}.add-variable-btn{margin-top:8px;width:100%;padding:8px;font-size:11px}.variable-key{color:#8ab4f8;font-weight:500;word-break:break-word;display:flex;align-items:center;gap:8px}.variable-key-name{flex:1}.secret-badge{color:#ff9f40;font-size:10px;font-weight:600;white-space:nowrap}.public-badge{color:#00bfff;font-size:10px;font-weight:600;white-space:nowrap}.variable-value{color:#fff;word-break:break-all;font-family:monospace}.variable-description{grid-column:1 / -1;color:#999;font-size:11px;margin-top:4px}.env-description-input{font-size:14px;background:#000!important}.env-description-input::placeholder{color:#636366}.env-textarea{font-size:13px;line-height:1.4;background:#000!important}.env-textarea::placeholder{color:#636366}.add-config-btn{width:100%;margin-top:16px;background:#f5f5f7!important;color:#1c1c1e!important;border:1px solid #f5f5f7!important;font-weight:600!important}.add-config-btn:hover:not(:disabled){background:#e5e5ea!important;color:#000!important;border-color:#e5e5ea!important}.project-context{padding:24px;background:#2c2c2e;border-bottom:1px solid #48484a;margin-bottom:0}.repository-info{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.repo-label{color:#aeaeb2;font-weight:500}.repo-name{color:#64b5f6;font-weight:600;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace}.project-context .branch-selection{margin-bottom:0;padding-bottom:0;border-bottom:none}.project-context .branch-selection label{color:#aeaeb2;font-weight:500}.branch-select{background:#000!important;border:1px solid #48484a!important;color:#81c784!important}.bulk-input-section{padding:24px;margin-bottom:0}.section-header{margin-bottom:24px}.section-header h4{margin:0 0 4px;color:#fff;font-size:16px;font-weight:600}.section-header p{margin:0;color:#aeaeb2;font-size:14px}.env-config-item{border:1px solid #48484a;border-radius:8px;padding:20px;background:#3a3a3c}.env-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:24px;background:#000;border-top:1px solid #48484a;margin-top:0}.skip-button{background:transparent;color:#aeaeb2;border:1px solid #48484a;font-weight:500}.skip-button:hover:not(:disabled){background:#48484a;color:#fff;border-color:#48484a}.button.button-primary.analyze-button{background:#0d7d47!important;color:#fff!important;border:1px solid #0d7d47!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.01em!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;transition:all .15s ease!important;box-shadow:none!important}.button.button-primary.analyze-button:hover:not(:disabled){background:#0a6b3c!important;color:#fff!important;border-color:#0a6b3c!important;transform:none!important;box-shadow:none!important}.branch-selection{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3a3a3a}.branch-selection label{display:block;margin-bottom:8px;font-weight:600;color:#fff}.branch-select{width:100%;max-width:300px;padding:8px 12px;border:1px solid #4a4a4a;border-radius:6px;font-size:14px;background:#1a1a1a;color:#fff}.loading-branches{color:#ccc;font-style:italic;padding:8px 0}@media(max-width:768px){.enhanced-env-modal-content{width:95%;max-height:95vh}.env-variable-item{flex-direction:column;align-items:stretch;gap:12px}.env-variable-info{flex-direction:column;align-items:stretch;gap:8px}.env-value{max-width:none}.actions-bar{flex-direction:column;gap:12px;align-items:stretch}.actions-left,.actions-right{justify-content:center}.env-manager-header{flex-direction:column;gap:16px;align-items:stretch}.header-right{justify-content:center}.env-actions{flex-direction:column;gap:12px}.group-edit-form{width:100%}}.env-display-container{color:#fff;padding:0}.env-section,.secrets-section{margin-bottom:32px}.env-section h3,.secrets-section h3{color:#fff;font-size:1.5em;margin-bottom:8px;border-bottom:2px solid #333;padding-bottom:8px}.env-section p,.secrets-section p{color:#ccc;margin-bottom:16px;font-size:14px}.env-group-display{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:16px;overflow:hidden}.env-group-header{padding:16px;background:#2a2a2a;border-bottom:1px solid #333}.env-group-header h4{color:#fff;margin:0 0 4px;font-size:1.2em}.env-group-description{color:#ccc;margin:0;font-size:13px}.env-variables-table,.secrets-table{padding:16px}.env-table{width:100%;border-collapse:collapse;background:transparent}.env-table th{color:#fff;text-align:left;padding:12px 8px;border-bottom:2px solid #333;font-weight:600;font-size:13px;background:#2a2a2a}.env-table td{padding:12px 8px;border-bottom:1px solid #333;vertical-align:top;color:#ccc;font-size:13px}.env-table tr:hover{background:#2a2a2a}.env-key,.secret-key{color:#00bfff;background:#1a1a1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px}.env-value{color:#98fb98;background:#1a1a1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;word-break:break-all}.secret-indicator{color:#ff6b6b;font-size:12px;display:flex;align-items:center;gap:4px}.env-type{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.env-type.regular{background:#2a5a2a;color:#90ee90}.env-type.secret{background:#5a2a2a;color:#ffb3b3}.secret-value-container{display:flex;align-items:center;gap:8px}.secret-value-masked{color:#999;background:#1a1a1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px}.secret-value-decrypted{color:#98fb98;background:#1a1a1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;word-break:break-all;border:1px solid #ff6b6b}.btn-decrypt-secret,.btn-hide-secret{background:#333;border:1px solid #555;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;transition:background .2s ease}.btn-decrypt-secret:hover,.btn-hide-secret:hover{background:#444}.btn-decrypt-secret:disabled{opacity:.5;cursor:not-allowed}.required-indicator{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.required-indicator.required{background:#2a5a2a;color:#90ee90}.required-indicator.optional{background:#5a5a2a;color:#ffff90}.secrets-info{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:12px;margin-top:16px}.secrets-info p{margin:0;color:#ccc;font-size:12px}.no-variables{color:#999;font-style:italic;padding:16px;text-align:center}.empty-state{text-align:center;padding:32px;color:#999}.empty-state h3{color:#ccc;margin-bottom:8px}.loading-text{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:#ccc}.error-message{background:#5a2a2a;border:1px solid #ff6b6b;border-radius:6px;padding:12px;margin-bottom:16px;color:#ffb3b3}.signin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signin-modal-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 36px;max-width:400px;width:90%;text-align:center;box-shadow:0 24px 48px #0006}.signin-modal-github-icon{width:48px;height:48px;fill:#fff;margin-bottom:20px}.signin-modal-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.signin-modal-subtitle{font-size:.95rem;color:#9ca3af;margin:0 0 28px;line-height:1.5}.signin-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#fff;color:#000;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.signin-modal-btn:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.signin-modal-dismiss{display:block;margin:16px auto 0;background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:8px;transition:color .2s ease;font-family:inherit}.signin-modal-dismiss:hover{color:#ffffffb3}.search-results-card{background:var(--color-surface)!important;border:1px solid var(--color-border);border-radius:18px 18px 18px 4px;padding:1rem;width:100%;box-sizing:border-box;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;-webkit-font-smoothing:antialiased;box-shadow:0 1px 3px #0000001a}.search-results-card .search-results-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border-subtle)}.search-results-card .search-header-left{display:flex;align-items:center;gap:8px;min-width:0}.search-results-card .search-query{color:var(--color-text-secondary)!important;font-weight:600;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results-card .search-result-count{color:var(--color-text-muted)!important;font-size:.75rem;flex-shrink:0}.search-results-card .search-ai-summary{background:var(--color-surface-elevated)!important;border:1px solid var(--color-border-subtle);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem}.search-results-card .ai-summary-label{color:var(--color-text-tertiary)!important;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em;margin:0!important}.search-results-card .search-ai-summary p{color:var(--color-text-secondary)!important;margin:.25rem 0 0!important;line-height:1.5;font-size:.8125rem!important}.search-results-card .search-results-list{display:flex;flex-direction:column;gap:0}.search-results-card .search-result-item{padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle)}.search-results-card .search-result-item:last-child{border-bottom:none}.search-results-card .result-title-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chat-card .message-content .search-results-card a.result-title,.devops-helper-chat .message-content .search-results-card a.result-title,.search-results-card a.result-title{color:var(--color-text-primary)!important;text-decoration:underline!important;text-decoration-color:var(--color-text-muted)!important;text-underline-offset:2px;font-weight:500!important;font-size:.8125rem!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;transition:color .15s ease!important}.chat-card .message-content .search-results-card a.result-title:hover,.devops-helper-chat .message-content .search-results-card a.result-title:hover,.search-results-card a.result-title:hover{color:var(--color-text-secondary)!important;text-decoration:underline!important;text-decoration-color:var(--color-text-muted)!important;text-underline-offset:2px}.search-results-card .relevance-badge{font-size:.625rem!important;font-weight:500!important;padding:1px 6px;border-radius:10px;flex-shrink:0;line-height:1.4;background:var(--color-surface-accent)!important;color:var(--color-text-tertiary)!important}.search-results-card .relevance-badge.high{color:var(--color-text-secondary)!important}.search-results-card .relevance-badge.low{color:var(--color-text-muted)!important}.search-results-card .result-url{color:var(--color-text-muted)!important;font-size:.6875rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px!important}.search-results-card .result-content{color:var(--color-text-tertiary)!important;font-size:.75rem!important;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important}.search-results-card .search-show-more{display:block;width:100%;background:none!important;border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text-tertiary)!important;font-size:.75rem;padding:6px;margin-top:.5rem;cursor:pointer;transition:background .15s ease,color .15s ease}.search-results-card .search-show-more:hover{background:var(--color-hover)!important;color:var(--color-text-secondary)!important}.chat-card{height:100%;max-height:100%;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.chat-header{padding:.5rem .75rem;background:var(--color-surface-strong)!important;border-bottom:1px solid var(--color-border);min-height:auto;box-shadow:0 1px 3px #0000004d}.chat-header h2{color:var(--color-text-primary)!important;font-size:.875rem;font-weight:600;margin:0;letter-spacing:-.022em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-messages{flex:1;min-height:0;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;scroll-behavior:smooth;background-color:#252526}.chat-messages:before{content:"";flex:1}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.chat-messages::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.message{display:flex;flex-direction:column;gap:2px;max-width:95%;padding:.5rem .75rem;border-radius:12px;font-size:.8125rem;line-height:1.4}.message[data-message-type=requirements_approval],.message[data-message-type=plan_approval]{max-width:100%;padding:4px 6px;background:transparent}.message.explorer{padding:0 .75rem;background:transparent;max-width:100%;margin-top:-2px}.message.user{align-self:flex-end;background-color:#2d2d30;color:#ccc;position:relative}.message.assistant{align-self:flex-start;background-color:#1e1e1e;color:#d4d4d4;position:relative}.message.tool{align-self:flex-start;background:transparent;color:#d4d4d4;max-width:100%;padding:4px 6px;position:relative}.message-content{white-space:pre-wrap;line-height:1.4;font-size:.8125rem;color:var(--color-text-primary)}.message-content{font-family:inherit;font-size:inherit;color:#fff}.message-content *{background:inherit!important}.message-content h1,.message-content h1 *{font-size:1.25rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.message-content h2,.message-content h2 *{font-size:1.125rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.message-content h3,.message-content h3 *{font-size:1rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.message-content h4,.message-content h4 *{font-size:.9375rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.message-content p{margin:.25rem 0!important;color:#fff!important}.message-content ul,.message-content ol{margin:.25rem 0!important;padding-left:1rem!important}.message-content li{margin:.1rem 0!important;color:#fff!important}.message-content p strong,.message-content li strong,.message-content td strong,.message-content div strong{font-weight:600!important;color:#e0e0e0!important}.message-content p em,.message-content li em,.message-content td em,.message-content div em{font-style:italic!important;color:#fff!important}.message-content code{background:#1e1e1e!important;border:1px solid #3c3c3c!important;border-radius:3px!important;padding:.1rem .2rem!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.75rem!important;color:#9cdcfe!important}.message-content pre:not(.command-output){background:#1e1e1e!important;border:1px solid #3c3c3c!important;border-radius:6px!important;padding:.5rem!important;margin:.25rem 0!important;overflow-x:auto!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.75rem!important;color:#d4d4d4!important}.message-content pre code{background:transparent!important;border:none!important;padding:0!important;color:#d4d4d4!important}.message-content .code-block{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px;padding:.75rem;margin:.5rem 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:var(--color-text-primary);box-shadow:0 1px 3px var(--color-shadow-light)}.message-content .code-block code{background:transparent;padding:0;border:none;color:var(--color-text-primary);font-family:inherit}.message-content .inline-code{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:4px;padding:.125rem .25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--color-text-primary);margin:0 .125rem}.chat-input{flex-shrink:0;padding:6px;border-top:1px solid var(--color-border);display:flex;gap:6px;align-items:center;position:relative;border-radius:0 0 12px 12px}.chat-input input{flex:1;padding:.375rem .5rem;border:1px solid #c7c7cc;border-radius:4px;font-size:.8125rem;color:#1c1c1e;background-color:#c7c7cc;height:32px;box-sizing:border-box;transition:all .2s ease}.chat-input input::placeholder{color:#636366}.chat-input .chat-textarea{flex:1;padding:6px 10px;border:1px solid #c7c7cc;border-radius:4px;font-size:.8125rem;outline:none;transition:all .3s cubic-bezier(.28,.11,.32,1);resize:none;box-sizing:border-box;min-height:34px;max-height:120px;line-height:1.4;font-family:inherit;background-color:#c7c7cc;color:#1c1c1e;letter-spacing:-.022em;box-shadow:none}.chat-input input:focus{outline:none;border-color:#aeaeb2;background-color:#aeaeb2}.chat-input .chat-textarea:focus{outline:none;border-color:#aeaeb2;background-color:#aeaeb2}.chat-input .chat-textarea::placeholder{color:#636366}.chat-input button{padding:.375rem .75rem;background-color:#c7c7cc;color:#1c1c1e;border:1px solid #c7c7cc;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;height:32px;min-width:60px}.chat-input button:hover:not(:disabled){background-color:#aeaeb2;color:#1c1c1e;border-color:#aeaeb2}.chat-input button:disabled{background-color:#636366;color:#aeaeb2;border-color:#636366;cursor:not-allowed}.chat-input .repositories-button{background:linear-gradient(135deg,#000000e6,#101010f2);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;height:32px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.chat-input .repositories-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.chat-input .repositories-button:hover{background:linear-gradient(135deg,#101010f2,#202020fa);border-color:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.chat-input .repositories-button:hover:before{left:100%}.approval-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#000c!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:99999!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.approval-modal-overlay .approval-modal{background-color:var(--color-surface)!important;border-radius:12px!important;padding:2rem!important;max-width:600px!important;width:90%!important;max-height:80vh!important;overflow-y:auto!important;box-shadow:0 20px 40px #0000004d!important;border:3px solid var(--color-warning)!important;animation:modalPulse 2s ease-in-out infinite alternate!important}@keyframes modalPulse{0%{transform:scale(1);box-shadow:0 20px 40px #0000004d,0 0 #ff6b3566}to{transform:scale(1.02);box-shadow:0 25px 50px #0006,0 0 0 10px #ff6b351a}}.approval-modal-header{margin-bottom:1rem}.approval-modal-header h3{margin:0;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.approval-modal-content{margin-bottom:2rem}.approval-modal-content p{margin:.5rem 0;color:var(--color-text-primary);line-height:1.5}.command-preview{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:4px;padding:1rem;margin:1rem 0;font-family:monospace;font-size:.9rem;overflow-x:auto}.command-preview code{background:transparent;padding:0;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.approval-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.approve-button{background-color:var(--color-success);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.approve-button:hover{background-color:var(--color-success-hover)}.deny-button{background-color:var(--color-error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.deny-button:hover{background-color:var(--color-error-hover)}.stop-button{background-color:var(--color-error);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;height:fit-content}.stop-button:hover{background-color:var(--color-error-hover)}.message.system{align-self:center;background-color:var(--color-surface);color:var(--color-text-secondary);font-style:italic;max-width:100%;text-align:center;border:1px solid var(--color-border);opacity:.8}.message.approval{align-self:flex-start;background-color:transparent;border:none;border-radius:0;max-width:100%;padding:0;margin:2px 0}.approval-request{padding:4px 6px;background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border);font-size:.75rem;line-height:1.2}.approval-header{margin-bottom:3px;padding-bottom:2px}.approval-header h4{margin:0;color:var(--color-text-secondary);font-size:.7rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;text-transform:uppercase;letter-spacing:.5px}.approval-content{margin:0;padding:0}.command-preview{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:3px;padding:3px 5px;margin:3px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;overflow-x:auto;line-height:1.1}.command-preview code{background:transparent;color:var(--color-text-primary);padding:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.approval-actions{display:flex;gap:4px;margin-top:4px;justify-content:flex-end}.approve-button,.deny-button{padding:2px 8px;border-radius:3px;cursor:pointer;font-size:.7rem;font-weight:500;transition:all .1s ease;min-width:50px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;text-transform:none;letter-spacing:0;line-height:1}.approve-button{background:var(--color-surface);color:var(--color-success);border:1px solid var(--color-success);box-shadow:0 0 6px #34d3991a}.approve-button:hover{background:var(--color-surface-elevated);color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 8px #34d39933}.deny-button{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:0 0 4px #8b949e1a}.deny-button:hover{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border-strong);box-shadow:0 0 6px #8b949e26}.tool-progress-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#6366f11a;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin:8px 0}.tool-progress-message.complete{background:#22c55e1a;border-left-color:#22c55e}.tool-progress-icon{flex-shrink:0;color:#6366f1}.tool-progress-text{font-size:14px;color:#e0e0e0;line-height:1.5}.tool-progress-message.complete .tool-progress-text{color:#4ade80}.tool-progress-percentage{color:#818cf8;font-weight:500}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.command-block{background:#000;border:1px solid #333333;border-radius:6px;margin:8px 0;font-family:SF Mono,Monaco,Consolas,Ubuntu Mono,monospace;box-shadow:0 1px 3px #0009;overflow:hidden}.command-output{background:#000;color:#fff;padding:12px;margin:0;white-space:pre-wrap;font-size:.8rem;line-height:1.4;overflow-x:auto}.reading-file-prefix{color:#569cd6}.reading-file-path{color:#ce9178}.tool-success-badge{color:#4ec9b0;background:#4ec9b014;padding:2px 8px;border-radius:3px;border-left:2px solid rgba(78,201,176,.3);display:inline-block;margin:2px 0;font-size:.8rem}.chat-card .message-content h1,.chat-card .message-content h1 *,.devops-helper-chat .message-content h1,.devops-helper-chat .message-content h1 *,.cloud-architecture-plan .plan-text h1,.cloud-architecture-plan .plan-text h1 *,.cost-estimate-content h1,.cost-estimate-content h1 *{font-size:1.25rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.chat-card .message-content h2,.chat-card .message-content h2 *,.devops-helper-chat .message-content h2,.devops-helper-chat .message-content h2 *,.cloud-architecture-plan .plan-text h2,.cloud-architecture-plan .plan-text h2 *,.cost-estimate-content h2,.cost-estimate-content h2 *{font-size:1.125rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.chat-card .message-content h3,.chat-card .message-content h3 *,.devops-helper-chat .message-content h3,.devops-helper-chat .message-content h3 *,.cloud-architecture-plan .plan-text h3,.cloud-architecture-plan .plan-text h3 *,.cost-estimate-content h3,.cost-estimate-content h3 *{font-size:1rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.chat-card .message-content p,.devops-helper-chat .message-content p,.cloud-architecture-plan .plan-text p,.cost-estimate-content p{margin:.25rem 0!important;color:#fff!important}.chat-card .message-content li,.devops-helper-chat .message-content li,.cloud-architecture-plan .plan-text li,.cost-estimate-content li{margin:.1rem 0!important;color:#fff!important}.execution-progress .detail-content h1,.execution-progress .detail-content h1 *,.validation-progress .detail-content h1,.validation-progress .detail-content h1 *,.cloud-architecture-plan .plan-text h1,.cloud-architecture-plan .plan-text h1 *{font-size:1.25rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#569cd6!important}.execution-progress .detail-content h2,.execution-progress .detail-content h2 *,.validation-progress .detail-content h2,.validation-progress .detail-content h2 *,.cloud-architecture-plan .plan-text h2,.cloud-architecture-plan .plan-text h2 *{font-size:1.125rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#569cd6!important}.execution-progress .detail-content h3,.execution-progress .detail-content h3 *,.validation-progress .detail-content h3,.validation-progress .detail-content h3 *,.cloud-architecture-plan .plan-text h3,.cloud-architecture-plan .plan-text h3 *{font-size:1rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.execution-progress .detail-content p,.validation-progress .detail-content p,.cloud-architecture-plan .plan-text p{margin:.25rem 0!important;color:#fff!important}.execution-progress .detail-content li,.validation-progress .detail-content li,.cloud-architecture-plan .plan-text li{margin:.1rem 0!important;color:#fff!important}.chat-card .command-block,.devops-helper-chat .command-block,.execution-progress .command-block,.validation-progress .command-block,.cloud-architecture-plan .command-block{background:#000;border:1px solid #333333;border-radius:6px;margin:8px 0;font-family:SF Mono,Monaco,Consolas,Ubuntu Mono,monospace;box-shadow:0 1px 3px #0009;overflow:hidden}.chat-card .command-output,.devops-helper-chat .command-output,.execution-progress .command-output,.validation-progress .command-output,.cloud-architecture-plan .command-output{background:#000;color:#fff;padding:12px;margin:0;white-space:pre-wrap;font-size:.8rem;line-height:1.4;overflow-x:auto}.chat-card .command-output .dollar-prompt,.devops-helper-chat .command-output .dollar-prompt,.execution-progress .command-output .dollar-prompt,.validation-progress .command-output .dollar-prompt,.cloud-architecture-plan .command-output .dollar-prompt{color:#22c55e;font-weight:600}.chat-card .reading-file-prefix,.devops-helper-chat .reading-file-prefix,.execution-progress .reading-file-prefix,.validation-progress .reading-file-prefix,.cloud-architecture-plan .reading-file-prefix{color:#569cd6}.chat-card .reading-file-path,.devops-helper-chat .reading-file-path,.execution-progress .reading-file-path,.validation-progress .reading-file-path,.cloud-architecture-plan .reading-file-path{color:#ce9178}.chat-card .tool-success-badge,.devops-helper-chat .tool-success-badge,.execution-progress .tool-success-badge,.validation-progress .tool-success-badge,.cloud-architecture-plan .tool-success-badge{color:#4ec9b0;background:#4ec9b014;border-left:2px solid rgba(78,201,176,.3)}.cloud-architecture-plan .plan-text ul,.cloud-architecture-plan .plan-text ol,.cost-estimate-content ul,.cost-estimate-content ol{margin:.25rem 0!important;padding-left:1rem!important}.cloud-architecture-plan .plan-text strong,.cost-estimate-content strong{font-weight:600!important;color:#e0e0e0!important}.cloud-architecture-plan .plan-text em,.cost-estimate-content em{font-style:italic!important;color:#fff!important}.cloud-architecture-plan .plan-text code,.cost-estimate-content code{background:#1e1e1e!important;border:1px solid #3c3c3c!important;border-radius:3px!important;padding:.1rem .2rem!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.75rem!important;color:#9cdcfe!important}.cloud-architecture-plan .plan-text pre,.cost-estimate-content pre{background:#1e1e1e!important;border:1px solid #3c3c3c!important;border-radius:6px!important;padding:.75rem!important;margin:.5rem 0!important;overflow-x:auto!important}.cloud-architecture-plan .plan-text pre code,.cost-estimate-content pre code{background:transparent!important;border:none!important;padding:0!important;color:#d4d4d4!important}.chat-card .message-content a,.devops-helper-chat .message-content a,.execution-progress .detail-content a,.validation-progress .detail-content a,.cloud-architecture-plan .plan-text a,.cost-estimate-content a,.implementation-plan .plan-content a,.modal-message-content a,.plan-step-content a,.progress-step-details a{color:#4fc1ff!important;text-decoration:underline!important;cursor:pointer!important;transition:color .2s ease!important}.chat-card .message-content a:hover,.devops-helper-chat .message-content a:hover,.execution-progress .detail-content a:hover,.validation-progress .detail-content a:hover,.cloud-architecture-plan .plan-text a:hover,.cost-estimate-content a:hover,.implementation-plan .plan-content a:hover,.modal-message-content a:hover,.plan-step-content a:hover,.progress-step-details a:hover{color:#7dd3ff!important;text-decoration:underline!important}.cost-estimate-content table{width:100%!important;border-collapse:collapse!important;margin:.5rem 0!important;border:1px solid #3c3c3c!important}.cost-estimate-content table th,.cost-estimate-content table td{border:1px solid #3c3c3c!important;padding:.5rem!important;text-align:left!important;color:#fff!important}.cost-estimate-content table th{background-color:#1e1e1e!important;font-weight:600!important;color:#4fc1ff!important}.cost-estimate-content table tbody tr:hover{background-color:#ffffff0d!important}.chat-card{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;overflow:hidden!important;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s cubic-bezier(.28,.11,.32,1);position:relative}.chat-header{padding:.5rem .75rem;background:var(--color-surface-strong);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;position:relative;min-height:auto;box-shadow:0 1px 3px #0000004d}.chat-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.chat-header h2{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0;letter-spacing:-.022em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.thread-id{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-elevated);padding:.5rem .75rem;border-radius:8px;font-weight:500;letter-spacing:-.022em;border:1px solid var(--color-border);font-family:monospace}.chat-messages{flex:1 1 0!important;min-height:0!important;max-height:100%!important;overflow-y:scroll!important;overflow-x:hidden!important;padding:.75rem 1rem .25rem;display:flex!important;flex-direction:column!important;gap:.75rem;background:var(--color-chat-messages, var(--color-surface));scroll-behavior:smooth;position:relative}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s cubic-bezier(.28,.11,.32,1);opacity:.6;box-shadow:0 1px 3px #0000001a}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8;box-shadow:0 2px 6px #00000026}.chat-messages::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1;box-shadow:0 1px 2px #0003}.chat-messages{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.chat-messages *{box-sizing:border-box}.message{flex-shrink:0;max-width:80%;padding:.75rem 1rem;border-radius:18px;line-height:1.47059;font-size:.875rem;letter-spacing:-.022em;position:relative;word-wrap:break-word;overflow-wrap:break-word}.message.assistant{align-self:flex-start;background:var(--color-surface);color:var(--color-text-primary);border-radius:18px 18px 18px 4px;position:relative}.message.user{align-self:flex-end;background:var(--color-surface-elevated);color:var(--color-text-primary);border-radius:18px 18px 4px;position:relative}.message.tool_progress{align-self:flex-start;max-width:100%;background:transparent;border:none;box-shadow:none;padding:0}.chat-input-buttons{display:flex;gap:4px;align-items:center}.repos-button{padding:6px 12px!important;background:var(--color-button-secondary)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;height:34px!important;white-space:nowrap!important;box-shadow:none!important;letter-spacing:-.022em!important;min-width:auto!important;display:flex!important;align-items:center!important;gap:5px!important;font-family:inherit!important;line-height:18px!important}.repos-button:hover:not(:disabled){background:var(--color-button-secondary-hover)!important;border-color:var(--color-border-strong)!important}.repos-button:active:not(:disabled){background:var(--color-button-secondary-hover)!important}.repos-button:disabled{opacity:.5!important;cursor:not-allowed!important}.chat-card .github-icon{width:14px!important;height:14px!important;fill:var(--color-text-primary)!important}.message-content{margin:0;white-space:pre-wrap}.message-content.loading{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-style:italic;font-weight:500}.message-content.loading:after{content:"";width:12px;height:12px;border:2px solid var(--color-border-strong);border-top:2px solid var(--color-text-secondary);border-radius:50%;animation:spin 1s linear infinite}.chat-input{flex-shrink:0!important;flex-grow:0!important;padding:10px 12px;background:var(--color-surface);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .06));display:flex;gap:8px;align-items:flex-end;position:relative;min-height:auto}.chat-textarea{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px;font-size:.875rem;outline:none;transition:border-color .2s ease;resize:none;box-sizing:border-box!important;min-height:38px;max-height:120px;line-height:1.4;font-family:inherit;background:#ffffff0a!important;color:#fff!important;letter-spacing:-.022em;box-shadow:none}.chat-textarea:focus{outline:none;border-color:#3b82f666!important;background:#ffffff0f!important;box-shadow:none}.chat-textarea::placeholder{color:#ffffff59!important}.chat-textarea:disabled{opacity:.4;cursor:not-allowed;background:#ffffff05!important;border-color:#ffffff0f!important;box-shadow:none}.chat-textarea::-webkit-scrollbar{width:6px}.chat-textarea::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.chat-textarea::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s cubic-bezier(.28,.11,.32,1);opacity:.6;box-shadow:0 1px 3px #0000001a}.chat-textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8;box-shadow:0 2px 6px #00000026}.chat-textarea::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1;box-shadow:0 1px 2px #0003}.chat-textarea{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.repos-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.repos-modal-content{background:var(--color-surface);border-radius:12px;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 70px #0000004d,0 2px 10px #0003;border:1px solid var(--color-border);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.repos-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}.repos-header h3{margin:0;color:var(--color-text-primary);font-weight:600;font-size:16px;letter-spacing:-.022em;display:flex;align-items:center;gap:8px}.repos-access-hint{padding:10px 24px;font-size:13px;color:var(--color-text-secondary);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.repos-access-hint a{color:var(--color-accent);text-decoration:none}.repos-access-hint a:hover{text-decoration:underline}.repos-search-container{padding:16px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.repos-search-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:inherit;background:var(--color-input-background);color:var(--color-text-primary);outline:none;transition:all .2s cubic-bezier(.3,0,.5,1);box-shadow:inset 0 1px #ffffff1a;line-height:20px}.repos-search-input:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px #ffffff1a}.repos-search-input::placeholder{color:var(--color-text-secondary)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:8px;line-height:1;border-radius:6px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-button:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.repos-list{flex:1;overflow-y:auto;padding:0;background:var(--color-surface)}.repos-list::-webkit-scrollbar{width:6px}.repos-list::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.repos-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s cubic-bezier(.28,.11,.32,1);opacity:.6;box-shadow:0 1px 3px #0000001a}.repos-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8;box-shadow:0 2px 6px #00000026}.repos-list::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1;box-shadow:0 1px 2px #0003}.repos-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.repo-item{padding:16px 24px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .15s ease-in-out;background:var(--color-surface);position:relative}.repo-item:hover{background:var(--color-surface-elevated)}.repo-item:last-child{border-bottom:none}.repo-info{display:flex;flex-direction:column;gap:8px}.repo-name{font-weight:600;font-size:16px;color:#4493f8;letter-spacing:-.022em;display:flex;align-items:center;gap:8px;line-height:1.5}.repo-name:hover{text-decoration:underline}.repo-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;letter-spacing:-.022em;margin:0}.repo-meta{display:flex;align-items:center;gap:16px;font-size:12px;flex-wrap:wrap;margin-top:8px}.repo-visibility{padding:2px 8px;border-radius:12px;font-weight:500;border:1px solid;display:inline-flex;align-items:center;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.repo-visibility.private{background-color:#bb800926;color:#f0cc00;border-color:#bb800966}.repo-visibility.public{background-color:#2ea04326;color:#56d364;border-color:#2ea04366}.repo-language{color:var(--color-text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.repo-language:before{content:"";width:12px;height:12px;border-radius:50%;background-color:#a855f7}.repo-stars{color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.repo-updated{color:var(--color-text-tertiary);font-size:12px}.no-repos{text-align:center;padding:48px 24px;color:var(--color-text-secondary);font-style:italic;font-size:14px}.env-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.env-modal-content{background:var(--color-surface);border-radius:24px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 64px #00000026;border:1px solid var(--color-border);overflow:hidden}.env-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.env-header h3{margin:0;color:var(--color-text-primary);font-weight:600;font-size:1.125rem;letter-spacing:-.022em}.env-body{padding:1.5rem;flex:1;overflow-y:auto;background:var(--color-surface-elevated)}.env-body p{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.47059;letter-spacing:-.022em}.env-body strong{color:var(--color-text-primary)}.env-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--color-border);border-radius:16px;font-size:.875rem;line-height:1.47059;font-family:monospace;background:var(--color-surface);color:var(--color-text-primary);resize:vertical;outline:none;transition:all .3s cubic-bezier(.28,.11,.32,1);box-shadow:inset 0 1px 3px #0000000d}.env-textarea:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px #ffffff1a,inset 0 1px 3px #0000000d}.env-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.env-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.skip-button{padding:.75rem 1.5rem;background:var(--color-text-tertiary);color:var(--color-surface);border:none;border-radius:16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.28,.11,.32,1);box-shadow:0 1px 3px #0000001a;letter-spacing:-.022em}.skip-button:hover:not(:disabled){background:var(--color-text-secondary);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.skip-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.analyze-button{padding:.75rem 1.5rem;background:var(--color-button-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.28,.11,.32,1);box-shadow:0 1px 3px #0000001a;letter-spacing:-.022em}.analyze-button:hover:not(:disabled){background:var(--color-button-secondary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-input button{padding:6px 14px;background:var(--color-button-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:34px;letter-spacing:-.022em;box-shadow:none;min-width:56px;display:flex;align-items:center;justify-content:center}.chat-input button:hover:not(:disabled){background:var(--color-button-secondary-hover)}.chat-input button:active:not(:disabled){background:var(--color-button-secondary-hover)}.chat-input button:disabled{opacity:.4;cursor:not-allowed;transform:none}.stop-button{background:#ef444426!important;border:1px solid rgba(239,68,68,.25)!important;padding:6px 14px;border-radius:8px;color:#f87171!important;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;letter-spacing:-.022em;min-width:50px;height:34px}.stop-button:hover{background:#ef444440!important;border-color:#ef444466!important}.stop-button:active{background:#ef444459!important}@media(max-width:768px){.chat-card{border-radius:12px}.chat-header{padding:1rem}.chat-header h2{font-size:1.125rem}.thread-id{font-size:.6875rem;padding:.25rem .5rem}.chat-messages{padding:1rem;gap:.75rem}.message{max-width:90%;padding:.75rem 1rem;font-size:.8125rem}.chat-input{padding:8px 10px;gap:6px}.chat-textarea{padding:8px 12px;font-size:.8125rem;min-height:38px;max-height:100px}.chat-input button{padding:6px 12px;font-size:.8125rem;min-width:50px}.stop-button{padding:6px 10px;font-size:.8125rem;min-width:44px}.repos-button{padding:6px 10px!important;font-size:.8125rem!important}.chat-input-buttons{gap:4px}}.chat-card ::selection{background:var(--color-text-secondary);color:var(--color-surface)}.chat-textarea:focus-visible{outline:none;border-color:#3b82f666!important}.chat-input button:focus-visible{outline:2px solid rgba(59,130,246,.4);outline-offset:2px}.repos-button:focus-visible{outline:2px solid rgba(255,255,255,.2);outline-offset:2px}.stop-button:focus-visible{outline:2px solid rgba(239,68,68,.4);outline-offset:2px}.branch-selection{margin:1rem 0;padding:.75rem;background:var(--color-surface-elevated);border-radius:12px;border:1px solid var(--color-border)}.branch-selection label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem;font-size:14px}.branch-select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-input-background);font-size:14px;color:var(--color-text-primary);transition:border-color .2s ease}.branch-select:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 2px #ffffff1a}.loading-branches{padding:.75rem;color:var(--color-text-secondary);font-style:italic;text-align:center}.env-configs-container{margin:1rem 0}.env-config-item{margin-bottom:1rem;padding:1rem;background:var(--color-surface-elevated);border-radius:12px;border:1px solid var(--color-border)}.env-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.env-config-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.remove-config-btn{background:var(--color-error);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:background-color .2s ease}.remove-config-btn:hover{background:#e52e24}.env-config-fields{display:flex;flex-direction:column;gap:.75rem}.env-description-input{width:100%;padding:.75rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-input-background);font-size:14px;color:var(--color-text-primary);transition:border-color .2s ease}.env-description-input:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 2px #ffffff1a}.env-description-input::placeholder{color:var(--color-text-secondary)}.add-config-btn{background:var(--color-button-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.add-config-btn:hover{background:var(--color-button-secondary-hover)}.add-config-btn:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}@media(max-width:768px){.env-config-item{padding:.75rem;margin-bottom:.75rem}.env-config-header h4{font-size:14px}.remove-config-btn{width:20px;height:20px;font-size:14px}}.command-block{background:#000!important;border:1px solid #333333;border-radius:6px;margin:8px 0;font-family:monospace;box-shadow:0 1px 3px #0009;overflow:hidden}.command-output{background:#000!important;color:#fff!important;padding:12px;margin:0;white-space:pre-wrap;font-size:.8rem;line-height:1.4;overflow-x:auto}.command-output .dollar-prompt{color:#22c55e;font-weight:600}.chat-card .message-content h1,.chat-card .message-content h1 *{font-size:1.25rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.chat-card .message-content h2,.chat-card .message-content h2 *{font-size:1.125rem!important;font-weight:600!important;margin:.5rem 0 .25rem!important;color:#4fc1ff!important}.chat-card .message-content h3,.chat-card .message-content h3 *{font-size:1rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.chat-card .message-content h4,.chat-card .message-content h4 *{font-size:.9375rem!important;font-weight:600!important;margin:.25rem 0 .125rem!important;color:#c586c0!important}.chat-card .message-content p{margin:.25rem 0!important;color:#fff!important}.chat-card .message-content ul,.chat-card .message-content ol{margin:.25rem 0!important;padding-left:1rem!important}.chat-card .message-content li{margin:.1rem 0!important;color:#fff!important}.tool-progress-message{display:flex;align-items:center;gap:8px;padding:12px;background-color:#6366f11a;border-left:3px solid #6366f1;margin:8px 0;border-radius:4px;transition:all .3s ease}.tool-progress-message.complete{background-color:#22c55e1a;border-left-color:#22c55e}.tool-progress-icon{color:#6366f1;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.tool-progress-text{color:#a5b4fc;font-size:14px;font-style:italic;font-weight:500;white-space:pre-line;transition:color .3s ease}.tool-progress-message.complete .tool-progress-text{color:#86efac;font-style:normal}.tool-progress-percentage{font-weight:600;margin-left:4px}.chat-card.drag-over:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f61a;border:2px dashed var(--color-primary, #3b82f6);border-radius:8px;z-index:99;pointer-events:none}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;border-radius:8px}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-primary, #fff);font-weight:500;background:var(--color-surface-elevated, #2d2d2d);padding:24px 32px;border-radius:12px;border:2px dashed var(--color-primary, #3b82f6)}.drag-icon{font-size:32px}.attach-image-btn{padding:6px;border:none;background:transparent;cursor:pointer;color:#fff6;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease;flex-shrink:0}.attach-image-btn:hover:not(:disabled){background:#ffffff0f;color:#fffc}.attach-image-btn:disabled{opacity:.3;cursor:not-allowed}.image-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;background:var(--color-surface, #1e1e1e);border-top:1px solid var(--color-border, #333)}.image-attachment{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border, #333);flex-shrink:0}.image-attachment img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#000000b3;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-attachment:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:var(--color-danger, #ef4444)}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chat-image{max-width:200px;max-height:150px;border-radius:8px;object-fit:contain;border:1px solid var(--color-border, #333);cursor:pointer}.chat-image:hover{border-color:var(--color-primary, #3b82f6)}.thinking-block{margin:2px 0}.thinking-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.thinking-chevron{font-size:10px;color:#ffffff59;transition:transform .15s ease;display:inline-block}.thinking-chevron.expanded{transform:rotate(90deg)}.thinking-label{font-size:.75rem;font-weight:500;color:#fff6;display:inline-flex;align-items:center;gap:6px}.thinking-dots{display:inline-flex;gap:3px}.thinking-dot{width:3px;height:3px;background:#ffffff59;border-radius:50%;animation:thinkingDotPulse 1.4s ease-in-out infinite}.thinking-dot:nth-child(1){animation-delay:-.32s}.thinking-dot:nth-child(2){animation-delay:-.16s}.thinking-dot:nth-child(3){animation-delay:0s}@keyframes thinkingDotPulse{0%,80%,to{opacity:.4}40%{opacity:1}}.thinking-text{margin-top:4px;padding-left:14px;font-size:.8125rem;line-height:1.4;color:#ffffff59;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.thinking-text::-webkit-scrollbar{width:4px}.thinking-text::-webkit-scrollbar-track{background:transparent}.thinking-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.explorer-block{margin:0;line-height:1}.explorer-header{display:flex;align-items:center;gap:5px;padding:2px 0;-webkit-user-select:none;user-select:none;height:22px}.explorer-chevron{font-size:7px;color:var(--color-text-muted, #656d76);transition:transform .15s ease;display:inline-flex;align-items:center;width:8px;flex-shrink:0}.explorer-chevron.expanded{transform:rotate(90deg)}.explorer-status-icon{display:flex;align-items:center;flex-shrink:0;color:#6366f1}.explorer-block.complete .explorer-status-icon{color:var(--color-success, #34d399)}.explorer-spinner{animation:explorerSpin 1s linear infinite}@keyframes explorerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explorer-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #c1c7cd)}.explorer-status-text{font-size:.6875rem;color:var(--color-text-muted, #656d76);margin-left:auto}.explorer-block.streaming .explorer-status-text{color:#6366f1}.explorer-block.complete .explorer-status-text{color:var(--color-success, #34d399)}.explorer-content{padding:4px 0 8px 20px;font-size:.8125rem;line-height:1.5;color:#fff;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.explorer-content::-webkit-scrollbar{width:4px}.explorer-content::-webkit-scrollbar-track{background:transparent}.explorer-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.explorer-content::-webkit-scrollbar-thumb:hover{background:#fff3}.generation-activity{display:flex;align-items:center;gap:6px;padding:2px 12px;font-size:11px;color:var(--color-text-secondary)}.generation-activity-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-primary);animation:generation-pulse 1.5s ease-in-out infinite;flex-shrink:0}.generation-activity-text{color:var(--color-text-secondary)}.generation-activity-stats{display:flex;align-items:center;gap:6px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.generation-activity-separator{opacity:.5}@keyframes generation-pulse{0%,to{opacity:1}50%{opacity:.3}}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--apple-white: var(--color-surface);--apple-gray-50: var(--color-surface-elevated);--apple-gray-100: var(--color-surface-elevated);--apple-gray-200: var(--color-border);--apple-gray-300: var(--color-border);--apple-gray-400: var(--color-text-secondary);--apple-gray-500: var(--color-text-secondary);--apple-gray-600: var(--color-text-primary);--apple-gray-700: var(--color-text-primary);--apple-gray-800: var(--color-text-primary);--apple-gray-900: var(--color-text-primary);--apple-blue: var(--color-text-primary);--apple-blue-dark: var(--color-text-primary);--apple-blue-light: var(--color-text-primary);--apple-red: var(--color-error);--apple-green: var(--color-success);--apple-orange: var(--color-warning);--apple-purple: var(--color-text-secondary);--apple-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--apple-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--apple-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--apple-shadow-xl: 0 16px 64px rgba(0, 0, 0, .15);--apple-blur-light: rgba(255, 255, 255, .8);--apple-blur-medium: rgba(255, 255, 255, .72);--apple-blur-heavy: rgba(255, 255, 255, .64);--apple-radius-sm: 4px;--apple-radius-md: 4px;--apple-radius-lg: 4px;--apple-radius-xl: 4px;--apple-space-1: .25rem;--apple-space-2: .5rem;--apple-space-3: .75rem;--apple-space-4: 1rem;--apple-space-5: 1.25rem;--apple-space-6: 1.5rem;--apple-space-8: 2rem;--apple-space-10: 2.5rem;--apple-space-12: 3rem;--apple-space-16: 4rem;--apple-space-20: 5rem;--apple-space-24: 6rem}.requirements-list-card{height:100%;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--apple-radius-lg);border:1px solid var(--color-border);overflow:hidden;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.requirements-list-header{padding:0;background:var(--color-surface-strong);position:relative;overflow:hidden;display:flex;flex-direction:row;min-height:auto;box-shadow:0 1px 3px #0000004d;border-bottom:1px solid var(--color-border)}.requirements-list-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-surface-strong) 0%,var(--color-surface-elevated) 100%);opacity:1}.requirements-list-header h2{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0;position:relative;z-index:1;letter-spacing:-.022em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tab{flex:1;padding:.5rem .75rem;background:transparent;color:var(--color-text-primary);border:none;border-radius:0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);letter-spacing:-.01em;position:relative;font-family:inherit;text-align:center;min-height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--color-border);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab:first-child{border-radius:var(--apple-radius-lg) 0 0 0}.tab:last-child{border-right:none;border-radius:0 var(--apple-radius-lg) 0 0}.tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff0,#ffffff0d,#fff0);opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}.tab:hover:not(.disabled):not(.active):before{opacity:1;background:linear-gradient(135deg,#ffffff0f,#ffffff14,#ffffff0f)}.tab:hover:not(.disabled):not(.active){color:var(--color-text-primary);background:var(--color-surface-translucent);box-shadow:inset 0 1px #ffffff26}.tab.active{background:var(--color-surface-strong);color:var(--color-text-primary);font-weight:700;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000014;text-shadow:none}.tab.active:before{opacity:1;background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff14)}.tab.disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-tertiary)}.tab.disabled:hover{background:transparent;color:var(--color-text-tertiary);transform:none}.tab.disabled:before{display:none}.timestamp-container{padding:var(--apple-space-1) var(--apple-space-3) var(--apple-space-2);background:transparent;display:flex;justify-content:flex-end;position:relative;z-index:2}.generated-time{color:var(--color-text-secondary);font-size:.6875rem;font-weight:400;opacity:.8;font-family:inherit;padding:var(--apple-space-1) var(--apple-space-2);border-radius:var(--apple-radius-sm);background:var(--color-surface-elevated);letter-spacing:-.01em;border:1px solid var(--color-border)}.env-vars-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;font-size:.625rem;font-weight:700;color:#fff;background:#569cd6;border-radius:10px;padding:0 6px;margin-left:6px;line-height:1;box-shadow:0 2px 4px #569cd64d}.secrets-notification{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;font-size:.75rem;font-weight:700;color:#fff;border-radius:50%;padding:0 4px;margin-left:8px;vertical-align:middle;position:relative;animation:subtle-pulse 2s ease-in-out infinite;border:none;line-height:1;font-family:inherit;-webkit-font-smoothing:antialiased}.secrets-notification.missing{background:#d32f2f;box-shadow:0 2px 6px #d32f2f80,0 3px 12px #d32f2f4d}.secrets-notification.complete{background:var(--gradient-success);box-shadow:0 2px 4px var(--color-shadow-medium),0 1px 2px var(--color-shadow-light),inset 0 1px 0 var(--color-surface-elevated);display:none}@keyframes subtle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.requirements-list-content{flex:1;padding:var(--apple-space-3) 0;overflow-y:auto;background:var(--color-background);scroll-behavior:smooth}.requirements-list-content::-webkit-scrollbar{width:6px}.requirements-list-content::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.requirements-list-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.requirements-list-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.requirements-list-content::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.no-requirements-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--apple-space-8);text-align:center}.no-requirements-icon{font-size:3rem;margin-bottom:var(--apple-space-4);opacity:.5}.no-requirements-state p{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.5;margin:0;letter-spacing:-.022em}.no-requirements-state p:first-of-type{color:var(--color-text-primary);font-size:1.0625rem;font-weight:500;margin-bottom:var(--apple-space-2)}.no-requirements-state .hint-text{margin-top:var(--apple-space-3);max-width:400px}.requirements-list-footer{padding:6px 8px;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;border-radius:0 0 var(--apple-radius-lg) var(--apple-radius-lg);align-items:center;position:relative}.requirements-list-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.footer-left,.footer-right{display:flex;align-items:center}.footer-left .generated-time{color:var(--color-text-secondary);font-size:.75rem;font-weight:400;font-family:inherit;background:var(--color-surface-elevated);padding:1px 4px;border-radius:var(--apple-radius-sm);border:1px solid var(--color-border)}.confirm-requirements-btn{padding:var(--apple-space-2) var(--apple-space-3);background:#000;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2);border-radius:var(--apple-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);letter-spacing:.02em;position:relative;overflow:hidden;min-height:36px;min-width:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff1a inset,0 0 8px #ffffff0d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.confirm-requirements-btn:not(:disabled){position:relative;color:var(--color-success);font-weight:600;background:var(--color-surface);border:1px solid var(--color-success);overflow:hidden;box-shadow:0 1px 2px var(--color-shadow-light),0 0 12px #34d39926}.confirm-requirements-btn:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s cubic-bezier(.25,.46,.45,.94)}.confirm-requirements-btn:disabled:hover:before{left:100%}.confirm-requirements-btn:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-success);border-color:var(--color-success);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-shadow-light),0 0 20px #34d39940}.confirm-requirements-btn:active:not(:disabled){background:#000;transform:translateY(0);box-shadow:0 1px 3px #0006,0 0 0 1px #ffffff1f inset,0 0 6px #ffffff0a}.confirm-requirements-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-requirements-btn.stage-completed{opacity:.7;background:var(--color-surface);color:var(--color-text-tertiary);border:1px solid var(--color-border);box-shadow:none;text-shadow:none}.confirm-requirements-btn:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:2px}.notification-toast{position:fixed;top:20px;right:20px;z-index:1001;animation:slideInRight .3s cubic-bezier(.25,.46,.45,.94)}.notification-toast.success .notification-content{background:var(--gradient-success);color:var(--color-text-primary);box-shadow:0 8px 32px var(--color-shadow-medium)}.notification-toast.error .notification-content{background:var(--gradient-error);color:var(--color-text-primary);box-shadow:0 8px 32px var(--color-shadow-medium)}.notification-toast.info .notification-content{background:linear-gradient(135deg,#569cd6,#3a6ea5);color:#fff;box-shadow:0 8px 32px #569cd666}.notification-content{padding:12px 16px;border-radius:12px;background:var(--color-surface-elevated);display:flex;align-items:center;gap:10px;min-width:280px;font-weight:500;font-size:14px;border:1px solid rgba(255,255,255,.2)}.notification-icon{font-size:16px;flex-shrink:0}.notification-message{flex:1;font-weight:500}.notification-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;opacity:.8}.notification-close:hover{background-color:#fff3;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(100%) translateY(-10px)}to{opacity:1;transform:translate(0) translateY(0)}}.requirements-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--apple-space-8) var(--apple-space-4);text-align:center;height:100%;min-height:300px}.empty-state-icon{color:var(--color-text-tertiary);opacity:.4;margin-bottom:var(--apple-space-4)}.empty-state-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--apple-space-2) 0;letter-spacing:-.022em}.empty-state-description{color:var(--color-text-secondary);font-size:.8125rem;margin:0;line-height:1.6;max-width:280px;letter-spacing:-.022em}.requirements-fullscreen-content{position:relative;height:100%;display:flex;flex-direction:column}.requirements-fullscreen-content.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:var(--color-surface);padding:var(--apple-space-4)}.requirements-controls{position:absolute;top:var(--apple-space-4);right:var(--apple-space-4);display:flex;gap:var(--apple-space-2);z-index:100;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-lg);padding:var(--apple-space-2);box-shadow:var(--apple-shadow-md)}.requirements-scrollable-content{flex:1;overflow-y:auto;padding:var(--apple-space-4)}.requirements-scrollable-content::-webkit-scrollbar{width:6px}.requirements-scrollable-content::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.requirements-scrollable-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.requirements-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.requirements-scrollable-content::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.requirements-fullscreen-content.fullscreen .requirements-scrollable-content{padding-top:calc(var(--apple-space-12) + var(--apple-space-4))}.requirements-fullscreen-content.fullscreen .expand-icon{opacity:.3;pointer-events:none}.requirements-fullscreen-content.fullscreen .expandable{cursor:default}.requirements-fullscreen-content.fullscreen .expandable:hover:after{display:none}.summary-section{background:var(--color-surface);color:var(--color-text-primary);position:relative;margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);border-radius:var(--apple-radius-sm);border:1px solid var(--color-border);overflow:hidden}.summary-section h3{font-size:1rem;font-weight:600;color:#569cd6;margin:0;padding:var(--apple-space-3) var(--apple-space-4);letter-spacing:-.01em;line-height:1.3;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.summary-section h4{font-size:.875rem;font-weight:600;color:#9cdcfe;margin:var(--apple-space-3) 0 var(--apple-space-2) 0;padding:0 var(--apple-space-4)}.overview-description{padding:0 var(--apple-space-4);margin:var(--apple-space-3) 0;color:#fff;font-size:.875rem;line-height:1.6}.overview-description p{margin:var(--apple-space-2) 0;line-height:1.6;color:#fff}.overview-description h2,.overview-description h3,.overview-description h4{color:#9cdcfe;font-weight:600;margin:var(--apple-space-3) 0 var(--apple-space-2) 0}.overview-description h2{font-size:1rem}.overview-description h3{font-size:.9rem}.overview-description h4{font-size:.85rem}.overview-description ul,.overview-description ol{margin:var(--apple-space-2) 0;padding-left:var(--apple-space-4)}.overview-description li{margin:var(--apple-space-1) 0;line-height:1.6;color:#fff}.overview-description strong{color:#dcdcaa;font-weight:600}.overview-description em{color:#ce9178;font-style:italic}.overview-description code{background:#569cd61a;color:#ce9178;padding:.1rem .3rem;border-radius:var(--apple-radius-sm);font-family:Monaco,Menlo,Courier New,monospace;font-size:.85em}.objectives-subsection,.slo-subsection,.capacity-subsection{padding:0 var(--apple-space-4) var(--apple-space-3) var(--apple-space-4)}.section{background:var(--color-surface);margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);border-radius:var(--apple-radius-sm);border:1px solid var(--color-border);overflow:hidden}.section h4{font-size:1rem;font-weight:600;color:#569cd6;margin:0;padding:var(--apple-space-3) var(--apple-space-4);letter-spacing:-.01em;line-height:1.3;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.infrastructure-overview-section,.solution-overview-section{padding:var(--apple-space-3) var(--apple-space-4)}.solution-overview-description{color:#fff;font-size:.875rem;line-height:1.6;margin:0}.solution-overview-description p{margin:var(--apple-space-2) 0;line-height:1.6;color:#fff}.solution-overview-description h2,.solution-overview-description h3,.solution-overview-description h4{color:#9cdcfe;font-weight:600;margin:var(--apple-space-3) 0 var(--apple-space-2) 0}.solution-overview-description h2{font-size:1rem}.solution-overview-description h3{font-size:.9rem}.solution-overview-description h4{font-size:.85rem}.solution-overview-description ul,.solution-overview-description ol{margin:var(--apple-space-2) 0;padding-left:var(--apple-space-4)}.solution-overview-description li{margin:var(--apple-space-1) 0;line-height:1.6;color:#fff}.solution-overview-description strong{color:#dcdcaa;font-weight:600}.solution-overview-description em{color:#ce9178;font-style:italic}.solution-overview-description code{background:#569cd61a;color:#ce9178;padding:.1rem .3rem;border-radius:var(--apple-radius-sm);font-family:Monaco,Menlo,Courier New,monospace;font-size:.85em}.item-list{list-style:none;padding:var(--apple-space-3) var(--apple-space-4);margin:0;display:flex;flex-direction:column;gap:var(--apple-space-2)}.item-list li{color:var(--color-text-primary);font-size:.875rem;line-height:1.6;padding-left:var(--apple-space-3);position:relative}.item-list li:before{content:"•";position:absolute;left:0;color:#569cd6;font-weight:700}.item-key{color:#ce9178;font-weight:500;margin-right:var(--apple-space-1)}.components-list,.services-list,.topology-list{padding:var(--apple-space-3);display:flex;flex-direction:column;gap:var(--apple-space-2)}.component-card,.service-card,.topology-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);padding:var(--apple-space-2) var(--apple-space-3);position:relative}.component-card.expandable,.service-card.expandable,.topology-item.expandable{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}.component-card.expandable:hover,.service-card.expandable:hover,.topology-item.expandable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#569cd6}.component-row,.service-row,.topology-row{display:flex;justify-content:space-between;align-items:center;gap:var(--apple-space-2)}.component-main,.service-main,.topology-main{display:flex;align-items:center;gap:var(--apple-space-2);flex-wrap:wrap}.component-name{color:#dcdcaa;font-weight:600;font-size:.85rem}.component-type{color:#4ec9b0;font-size:.7rem;padding:.15rem .4rem;background:#4ec9b01a;border-radius:var(--apple-radius-sm)}.service-name{color:#4fc1ff;font-weight:600;font-size:.85rem}.service-version{color:#b5cea8;font-size:.7rem;padding:.15rem .4rem;background:#b5cea81a;border-radius:var(--apple-radius-sm)}.topology-name{color:#dcdcaa;font-weight:600;font-size:.85rem}.topology-type{color:#c586c0;font-size:.7rem;padding:.15rem .4rem;background:#c586c01a;border-radius:var(--apple-radius-sm)}.component-inline-detail,.service-inline-detail{font-size:.75rem;color:var(--color-text-primary)}.detail-label{color:var(--color-text-secondary);font-weight:500}.expand-icon{flex-shrink:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.expand-icon path{fill:#f8f9fa!important}.component-card .expand-icon path,.service-card .expand-icon path,.topology-item .expand-icon path,.additional-req-item .expand-icon path{fill:#f8f9fa!important}.component-card.expandable:hover .expand-icon,.service-card.expandable:hover .expand-icon,.topology-item.expandable:hover .expand-icon{opacity:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.component-card.expanded .expand-icon,.service-card.expanded .expand-icon,.topology-item.expanded .expand-icon{transform:rotate(180deg)}.component-expanded-content,.service-expanded-content,.topology-expanded-content{margin-top:var(--apple-space-3);padding-top:var(--apple-space-3);border-top:1px solid var(--color-border);-webkit-user-select:text;user-select:text}.expanded-section{margin-bottom:var(--apple-space-2)}.expanded-section:last-child{margin-bottom:0}.expanded-section-title{color:#4ec9b0;font-size:.8rem;font-weight:600;margin-bottom:var(--apple-space-1);font-family:inherit}.notes-content{color:var(--color-text-primary);font-size:.8rem;line-height:1.6;white-space:pre-wrap}.parse-error{color:var(--color-error);font-size:.8rem;font-style:italic}.additional-req-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);padding:var(--apple-space-2) var(--apple-space-3);margin-bottom:var(--apple-space-2);position:relative}.additional-req-item.expandable{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}.additional-req-item.expandable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#569cd6}.req-header{display:flex;justify-content:space-between;align-items:center}.req-title{color:#dcdcaa;font-size:.85rem;font-weight:600;margin:0}.req-description{color:var(--color-text-primary);font-size:.8rem;line-height:1.6;margin:var(--apple-space-2) 0 0 0}.req-expanded-content{margin-top:var(--apple-space-3);padding-top:var(--apple-space-3);border-top:1px solid var(--color-border);-webkit-user-select:text;user-select:text}.success-criteria-list{padding:var(--apple-space-3);display:flex;flex-direction:column;gap:var(--apple-space-3)}.success-criteria-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);padding:var(--apple-space-3)}.criteria-test-name{color:#dcdcaa;font-size:.9rem;font-weight:600;margin:0 0 var(--apple-space-2) 0}.criteria-description{color:var(--color-text-primary);font-size:.8rem;line-height:1.6;margin:0 0 var(--apple-space-2) 0}.criteria-validation-steps{margin-top:var(--apple-space-2);padding-top:var(--apple-space-2);border-top:1px solid var(--color-border)}.criteria-validation-steps h6{color:#4ec9b0;font-size:.75rem;font-weight:600;margin:0 0 var(--apple-space-1) 0;text-transform:uppercase;letter-spacing:.05em}.criteria-validation-steps .item-list{padding:var(--apple-space-2) 0 0 0;gap:var(--apple-space-1)}.criteria-validation-steps .item-list li{font-size:.8rem}.json-object,.json-array{font-family:inherit;font-size:.8rem;line-height:1.6}.json-item{padding:var(--apple-space-1) 0;display:flex;gap:var(--apple-space-2)}.json-key{color:#9cdcfe;font-weight:500;min-width:120px}.json-value{color:#ce9178;word-break:break-word}.json-array-item{padding:var(--apple-space-1) 0;color:var(--color-text-primary)}.architecture-diagram-content{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}.architecture-diagram-content.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:var(--color-surface)}.diagram-controls{position:absolute;top:var(--apple-space-4);right:var(--apple-space-4);display:flex;gap:var(--apple-space-2);z-index:100;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-lg);padding:var(--apple-space-2);box-shadow:var(--apple-shadow-md)}.diagram-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--apple-radius-md);padding:var(--apple-space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text-primary)}.diagram-btn:hover{background:var(--color-surface-elevated);border-color:var(--primary-color);transform:translateY(-1px)}.diagram-btn:active{transform:translateY(0)}.diagram-btn svg{stroke-width:2}.zoom-indicator{display:flex;align-items:center;padding:0 var(--apple-space-3);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.diagram-viewport{flex:1;overflow:auto;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-lg);position:relative;-webkit-user-select:none;user-select:none}.diagram-scroll-wrapper{display:inline-block;min-width:100%;min-height:100%;position:relative}.mermaid-container{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .2s ease-out;will-change:transform}.mermaid-container svg{display:block}.no-architecture-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--apple-space-8);text-align:center}.no-architecture-icon{font-size:4rem;margin-bottom:var(--apple-space-4);opacity:.5}.no-architecture-state h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--apple-space-2)}.no-architecture-state p{font-size:.875rem;color:var(--color-text-secondary);max-width:400px;line-height:1.5}.architecture-diagram-content.ascii-diagram{background:#000}.ascii-viewport{flex:1;overflow:auto;background:#000;border:1px solid #333333;border-radius:var(--apple-radius-lg);padding:var(--apple-space-8);display:flex;justify-content:flex-start;align-items:flex-start}.ascii-viewport::-webkit-scrollbar{width:8px;height:8px}.ascii-viewport::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.ascii-viewport::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.ascii-viewport::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.ascii-viewport::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.ascii-diagram-content{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Courier New,monospace;font-size:14px;line-height:1.4;color:#fff;white-space:pre;margin:0;padding:var(--apple-space-6);background:#000;border:1px solid #333333;border-radius:var(--apple-radius-md);overflow:visible;text-align:left}.cost-estimate-content{padding:20px;font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto;line-height:1.6}.no-cost-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--apple-space-8);text-align:center}.no-cost-icon{font-size:3rem;margin-bottom:var(--apple-space-4);opacity:.5}.no-cost-state h3{color:var(--color-text-primary);font-size:1.0625rem;font-weight:500;margin:0 0 var(--apple-space-2) 0;letter-spacing:-.022em}.no-cost-state p{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.5;margin:var(--apple-space-3) 0 0 0;max-width:400px;letter-spacing:-.022em}.no-analysis-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--apple-space-8);text-align:center}.no-analysis-icon{font-size:3rem;margin-bottom:var(--apple-space-4);opacity:.5}.no-analysis-state h3{color:var(--color-text-primary);font-size:1.0625rem;font-weight:500;margin:0 0 var(--apple-space-2) 0;letter-spacing:-.022em}.no-analysis-state p{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.5;margin:var(--apple-space-3) 0 0 0;max-width:400px;letter-spacing:-.022em}.analysis-content{padding:var(--apple-space-4);height:100%;overflow-y:auto;scroll-behavior:smooth}.analysis-content::-webkit-scrollbar{width:6px}.analysis-content::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.analysis-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.analysis-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.analysis-content::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.analysis-section{background:var(--color-surface);margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);border-radius:var(--apple-radius-sm);border:1px solid var(--color-border);overflow:hidden}.analysis-section h4{font-size:1rem;font-weight:600;color:#569cd6;margin:0;padding:var(--apple-space-3) var(--apple-space-4);letter-spacing:-.01em;line-height:1.3;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.analysis-item-list{list-style:none;padding:var(--apple-space-3) var(--apple-space-4);margin:0;display:flex;flex-direction:column;gap:var(--apple-space-2)}.analysis-item-list li{color:var(--color-text-primary);font-size:.875rem;line-height:1.6;padding-left:var(--apple-space-3);position:relative}.analysis-item-list li:before{content:"•";position:absolute;left:0;color:#569cd6;font-weight:700}.analysis-item-key{color:#ce9178;font-weight:500;margin-right:var(--apple-space-1)}.analysis-visibility-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:.1rem .4rem;border-radius:var(--apple-radius-sm)}.analysis-visibility-badge.private{color:#dcdcaa;background:#dcdcaa1a}.analysis-visibility-badge.public{color:#b5cea8;background:#b5cea81a}.analysis-description-block{padding:var(--apple-space-3) var(--apple-space-4);border-top:1px solid var(--color-border)}.analysis-description-block p{margin:0;color:var(--color-text-primary);font-size:.875rem;line-height:1.6}.analysis-env-content{padding:var(--apple-space-3) var(--apple-space-4)}.analysis-env-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--color-text-primary)}.analysis-empty-note{margin:0;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.analysis-questions-reason{padding:var(--apple-space-2) var(--apple-space-4);border-bottom:1px solid var(--color-border)}.analysis-questions-reason p{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.analysis-questions-list{padding:var(--apple-space-3);display:flex;flex-direction:column;gap:var(--apple-space-2)}.analysis-question-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);padding:var(--apple-space-2) var(--apple-space-3)}.analysis-question-text{font-size:.8125rem;color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--apple-space-2)}.analysis-question-label{color:#dcdcaa;font-weight:600}.analysis-answer-text{font-size:.8125rem;color:var(--color-text-primary);line-height:1.5;padding-top:var(--apple-space-2);border-top:1px solid var(--color-border)}.analysis-answer-label{color:#4ec9b0;font-weight:600;margin-right:var(--apple-space-1)}.analysis-deployment-subsection{margin-bottom:0}.analysis-deployment-subsection h5{font-size:.875rem;font-weight:600;color:#9cdcfe;margin:0;padding:var(--apple-space-2) var(--apple-space-4)}.analysis-numbered-list{list-style:none;counter-reset:step-counter;padding:var(--apple-space-3) var(--apple-space-4);margin:0;display:flex;flex-direction:column;gap:var(--apple-space-2)}.analysis-numbered-list li{color:var(--color-text-primary);font-size:.8125rem;line-height:1.6;padding-left:calc(var(--apple-space-3) + 12px);position:relative;counter-increment:step-counter}.analysis-numbered-list li:before{content:counter(step-counter) ".";position:absolute;left:0;color:#569cd6;font-weight:600;font-size:.8125rem}.analysis-summary-content{padding:var(--apple-space-3) var(--apple-space-4)}.analysis-summary-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--color-text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--apple-space-8);gap:var(--apple-space-4)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-text-secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--color-text-secondary);font-size:.8125rem;margin:0;letter-spacing:-.022em}.no-env-vars-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--apple-space-8);text-align:center}.no-env-vars-message h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--apple-space-2) 0}.no-env-vars-message p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.env-vars-tab-content{padding:var(--apple-space-4);overflow-y:auto;max-height:100%}.env-vars-tab-content::-webkit-scrollbar{width:6px}.env-vars-tab-content::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.env-vars-tab-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.env-vars-tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.env-vars-tab-content::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.env-vars-header{display:flex;align-items:center;justify-content:space-between;margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);gap:var(--apple-space-3);flex-wrap:wrap}.unsaved-changes-banner{display:flex;align-items:center;gap:var(--apple-space-2);padding:var(--apple-space-2) var(--apple-space-3);background:#ff980014;border:1px solid rgba(255,152,0,.3);border-radius:var(--apple-radius-sm);box-shadow:0 1px 3px var(--color-shadow-light);width:100%}.unsaved-changes-badge{background:#ff9800e6;color:#000;padding:2px 6px;border-radius:3px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.unsaved-changes-text{font-size:.75rem;color:var(--color-text-primary);font-weight:500}.env-vars-header-buttons{display:flex;gap:var(--apple-space-2);flex-wrap:wrap}.add-group-btn,.bulk-import-btn{padding:var(--apple-space-2) var(--apple-space-4);background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--apple-radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-group-btn:hover,.bulk-import-btn:hover{background:var(--color-surface-strong);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-shadow-light)}.add-group-form{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-lg);padding:var(--apple-space-4);margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);box-shadow:0 2px 8px var(--color-shadow-medium)}.add-group-form .form-header h4{margin:0 0 var(--apple-space-3) 0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.add-group-form .form-body{display:flex;flex-direction:column;gap:var(--apple-space-3)}.add-group-form .form-field{display:flex;flex-direction:column;gap:var(--apple-space-1)}.add-group-form .form-field label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.add-group-form .form-input{padding:var(--apple-space-2);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);font-size:.8125rem;outline:none;transition:all .2s ease}.add-group-form .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.add-group-form .form-actions{display:flex;justify-content:flex-end;gap:var(--apple-space-2);margin-top:var(--apple-space-2)}.add-group-form .form-btn{padding:var(--apple-space-2) var(--apple-space-4);border-radius:var(--apple-radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.add-group-form .cancel-btn{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.add-group-form .cancel-btn:hover{background:var(--color-surface-elevated)}.add-group-form .save-btn{background:var(--color-text-primary);color:var(--color-surface)}.add-group-form .save-btn:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 2px 4px var(--color-shadow-light)}.bulk-import-form{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-lg);padding:var(--apple-space-4);margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);box-shadow:0 2px 8px var(--color-shadow-light)}.bulk-import-form .form-header{margin-bottom:var(--apple-space-3)}.bulk-import-form .form-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.bulk-import-form .form-body{display:flex;flex-direction:column;gap:var(--apple-space-3)}.bulk-import-form .form-field{display:flex;flex-direction:column;gap:var(--apple-space-1)}.bulk-import-form .form-field label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.bulk-import-textarea{width:100%;padding:var(--apple-space-3);background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--apple-radius-md);font-size:.8125rem;font-family:inherit;color:var(--color-text-primary);resize:vertical;min-height:150px;transition:border-color .2s ease}.bulk-import-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.env-var-group{background:var(--color-surface);margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);border-radius:var(--apple-radius-sm);border:1px solid var(--color-border);overflow:hidden}.env-var-group-header h4{font-size:1rem;font-weight:600;color:#569cd6;margin:0;padding:var(--apple-space-3) var(--apple-space-4);letter-spacing:-.01em;line-height:1.3;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);text-shadow:none;font-family:inherit}.env-var-group-description{margin:0;padding:var(--apple-space-2) var(--apple-space-4);font-size:.75rem;color:var(--color-text-secondary);font-style:italic;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.env-var-list{padding:var(--apple-space-2) var(--apple-space-4) var(--apple-space-3) var(--apple-space-4)}.env-var-item-horizontal{display:flex;align-items:center;gap:var(--apple-space-3);padding:var(--apple-space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);margin-bottom:var(--apple-space-2);transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 2px var(--color-shadow-light)}.env-var-item-horizontal:hover{border-color:#569cd680;box-shadow:0 2px 4px var(--color-shadow-medium)}.env-var-label{display:flex;align-items:center;gap:var(--apple-space-2);min-width:180px;flex-shrink:0}.env-var-key{font-family:inherit;font-size:.8125rem;font-weight:600;color:#9cdcfe;letter-spacing:-.01em;flex:1}.secret-checkbox-label{display:flex;align-items:center;gap:4px;cursor:pointer;padding:2px 6px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);transition:all .2s cubic-bezier(.25,.46,.45,.94);margin-left:auto}.secret-checkbox-label:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.secret-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#569cd6;margin:0}.secret-checkbox-text{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.env-var-input-wrapper{flex:1;min-width:0}.env-var-input{width:100%;padding:var(--apple-space-2) var(--apple-space-3);font-size:.8125rem;font-family:inherit;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);transition:all .2s cubic-bezier(.25,.46,.45,.94);letter-spacing:-.01em}.env-var-input:focus{outline:none;border-color:#569cd6;box-shadow:0 0 0 3px #569cd626;background:var(--color-surface-elevated)}.env-var-input::placeholder{color:var(--color-text-secondary);opacity:.5}.env-var-textarea{resize:none;overflow:hidden;min-height:38px;line-height:1.5;font-family:inherit}.no-variables{padding:var(--apple-space-2);text-align:center}.no-variables p{margin:0;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.add-variable-btn{width:100%;padding:var(--apple-space-2);background:var(--color-surface);color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--apple-radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--apple-space-2)}.add-variable-btn:hover{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-primary)}.add-variable-form{margin-top:var(--apple-space-3);padding:var(--apple-space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--apple-radius-md)}.add-variable-inputs{display:flex;flex-direction:column;gap:var(--apple-space-2);margin-bottom:var(--apple-space-2)}.add-var-input{padding:var(--apple-space-2);background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);font-size:.8125rem;outline:none;transition:all .2s ease}.add-var-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.add-variable-actions{display:flex;justify-content:flex-end;gap:var(--apple-space-2)}.cancel-add-var-btn,.save-add-var-btn{padding:var(--apple-space-2) var(--apple-space-3);border-radius:var(--apple-radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-add-var-btn{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.cancel-add-var-btn:hover{background:var(--color-surface-elevated)}.save-add-var-btn{background:var(--color-text-primary);color:var(--color-surface);border:none}.save-add-var-btn:hover{opacity:.85;transform:translateY(-1px)}.save-reanalyze-section{margin:0 var(--apple-space-3) var(--apple-space-4) var(--apple-space-3);padding:var(--apple-space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--apple-radius-sm);box-shadow:0 1px 3px var(--color-shadow-light)}.save-reanalyze-button{width:100%;padding:var(--apple-space-3) var(--apple-space-4);background:#22c55e;color:#000;border:1px solid rgba(34,197,94,.5);border-radius:var(--apple-radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:var(--apple-space-2);box-shadow:0 1px 3px #22c55e4d}.save-reanalyze-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px);box-shadow:0 2px 6px #22c55e66}.save-reanalyze-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #22c55e4d}.save-reanalyze-button:disabled{opacity:.6;cursor:not-allowed}.save-reanalyze-button .spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin-env .8s linear infinite}@keyframes spin-env{to{transform:rotate(360deg)}}.save-reanalyze-help{margin-top:var(--apple-space-2);margin-bottom:0;font-size:.6875rem;color:var(--color-text-secondary);text-align:center;letter-spacing:-.01em;line-height:1.4}@media(max-width:768px){.env-var-item-horizontal{flex-direction:column;align-items:stretch;gap:var(--apple-space-2)}.env-var-label{min-width:100%;flex-direction:row;justify-content:space-between}.env-var-input-wrapper{width:100%}}.secrets-tab-content{padding:var(--apple-space-4)}.secrets-tab-content::-webkit-scrollbar{width:6px}.secrets-tab-content::-webkit-scrollbar-track{background:transparent;border-radius:6px;margin:4px 0}.secrets-tab-content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:1px solid transparent;background-clip:content-box;transition:all .3s ease;opacity:.6}.secrets-tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);opacity:.8}.secrets-tab-content::-webkit-scrollbar-thumb:active{background:var(--color-text-secondary);opacity:1}.no-secrets-message{text-align:center;padding:var(--apple-space-6);color:var(--color-text-tertiary);font-style:italic}.no-secrets-message p{margin:0;font-size:.875rem}.secrets-grid{display:flex;flex-direction:column;gap:var(--apple-space-2)}.secret-item{padding:var(--apple-space-3);background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border);transition:all .15s ease;font-family:inherit;margin-left:var(--apple-space-2)}.secret-info{margin-bottom:var(--apple-space-1)}.secret-name{font-weight:600;font-size:.875rem;color:#9cdcfe;display:flex;align-items:center;gap:6px;margin-bottom:var(--apple-space-2);letter-spacing:-.01em}.auto-badge{display:inline-flex;align-items:center;background:var(--color-success);color:var(--color-text-primary);font-size:.625rem;font-weight:600;padding:1px 4px;border-radius:3px;margin-left:6px;text-transform:uppercase;letter-spacing:.3px;line-height:1}.required-badge{color:var(--color-text-tertiary);font-size:.625rem;font-weight:500;text-transform:lowercase;letter-spacing:.2px;line-height:1}.secret-description{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:var(--apple-space-1);line-height:1.4}.variable-name{font-size:.6875rem;color:var(--color-text-tertiary);font-family:inherit;margin-bottom:4px}.secret-status{margin:4px 0;display:flex;align-items:center}.status-provided{color:var(--color-success);font-weight:600;font-size:.6875rem;display:flex;align-items:center;gap:4px}.status-missing{color:var(--color-text-tertiary);font-weight:600;font-size:.6875rem;display:flex;align-items:center;gap:4px}.secret-input{display:flex;gap:6px;align-items:center;margin-top:6px}.secret-input-field{flex:1;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:.6875rem;background:var(--color-input-background);color:var(--color-text-primary);transition:all .15s ease}.secret-input-field:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 2px #fff3}.secret-input-field.has-unsaved-changes{border-color:var(--color-border-strong);box-shadow:0 0 0 2px #fff3}.github-details-toggle{padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-border) 100%);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;font-family:inherit;margin-left:4px}.github-details-toggle:hover{background:linear-gradient(135deg,var(--color-border) 0%,var(--color-border-strong) 100%);border-color:var(--color-text-tertiary);color:var(--color-text-primary);transform:translateY(-1px)}.github-details-toggle:active{transform:translateY(0)}.github-permissions-details{margin-top:12px;padding:16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.permissions-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;text-align:center}.permissions-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.permission-item.permission-read{border-left:3px solid var(--color-text-secondary)}.permission-item.permission-write{border-left:3px solid var(--color-warning)}.permission-content{flex:1}.permission-scope{font-size:12px;font-weight:600;color:var(--color-text-primary);font-family:inherit;margin-bottom:2px}.permission-description{font-size:11px;color:var(--color-text-secondary);line-height:1.3}.permission-level{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;color:#fff}.permission-level-read{background:var(--color-text-secondary)}.permission-level-write{background:var(--color-warning)}.permissions-notice{font-size:11px;color:var(--color-text-secondary);text-align:center;padding:8px 12px;background:var(--color-info-light);border:1px solid var(--color-primary-alpha-20);border-radius:6px;line-height:1.4}.batch-save-section{margin-top:var(--apple-space-4);text-align:center;padding:var(--apple-space-3)}.save-all-secrets-btn{padding:12px 24px;background:var(--color-surface);color:var(--color-success);border:1px solid var(--color-success);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease;letter-spacing:.02em;overflow:hidden;box-shadow:0 1px 2px var(--color-shadow-light),0 0 12px #34d39926}.save-all-secrets-btn:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-success);border-color:var(--color-success);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-shadow-light),0 0 20px #34d39940}.save-all-secrets-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.secret-input{flex-direction:column;align-items:stretch}}.premium-dark-landing{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.premium-dark-landing::-webkit-scrollbar{display:none}.dark-header{position:fixed;top:0;width:100%;z-index:1000;background:#ffffff0a;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 0}.dark-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.3) 30%,rgba(118,75,162,.3) 70%,transparent 100%)}.dark-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo-gradient{font-size:18px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.01em;color:#fff}.header-actions{display:flex;align-items:center;gap:16px}.pricing-btn{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:6px}.dark-header button:focus,.dark-header button:focus-visible,.dark-header button:active{outline:none!important;box-shadow:none!important}.pricing-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.cta-primary{background:#ffffff14;border:1px solid rgba(255,255,255,.8);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000004d}.cta-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);background:#ffffff26;border-color:#fffffff2;color:#fff;box-shadow:0 8px 25px #0003}.cta-primary:disabled{opacity:.7;cursor:not-allowed}.github-icon{width:16px;height:16px;fill:currentColor}.hero-bottom-cta{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:100}.dark-hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;overflow:hidden;box-sizing:border-box}.dark-hero-content{max-width:800px;width:100%;text-align:center;z-index:10}.dark-hero-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1}.accent-text{color:#b0b8c8}.dark-hero-subtitle{font-size:1.2rem;line-height:1.6;color:#f3f4f6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.dark-hero-cta{display:flex;justify-content:center}.dark-hero-cta-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.8);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 0 30px #ffffff40,0 4px 20px #fff3}.dark-hero-cta-button:hover{transform:translateY(-2px) scale(1.02);background:#ffffff2e;border-color:#fffffff2;box-shadow:0 0 40px #ffffff4d,0 8px 30px #ffffff40}.dark-github-icon{width:18px;height:18px;fill:currentColor}.hero-scroll-arrow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20}.scroll-down-arrow{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid rgba(255,255,255,.6);border-radius:50%;cursor:pointer;transition:all .3s ease;animation:pulse 2s infinite;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-down-arrow:hover{transform:translateY(-3px);border-color:#ffffffe6;background:#ffffff26;box-shadow:0 8px 25px #ffffff4d}.down-arrow-icon{width:28px;height:28px;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}@media(max-width:768px){.hero-scroll-arrow{bottom:15px}.scroll-down-arrow{width:45px;height:45px}.down-arrow-icon{width:24px;height:24px}}@media(max-width:480px){.hero-scroll-arrow{bottom:10px}.scroll-down-arrow{width:40px;height:40px}.down-arrow-icon{width:20px;height:20px}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.animation-demo-section{position:relative;min-height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0}.animation-content{position:relative;width:100%;max-width:1200px;height:100vh;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;will-change:transform;transform:translateZ(0)}.animation-content.input-moved,.animation-content.success-shown{align-items:center;justify-content:center}@media(max-width:768px){.animation-demo-section{min-height:100vh;max-height:none}.animation-content{height:auto;min-height:100vh;padding:0 16px}}@media(max-width:480px){.animation-content{padding:0 12px}}.unified-container{width:100%;max-width:1000px;display:flex;justify-content:center;align-items:flex-start;will-change:transform;transform:translateZ(0);backface-visibility:hidden;opacity:1}.unified-container.chat-only-centered{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:600px;max-width:95vw;z-index:1001;justify-content:center;will-change:transform;backface-visibility:hidden;opacity:1}.unified-container.centered-layout{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:1100px;max-width:95vw;z-index:1001;gap:40px;justify-content:space-between;will-change:transform;backface-visibility:hidden}.chat-input-wrapper{width:100%;max-width:1000px;will-change:width,transform;transform:translateZ(0)}.chat-input-wrapper.moved-to-left{width:600px;max-width:600px;flex-shrink:0}.premium-dark-landing .chat-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;opacity:0;animation:chatAppear .5s ease-in-out .2s both;width:100%;max-width:100%;overflow:visible;background:#000;padding:4px}.user-message,.bot-message{display:flex}.user-message{justify-content:flex-end;animation:slideInFromInputBox .8s cubic-bezier(.25,.46,.45,.94)}.bot-message{justify-content:flex-start;animation:slideInFromLeft .6s cubic-bezier(.25,.46,.45,.94) .3s both}.new-message.bot-message{animation:newBotMessageAppear .6s cubic-bezier(.25,.46,.45,.94) both}.new-message.user-message{animation:newUserMessageAppear .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes chatAppear{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes newBotMessageAppear{0%{opacity:0;transform:translate3d(-20px,0,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes newUserMessageAppear{0%{opacity:0;transform:translate3d(0,30px,0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}.message-bubble{max-width:85%;padding:12px 16px;border-radius:20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.4;box-shadow:0 4px 12px #00000026;word-wrap:break-word}.message-bubble.user{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-bottom-right-radius:4px}.message-bubble.bot{background:#ffffff14;color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.18)}.typing-indicator{display:flex;gap:4px;margin-bottom:8px;opacity:1;animation:typingFade 2s ease-in-out}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#fff;animation:none}.typing-indicator.animate-when-visible span{animation:typingDots 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.bot-text{opacity:0;animation:textAppear .5s ease-in-out 0s both}.new-message .bot-text,.new-message .message-bubble{opacity:1;animation:none}@keyframes slideInFromInputBox{0%{opacity:0;transform:translateY(60px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes typingDots{0%,80%,to{transform:scale3d(.8,.8,1);opacity:.5}40%{transform:scaleZ(1);opacity:1}}@keyframes typingFade{0%,60%{opacity:1}to{opacity:0}}@keyframes textAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.secret-form-container{flex-shrink:0;animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94)}.secret-form{background:linear-gradient(135deg,#202020fa,#111111f2);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;padding:32px;width:420px;max-width:90vw}.form-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.form-group{margin-bottom:20px}.form-group label{display:block;color:#c1c7cd;font-size:14px;font-weight:500;margin-bottom:8px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.secret-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:all .2s ease;outline:none;box-sizing:border-box}.secret-input:focus{border-color:#fff3;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.secret-input::placeholder{color:#888;opacity:.7}.submit-secrets-btn{position:relative;width:100%;background:linear-gradient(135deg,#000000e6,#101010f2);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 20px #ffffff1a,inset 0 1px #ffffff1a;margin-top:8px}.submit-secrets-btn:hover{background:linear-gradient(135deg,#101010f2,#202020fa);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26,inset 0 1px #ffffff26}.secret-input{transition:all .3s ease}.submit-secrets-btn.clicked{animation:secretSubmitClick .6s ease-out}@keyframes secretSubmitClick{0%{transform:translateY(-2px) scale(1);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26}25%{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 48px #0000004d,0 6px 24px #0003,0 0 40px #93c5fd66,0 0 80px #93c5fd33}50%{transform:translateY(1px) scale(.98);box-shadow:0 4px 16px #0003,0 2px 8px #00000026,0 0 60px #93c5fd99,0 0 120px #93c5fd4d}75%{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 30px #93c5fd4d}to{transform:translateY(-2px) scale(1);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26}}.secret-form-mouse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.plan-box-container{flex-shrink:0;animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94)}.plan-box{background:linear-gradient(135deg,#202020fa,#111111f2);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;padding:32px;width:420px;max-width:90vw}.plan-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.requirements-summary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#c1c7cd;font-size:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin-bottom:20px;text-align:center}.cloud-specs{margin-bottom:20px}.spec-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.spec-label{color:#c1c7cd;font-size:12px;font-weight:600;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.5px}.spec-value{font-size:14px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.spec-value.provider{color:#ff6b6b}.spec-value.region{color:#51cf66}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.resource-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center}.resource-label{color:#888;font-size:12px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.resource-value{color:#fff;font-size:16px;font-weight:600;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.confirm-plan-btn{position:relative;width:100%;background:linear-gradient(135deg,#000000e6,#101010f2);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 20px #ffffff1a,inset 0 1px #ffffff1a;margin-top:8px}.confirm-plan-btn:hover{background:linear-gradient(135deg,#101010f2,#202020fa);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26,inset 0 1px #ffffff26}.requirements-mouse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-plan-btn.clicked{animation:requirementsClick .6s ease-out}@keyframes requirementsClick{0%{transform:translateY(-2px) scale(1);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26}25%{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 48px #0000004d,0 6px 24px #0003,0 0 40px #93c5fd66,0 0 80px #93c5fd33}50%{transform:translateY(1px) scale(.98);box-shadow:0 4px 16px #0003,0 2px 8px #00000026,0 0 60px #93c5fd99,0 0 120px #93c5fd4d}75%{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 30px #93c5fd4d}to{transform:translateY(-2px) scale(1);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26}}.success-message-container{display:flex;justify-content:center;align-items:center;animation:successFadeIn .8s cubic-bezier(.25,.46,.45,.94)}.success-message{background:linear-gradient(135deg,#202020fa,#111111f2);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;padding:30px;text-align:center;max-width:480px;position:relative}.success-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:24px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;animation:titleSlideIn .6s cubic-bezier(.25,.46,.45,.94) .2s both}.deployment-details{display:grid;gap:12px;animation:detailsStagger .8s cubic-bezier(.25,.46,.45,.94) .4s both}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.detail-label{color:#fff;font-size:13px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#f3f4f6!important;font-size:13px;font-weight:600;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.success-status{color:#22c55e!important;font-weight:700!important}.final-branding-container{display:flex;justify-content:center;align-items:center;animation:brandingFadeIn 1s cubic-bezier(.25,.46,.45,.94)}.final-branding{text-align:center;padding:20px}.branding-title{color:#fff;font-size:48px;font-weight:300;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.5px;margin:0 0 16px;text-shadow:0 1px 0 rgba(147,197,253,.6),0 -1px 0 rgba(0,0,0,.8),0 0 2px rgba(147,197,253,.4),0 0 8px rgba(59,130,246,.3);filter:drop-shadow(0 1px 4px rgba(59,130,246,.4));animation:titleSlideUp .8s cubic-bezier(.25,.46,.45,.94) .2s both}.branding-tagline{color:#fffc;font-size:18px;font-weight:400;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.3px;margin:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.branding-tagline.hidden{opacity:0;transform:translateY(20px)}.branding-tagline.visible{opacity:.8;transform:translateY(0)}@keyframes brandingFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes detailsStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;will-change:transform;transform:translateZ(0)}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#a0a0a0;margin-bottom:40px}.hero-stats{display:flex;gap:40px;margin-bottom:40px}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:.875rem;color:#a0a0a0}.hero-cta{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:12px}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.arrow-icon{width:20px;height:20px;stroke:currentColor;transition:transform .2s ease}.hero-cta:hover .arrow-icon{transform:translate(4px)}.terminal-window{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.terminal-header{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-buttons{display:flex;gap:8px}.btn{width:12px;height:12px;border-radius:50%}.btn.red{background:#ff5f57}.btn.yellow{background:#ffbd2e}.btn.green{background:#28ca42}.terminal-title{color:#a0a0a0;font-size:12px;font-weight:500}.terminal-body{padding:20px;min-height:300px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;line-height:1.5;cursor:pointer}.terminal-prompt{display:flex;align-items:center;gap:8px;color:#a0a0a0}.prompt-text{opacity:.7}.terminal-line{margin-bottom:4px;color:#fff}.terminal-line:first-child{color:#4facfe}.terminal-line:contains("✓"){color:#28ca42}.terminal-line:contains("→"){color:#667eea;font-weight:600}.cursor{display:inline-block;width:8px;height:16px;background:#667eea;margin-left:4px}.cursor.blink{animation:none}.cursor.blink.animate-when-visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-container{width:100%}.animated-input-wrapper{display:flex;align-items:center;background:#161616fa;border-radius:30px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0006;padding:4px}.hero-input{flex:1;background:transparent;border:none;outline:none;color:#f8f9fa;font-size:18px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:20px 24px;font-weight:400;display:none}.hero-input::placeholder{color:#c1c7cd;opacity:1}.hero-input:focus::placeholder{opacity:.7}.animated-text-container{flex:1;display:flex;align-items:center;padding:20px 24px;color:#fff;font-size:18px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400;height:58px;gap:4px;will-change:contents;contain:layout style}.text-part{position:relative;height:28px;overflow:hidden;display:inline-block;width:250px;min-width:250px}.empty-input-placeholder{color:#ccc;font-style:italic;opacity:.9}.rotating-text{position:relative;height:28px;display:inline-block;width:100%;contain:layout style;isolation:isolate}.text-item{position:absolute;top:0;left:0;white-space:nowrap;height:28px;line-height:28px;opacity:0;transform:translate3d(0,30px,0);transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);color:#fff;font-weight:500;display:flex;align-items:center;will-change:transform,opacity;backface-visibility:hidden}.text-item.active{opacity:1;transform:translateZ(0);z-index:2}.text-item.exiting{opacity:0;transform:translate3d(0,-30px,0);z-index:1}.input-button{background:linear-gradient(135deg,#000000e6,#101010f2);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:18px 36px;font-size:15px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;margin:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 20px #ffffff1a,inset 0 1px #ffffff1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.2px;position:relative;overflow:hidden}.input-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.input-button:hover:before{left:100%}.input-button:hover{background:linear-gradient(135deg,#101010f2,#202020fa);border-color:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000040,0 4px 16px #00000026,0 0 25px #ffffff26,inset 0 1px #ffffff26}.button-text{position:relative;display:inline-block}.button-letter{display:inline-block;transition:all .3s ease;position:relative}.button-letter.lit{color:#00f5ff;text-shadow:0 0 10px rgba(0,245,255,.8),0 0 20px rgba(0,245,255,.4),0 0 30px rgba(0,245,255,.2);transform:scale(1.1)}@keyframes buttonPulse{0%,to{transform:scaleZ(1)}50%{transform:scale3d(1.015,1.015,1)}}.input-button:not(:hover):not(.mouse-clicked){animation:none;will-change:auto;backface-visibility:hidden;contain:layout style}.input-button:not(:hover):not(.mouse-clicked).animate-when-visible{animation:buttonPulse 3s cubic-bezier(.25,.46,.45,.94) infinite;will-change:transform}@keyframes textGlow{0%,to{color:#ffffffe6;text-shadow:none}50%{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.2)}}.button-text{animation:none;will-change:auto;backface-visibility:hidden}.button-text.animate-when-visible{animation:textGlow 3s cubic-bezier(.25,.46,.45,.94) infinite;will-change:color,text-shadow}.button-letter{animation:none}@keyframes rotateUp{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-100%,0)}}@keyframes rotateDown{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,100%,0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0)}50%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0)}50%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}.text-item.exiting.left{animation:rotateUp .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform;backface-visibility:hidden}.text-item.exiting.right{animation:rotateDown .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform;backface-visibility:hidden}.text-item.active.left{animation:slideInUp .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform;backface-visibility:hidden}.text-item.active.right{animation:slideInDown .5s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform;backface-visibility:hidden}.deploy-text{display:flex;align-items:center;gap:6px}.github-repo-btn{display:inline-flex;align-items:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:6px 10px;color:#fff;font-size:14px;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;height:auto;min-height:24px}.github-repo-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.github-icon-small{width:14px;height:14px;fill:currentColor}.dark-features{padding:100px 0;background:#08080c;position:relative}.features-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:40px;background:none}.section-header h2{font-size:2.25rem;font-weight:700;margin:0;letter-spacing:-.02em;color:#fff;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;line-height:1.2}.description-tile{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 50px;max-width:1400px;margin:0 auto 32px;box-shadow:0 8px 32px #0006,0 2px 8px #00000026,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:relative;overflow:hidden}.description-tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.description-tile p{font-size:1.25rem;color:#e5e5e5;line-height:1.7;margin:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;transition:all .3s ease;box-shadow:0 4px 24px #0000004d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:relative;overflow:hidden}.feature-card:hover{border-color:#3b82f633;box-shadow:0 8px 32px #0006,0 0 0 1px #3b82f61a;transform:translateY(-2px)}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.feature-card h3{font-size:1.375rem;font-weight:700;margin-bottom:20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:-.02em;line-height:1.3}.feature-card p{color:#c1c7cd;line-height:1.7;font-size:1rem;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.01em}.feature-list{list-style:none;padding:0;margin:16px 0}.feature-list li{color:#c1c7cd;line-height:1.7;font-size:1rem;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.01em;position:relative;padding:4px 0 4px 20px}.feature-list li:before{content:"•";color:#93c5fdcc;font-weight:700;position:absolute;left:0}.sparkling-text{font-weight:600!important;font-size:1.125rem!important;text-align:center;margin:16px 0!important}.sparkle-word{display:inline-block}.sparkle-char{display:inline-block;color:#9ca3af;animation:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sparkle-char.animate-when-visible{animation:sparkleWave 6s cubic-bezier(.25,.46,.45,.94) infinite;animation-delay:var(--delay)}@keyframes sparkleWave{0%,97%,to{color:#9ca3af;text-shadow:none;transform:scale(1);opacity:.8}1.5%,2.5%{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 2px rgba(255,255,255,.4),0 0 4px rgba(255,255,255,.2);transform:scale(1.01);opacity:1}}.interactive-demo{padding:120px 0;background:#000}.demo-container{max-width:1200px;margin:0 auto;padding:0 24px}.demo-header{text-align:center;margin-bottom:80px}.demo-header h2{font-size:3rem;font-weight:700;margin-bottom:16px}.demo-header p{font-size:1.125rem;color:#a0a0a0}.demo-showcase{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center}.demo-steps{display:flex;flex-direction:column;gap:32px}.step{display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;transition:all .3s ease}.step.active{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}.step-number{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h4{font-size:1.125rem;font-weight:600;margin-bottom:8px}.step-content p{color:#a0a0a0;line-height:1.5}.demo-video{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.demo-video-element{width:100%;height:auto;display:block}.demo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.demo-video:hover .demo-overlay{opacity:1}.play-demo{background:#ffffffe6;border:none;color:#0a0a0a;padding:16px 24px;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.play-demo:hover{background:#fff;transform:scale(1.05)}.play-demo svg{width:16px;height:16px}.video-selector-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.video-selector-btn{display:flex;align-items:center;gap:16px;padding:18px 20px;cursor:default;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;text-align:left;width:100%;background:transparent;border:1px solid transparent;border-radius:12px;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden}.video-selector-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease;opacity:0}.video-selector-btn:hover:before{left:100%;opacity:1}.video-selector-btn:hover{background:#ffffff08}.video-selector-btn.active{background:linear-gradient(90deg,#3b82f60a,#3b82f614 40%,#93c5fd26);border:1px solid transparent;box-shadow:0 8px 32px #00000040,0 0 20px #93c5fd33,inset 0 1px #93c5fd33;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}.selector-number{width:32px;height:32px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;flex-shrink:0;transition:all .3s ease}.video-selector-btn.active .selector-number{background:#93c5fd4d;color:#fff}.selector-content{flex:1;min-width:0}.selector-content h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 8px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.01em;line-height:1.3}.video-meta{display:flex;align-items:center;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;color:#c1c7cd;font-size:.75rem;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.meta-icon{width:14px;height:14px;color:#c1c7cd;flex-shrink:0}.duration{color:#c1c7cd;font-size:.75rem;font-weight:500;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.demo-video-player{position:relative}.video-player-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006,0 8px 32px #0003;aspect-ratio:16/9;background:#1a1a1a}.youtube-iframe{width:100%;height:100%;border:none}.custom-video-thumbnail{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden;border-radius:inherit}.main-video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.custom-video-thumbnail:hover .main-video-thumbnail{transform:scale(1.05)}.main-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background-color .3s ease}.custom-video-thumbnail:hover .main-play-overlay{background:#00000080}.main-play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.custom-video-thumbnail:hover .main-play-button{background:#fff;transform:scale(1.1);box-shadow:0 12px 40px #0006}.main-play-button svg{width:24px;height:24px;color:#000;margin-left:4px}.video-player-info{margin-top:24px;text-align:center}.video-player-info h3{color:#9ca3af;font-size:1.5rem;font-weight:500;margin-bottom:12px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.02em}.video-player-info p{color:#c1c7cd;font-size:1rem;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.video-details{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.detail-left,.detail-right{display:flex;align-items:center;gap:6px}.detail-label{color:#6b7280;font-size:.875rem;font-weight:400;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:none}.detail-value{color:#f3f4f6!important;font-size:.875rem;font-weight:500;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.pricing-teaser{padding:100px 0;background:#050507;text-align:center;position:relative}.pricing-teaser:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:300px;background:radial-gradient(ellipse,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.pricing-content{max-width:800px;margin:0 auto;padding:0 24px}.pricing-content h2{font-size:3rem;font-weight:700;margin-bottom:16px;color:#fff}.pricing-content>p{font-size:1.125rem;color:#a0a0a0;margin-bottom:60px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-primary.large{padding:20px 40px;font-size:18px;border-radius:12px;box-shadow:0 0 25px #fff3,0 3px 15px #ffffff1f}.cta-primary.large:hover{transform:translateY(-2px) scale(1.02);background:#ffffff14;border-color:#ffffffe6;box-shadow:0 8px 25px #00000026}.cta-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:20px 40px;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease}.cta-secondary:hover{transform:translateY(-2px) scale(1.01);background:#ffffff0f;border-color:#ffffff80;color:#fff;box-shadow:0 6px 20px #0000001f}.dark-footer{background:#030305;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 20px}.footer-content{max-width:1200px;margin:0 auto 40px;padding:0 24px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.footer-brand p{color:#a0a0a0;margin-top:12px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.link-group h4{font-size:1rem;font-weight:600;margin-bottom:16px}.link-group button{background:none;border:none;color:#a0a0a0;font-size:14px;cursor:pointer;display:block;margin-bottom:12px;text-align:left;transition:color .2s ease}.link-group button:hover{color:#fff}.link-group span{color:#a0a0a0;font-size:14px}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 24px 0;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-bottom p{color:#a0a0a0;font-size:14px}.mouse-pointer{position:absolute;width:16px;height:24px;pointer-events:none;z-index:1000;opacity:0;top:50%;left:50%;transform-origin:2px 2px;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.mouse-pointer svg{width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.mouse-pointer.animate{animation:none;animation-fill-mode:both;contain:layout style}.mouse-pointer.animate.animate-when-visible{animation:mousePopAndClick 3s ease-out infinite}@keyframes mousePopAndClick{0%{opacity:0;transform:translateZ(0) scale(.8)}10%{opacity:1;transform:translateZ(0) scale(1)}66.7%{opacity:1;transform:translateZ(0) scale(1)}70%{opacity:1;transform:translateZ(0) scale(1.1)}73%{opacity:1;transform:translateZ(0) scale(.95)}76%{opacity:1;transform:translateZ(0) scale(1)}90%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translateZ(0) scale(.8)}}.input-button.mouse-clicked{animation:buttonClick .4s ease-in-out}@keyframes buttonClick{0%{transform:translateY(-2px) scale(1);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 20px #ffffff1a,inset 0 1px #ffffff1a}25%{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 24px #0003,0 4px 12px #00000026,0 0 40px #93c5fd66,0 0 80px #93c5fd33,inset 0 1px #ffffff26}50%{transform:translateY(1px) scale(.97);box-shadow:0 2px 8px #0003,0 1px 4px #00000026,0 0 60px #93c5fd99,0 0 120px #93c5fd4d,inset 0 1px #ffffff0d}75%{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 30px #93c5fd4d,0 0 60px #93c5fd26,inset 0 1px #ffffff1a}to{transform:translateY(-2px) scale(1);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 20px #ffffff1a,inset 0 1px #ffffff1a}}@media(max-width:768px){.dark-header{padding:12px 0}.dark-header-content{padding:0 16px;gap:16px}.logo-gradient{font-size:18px;letter-spacing:.3px;text-shadow:0 1px 2px rgba(59,130,246,.4);filter:none;will-change:transform}.header-actions{gap:12px}.pricing-btn{font-size:13px;padding:6px 10px}.cta-primary{padding:8px 16px;font-size:13px;gap:6px}.github-icon{width:14px;height:14px}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.demo-showcase{grid-template-columns:1fr;gap:40px}.video-selector-grid{gap:10px;margin-bottom:20px}.video-selector-btn{padding:14px 16px;gap:12px;border-radius:10px}.selector-number{width:28px;height:28px;font-size:12px}.selector-content h4{font-size:.9rem;margin-bottom:6px}.video-meta{gap:12px}.meta-item{font-size:.7rem;gap:4px}.meta-icon{width:12px;height:12px}.duration{font-size:.7rem}.video-player-info h3{font-size:1.25rem}.video-player-info p{font-size:.9rem}.features-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr;gap:32px}.section-header h2,.demo-header h2,.pricing-content h2{font-size:2rem}.dark-hero{height:100vh;padding:60px 0;box-sizing:border-box}.hero-content{padding:0 16px}.unified-container{max-width:95vw;gap:20px}.unified-container.chat-only-centered{width:90vw;max-width:500px;top:45%}.unified-container.centered-layout{width:95vw;max-width:95vw;flex-direction:column;gap:24px;top:45%;align-items:center}.chat-input-wrapper{max-width:100%}.chat-input-wrapper.moved-to-left{width:100%;max-width:100%}.chat-messages{max-height:50vh;overflow-y:auto;padding-right:8px}.message-bubble{max-width:85%;font-size:14px;padding:12px 16px}.message-bubble.user{margin-left:auto}.message-bubble.bot{margin-right:auto}.input-container{margin-top:16px}.animated-input-wrapper{padding:12px;border-radius:12px}.animated-text-container{font-size:14px;padding:8px 12px}.input-button{padding:10px 16px;font-size:13px;min-width:100px}.secret-form-container{width:100%;max-width:400px;margin:0 auto}.secret-form{width:100%;padding:20px;border-radius:12px}.form-title{font-size:18px;margin-bottom:16px}.secret-input{font-size:14px;padding:10px 12px}.submit-secrets-btn{padding:10px 20px;font-size:14px}.plan-box-container{width:100%;max-width:400px;margin:0 auto}.plan-box{width:100%;padding:20px;border-radius:12px}.plan-title{font-size:18px;margin-bottom:16px}.requirements-summary{font-size:14px;margin-bottom:16px}.resource-grid{grid-template-columns:1fr 1fr;gap:12px}.resource-item{padding:8px 12px}.resource-label{font-size:11px}.resource-value{font-size:14px}.confirm-plan-btn{padding:10px 20px;font-size:14px;margin-top:16px}.success-message-container{padding:0 16px}.success-message{max-width:90vw;padding:24px;border-radius:12px}.success-title{font-size:20px;margin-bottom:16px}.deployment-details{gap:12px}.detail-label{font-size:12px}.detail-value{font-size:14px}.final-branding-container{padding:0 16px}.branding-title{font-size:2.5rem;margin-bottom:12px}.branding-tagline{font-size:16px}.mouse-pointer,.typing-indicator{transform:scale(.8)}.hero-bottom-cta{bottom:20px;left:50%;transform:translate(-50%)}}@media(max-width:480px){.dark-header{padding:10px 0}.dark-header-content{padding:0 12px;gap:12px}.logo-gradient{font-size:16px;letter-spacing:.2px}.header-actions{gap:8px}.pricing-btn{font-size:12px;padding:5px 8px}.cta-primary{padding:6px 8px;font-size:11px;gap:3px;min-width:70px;white-space:nowrap}.github-icon{width:10px;height:10px}.dark-hero{height:100vh;padding:50px 0;box-sizing:border-box}.hero-content{padding:0 12px}.unified-container.chat-only-centered{width:95vw;max-width:350px;top:40%}.unified-container.centered-layout{width:98vw;gap:16px;top:40%}.chat-messages{max-height:40vh}.message-bubble{font-size:13px;padding:10px 14px;max-width:90%}.animated-input-wrapper{padding:10px;border-radius:10px}.animated-text-container{font-size:13px;padding:6px 10px}.input-button{padding:8px 14px;font-size:12px;min-width:80px}.secret-form-container{max-width:320px}.secret-form{padding:16px}.form-title{font-size:16px;margin-bottom:12px}.secret-input{font-size:13px;padding:8px 10px}.submit-secrets-btn{padding:8px 16px;font-size:13px}.plan-box-container{max-width:320px}.plan-box{padding:16px}.plan-title{font-size:16px;margin-bottom:12px}.requirements-summary{font-size:13px;margin-bottom:12px}.resource-grid{grid-template-columns:1fr 1fr;gap:8px}.resource-item{padding:6px 10px}.resource-label{font-size:10px}.resource-value{font-size:13px}.confirm-plan-btn{padding:8px 16px;font-size:13px;margin-top:12px}.success-message{padding:20px}.success-title{font-size:18px;margin-bottom:12px}.deployment-details{gap:8px}.detail-label{font-size:11px}.detail-value{font-size:13px}.branding-title{font-size:2rem;margin-bottom:8px}.branding-tagline{font-size:14px}.mouse-pointer{transform:scale(.7)}.hero-bottom-cta{bottom:15px;left:50%;transform:translate(-50%)}}html:has(.chat-landing:not(.chat-mode)),html:has(.chat-landing:not(.chat-mode)) body,html:has(.chat-landing:not(.chat-mode)) #root{height:auto;min-height:100vh}html:has(.chat-landing:not(.chat-mode)){scrollbar-width:none}html:has(.chat-landing:not(.chat-mode))::-webkit-scrollbar{display:none}.chat-landing{min-height:100vh;background:#050507;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;overflow-x:hidden}.chat-landing button:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:2px}.chat-landing button:focus:not(:focus-visible){outline:none}.chat-landing-error{color:#ff6b6b;font-size:.875rem;margin-bottom:.5rem;text-align:center}.chat-landing-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 60px;box-sizing:border-box;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(180,200,255,.1) 0%,rgba(140,160,220,.04) 40%,transparent 70%)}.chat-landing-hero-content{max-width:720px;width:100%;text-align:center;z-index:10}.chat-landing-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1}.chat-landing-subtitle{font-size:1.15rem;line-height:1.6;color:#d1d5db;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.continue-chat-btn{display:inline-block;margin-bottom:1.5rem;padding:10px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6e6;font-size:14px;cursor:pointer;transition:all .2s}.continue-chat-btn:hover{background:#3b82f640;border-color:#3b82f680;color:#3b82f6}.chat-landing-input-wrapper{position:relative;max-width:600px;margin:0 auto}.chat-landing-textarea{width:100%;min-height:56px;max-height:200px;padding:16px 56px 16px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:16px;font-family:inherit;line-height:1.5;resize:none;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.chat-landing-textarea::placeholder{color:#fff6}.chat-landing-textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.chat-landing-send-btn{position:absolute;right:10px;bottom:10px;width:40px;height:40px;background:#3b82f6cc;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}.chat-landing-send-btn:hover:not(:disabled){background:#3b82f6;transform:scale(1.05)}.chat-landing-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-landing-send-btn svg{flex-shrink:0}.chat-landing-typewriter{margin-top:20px;height:24px;font-size:15px;color:#ffffff8c;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.typewriter-cursor{animation:blink 1s step-end infinite;color:#3b82f699}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.chat-landing-workspace{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px;height:100vh;padding:.25rem .5rem .5rem;overflow:hidden;box-sizing:border-box;transition:grid-template-columns .2s ease;--color-primary: #f8f9fa;--color-primary-light: #ffffff;--color-primary-dark: #e9ecef;--color-accent: #f1f3f4;--color-background: #0a0a0a;--color-surface: #1e1e1e;--color-surface-elevated: #242424;--color-surface-semi: rgba(36, 36, 36, .8);--color-surface-translucent: rgba(36, 36, 36, .6);--color-surface-strong: #333333;--color-surface-accent: rgba(255, 255, 255, .1);--color-overlay: rgba(0, 0, 0, .9);--color-chat-messages: rgba(255, 255, 255, .06);--color-text-primary: #f8f9fa;--color-text-secondary: #c1c7cd;--color-text-tertiary: #8b949e;--color-text-muted: #656d76;--color-text-inverse: #000000;--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-light);--color-border: #404040;--color-border-strong: #606060;--color-border-subtle: #2a2a2a;--color-focus-ring: var(--color-primary);--color-hover: rgba(255, 255, 255, .1);--color-active: rgba(255, 255, 255, .15);--color-selected: rgba(255, 255, 255, .1);--color-disabled: #222222;--color-disabled-text: #555555;--color-success: #34d399;--color-success-hover: #10b981;--color-success-light: rgba(52, 211, 153, .1);--color-success-text: #6ee7b7;--color-error: #f87171;--color-error-hover: #ef4444;--color-error-light: rgba(248, 113, 113, .1);--color-error-text: #fca5a5;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-light: rgba(251, 191, 36, .1);--color-warning-text: #fde68a;--color-info: var(--color-primary);--color-info-light: rgba(255, 255, 255, .1);--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-light);--color-button-primary-text: #000000;--color-button-secondary: #333333;--color-button-secondary-hover: #444444;--color-button-secondary-text: var(--color-text-primary);--color-button-tertiary: transparent;--color-button-tertiary-hover: var(--color-hover);--color-button-tertiary-text: var(--color-primary);--color-nav-background: #111111;--color-input-background: #222222;--color-input-border: var(--color-border);--color-input-border-focus: var(--color-primary);--color-input-text: var(--color-text-primary);--color-input-placeholder: var(--color-text-tertiary);--color-shadow-light: rgba(0, 0, 0, .2);--color-shadow-medium: rgba(0, 0, 0, .35);--color-shadow-strong: rgba(0, 0, 0, .4);--color-shadow-primary: rgba(255, 255, 255, .1);--color-shadow-minimal: rgba(0, 0, 0, .02);--color-shadow-moderate: rgba(0, 0, 0, .08);--color-shadow-subtle: rgba(0, 0, 0, .02);--gradient-primary: linear-gradient(135deg, var(--color-surface-strong) 0%, var(--color-surface-elevated) 50%, var(--color-surface) 100%);--gradient-surface: linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-light) 100%);--gradient-text-hero: linear-gradient(135deg, #ffffff 0%, #f1f3f4 50%, #e8eaed 100%);--gradient-text-title: linear-gradient(135deg, #f8f9fa 0%, #e3e6ea 100%);--gradient-background: linear-gradient(135deg, var(--color-border-subtle) 0%, var(--color-border) 100%);--gradient-muted: linear-gradient(135deg, var(--color-border-strong) 0%, var(--color-text-tertiary) 100%);--apple-radius-sm: 4px;--apple-radius-md: 4px;--apple-radius-lg: 4px;--apple-radius-xl: 4px;--apple-space-1: .25rem;--apple-space-2: .5rem;--apple-space-3: .75rem;--apple-space-4: 1rem;--apple-space-8: 2rem}.chat-landing-main,.chat-landing-side{overflow:hidden;display:flex;flex-direction:column;height:100%;min-width:0;position:relative}.chat-landing-main ::-webkit-scrollbar,.chat-landing-side ::-webkit-scrollbar{width:6px}.chat-landing-main ::-webkit-scrollbar-track,.chat-landing-side ::-webkit-scrollbar-track{background:transparent}.chat-landing-main ::-webkit-scrollbar-thumb,.chat-landing-side ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.chat-landing-main ::-webkit-scrollbar-thumb:hover,.chat-landing-side ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.chat-landing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;color:#fff9}.chat-landing-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6cc;border-radius:50%;animation:spin .8s linear infinite}.chat-landing-workspace .card-resize-overlay{position:absolute;top:12px;bottom:12px;width:2px;background:var(--color-border, #404040);border-radius:1px;transition:background .15s ease,width .15s ease;cursor:col-resize;z-index:10;transform:translate(-50%)}.chat-landing-workspace .card-resize-overlay:before{content:"";position:absolute;top:-12px;bottom:-12px;left:-6px;right:-6px}.chat-landing-workspace .card-resize-overlay:hover,.chat-landing-workspace .card-resize-overlay.dragging{background:#3b82f6;width:3px}.chat-landing-workspace .card-resize-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:30px;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);background-size:4px 5px;opacity:0;transition:opacity .15s ease;pointer-events:none}.chat-landing-workspace .card-resize-overlay:hover:after,.chat-landing-workspace .card-resize-overlay.dragging:after{opacity:1}.chat-landing-main .chat-header{padding-left:2.25rem}.chat-landing-back-btn{position:absolute;top:7px;left:7px;z-index:20;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#fff6;cursor:pointer;transition:all .15s ease}.chat-landing-back-btn:hover{background:#ffffff14;color:#fffc}.chat-landing-sign-in-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.chat-landing-sign-in-footer .cta-primary{width:100%;justify-content:center}.chat-landing-side .requirements-list-footer{display:none}.chat-landing-side .requirements-list-card{border-radius:12px}.chat-landing-side.collapsed{overflow:hidden;opacity:0;pointer-events:none}body.resizing .chat-landing-workspace{transition:none}.cl-demo-section{padding:80px 0;background:#08080c}.cl-section-header{max-width:720px;margin:0 auto 60px;padding:0 24px}.cl-section-title{font-size:2.25rem;font-weight:700;text-align:center;margin:0 0 12px;color:#fff;letter-spacing:-.02em}.cl-section-subtitle{font-size:1.1rem;color:#a0a0a0;text-align:center;max-width:600px;margin:0 auto}.cl-video-container{max-width:960px;margin:0 auto;padding:0 24px}.cl-video-wrapper{position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #3b82f626,0 0 60px #8b5cf614;overflow:hidden;cursor:pointer}.cl-video-wrapper.playing{cursor:default}.cl-demo-video{width:100%;display:block;background:#000}.cl-video-fallback{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.cl-video-fallback p{color:#555;font-size:1rem;margin:0}.cl-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.cl-video-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.cl-video-play-btn svg circle{transition:fill .2s ease}.cl-video-play-btn:hover svg circle{fill:#3b82f666}.cl-use-cases{padding:80px 0;background:#050507}.cl-use-cases-grid{max-width:900px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cl-use-case-card{padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:border-color .2s ease}.cl-use-case-card:hover{border-color:#ffffff1f}.cl-use-case-card h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 8px}.cl-use-case-card p{font-size:.9rem;color:#a0a0a0;line-height:1.6;margin:0}@media(max-width:900px){.cl-use-cases-grid{grid-template-columns:1fr}}.cl-faq{padding:80px 0;background:#08080c}.cl-faq-list{max-width:720px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:1px}.cl-faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.cl-faq-item:hover{border-color:#ffffff1a}.cl-faq-item+.cl-faq-item{margin-top:8px}.cl-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;color:#fff;font-size:1.05rem;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;transition:color .15s ease}.cl-faq-question:hover{color:#ffffffd9}.cl-faq-chevron{flex-shrink:0;color:#fff6;transition:transform .25s ease}.cl-faq-item.open .cl-faq-chevron{transform:rotate(180deg)}.cl-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.cl-faq-item.open .cl-faq-answer{max-height:300px}.cl-faq-answer p{padding:0 24px 20px;margin:0;font-size:.95rem;line-height:1.7;color:#a0a0a0}@media(max-width:900px){.chat-landing-workspace{grid-template-columns:1fr!important;grid-template-rows:60vh 40vh}.chat-landing-workspace .card-resize-overlay{display:none}}