body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.spinner{position:relative}.spinner-border{align-items:center;display:flex;justify-content:center}.spinner-circle{animation:spinner-rotate 1s linear infinite;border-color:#2196f3 #e0e0e0 #e0e0e0;border-radius:50%;border-style:solid}.spinner-small .spinner-circle{border-width:2px;height:16px;width:16px}.spinner-medium .spinner-circle{border-width:3px;height:32px;width:32px}.spinner-large .spinner-circle{border-width:4px;height:64px;width:64px}.spinner-message{color:#666;font-size:.9rem;margin-top:.75rem;text-align:center}.spinner-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.spinner-content{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:2rem}.spinner.centered{align-items:center;display:flex;justify-content:center;min-height:200px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.spinner-message{color:#aaa}.spinner-overlay{background-color:#000000b3}.spinner-content{background-color:#1e1e1e}.spinner-circle{border-color:#2196f3 #444 #444}}.home-page{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.hero-section{background-color:#f5f5f5;border-radius:8px;margin-bottom:3rem;padding:3rem 1rem;text-align:center}.hero-content h1{color:#333;font-size:2.5rem;margin:0 0 1rem}.hero-description{color:#666;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-actions{display:flex;gap:1rem;justify-content:center}.create-button,.import-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.create-button{background-color:#2196f3;color:#fff}.create-button:hover{background-color:#1976d2}.import-button{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333}.import-button:hover{background-color:#e0e0e0}.new-project-section{margin-bottom:3rem}.new-project-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:800px;padding:2rem}.new-project-form h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;margin-bottom:1.5rem;padding:.75rem 1rem}.form-group label{color:#333}.form-group input,.form-group textarea{border:1px solid #e0e0e0}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3}.template-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:.5rem}.template-option{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:1rem;transition:all .2s}.template-option:hover{background-color:#f5f5f5}.template-option.selected{background-color:#e3f2fd;border-color:#bbdefb}.template-header{align-items:center;display:flex;margin-bottom:.5rem}.template-header input{margin-right:.5rem;width:auto}.template-name{color:#333;font-weight:500}.template-description{color:#666;font-size:.9rem;margin:0}.form-actions{margin-top:2rem}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-button{border:1px solid #e0e0e0}.submit-button{background-color:#4caf50;border:none;color:#fff}.submit-button:hover:not(:disabled){background-color:#388e3c}.submit-button:disabled{cursor:not-allowed;opacity:.5}.projects-section{margin-bottom:3rem}.features-section h2,.projects-section h2,.recent-section h2{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.project-name{color:#333;font-size:1.25rem;margin:0}.completed-badge{background-color:#4caf50;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;height:4.5em;line-height:1.5;margin:0 0 1.5rem;overflow:hidden}.project-meta{color:#757575;display:flex;font-size:.85rem;justify-content:space-between}.no-projects{background-color:#f5f5f5;border-radius:8px;color:#666;padding:3rem;text-align:center}.recent-section{margin-bottom:3rem}.recent-projects{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recent-project-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.recent-project-item:hover{background-color:#f5f5f5}.recent-project-name{color:#333;font-weight:500}.recent-project-date{color:#757575;font-size:.85rem}.features-section{margin-bottom:3rem}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.feature-card{background-color:#fff;border:1px solid #e0e0e0;padding:1.5rem;transition:transform .2s}.feature-card h3{color:#333;font-size:1.2rem;margin:0 0 .75rem}.feature-card p{color:#666;line-height:1.5}.cta-section{background-color:#e3f2fd;border-radius:8px;padding:3rem;text-align:center}.cta-content h2{color:#1976d2;font-size:1.75rem;margin:0 0 1rem}.cta-content p{color:#333;font-size:1.1rem;margin:0 auto 2rem;max-width:600px}.cta-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.cta-button:hover{background-color:#1976d2}.home-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@media (max-width:768px){.hero-section{padding:2rem 1rem}.hero-content h1{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;gap:.75rem}.create-button,.import-button{width:100%}.template-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}.features-grid,.projects-grid{grid-template-columns:1fr}.cta-section{padding:2rem 1rem}}@media (prefers-color-scheme:dark){.home-page{color:#e0e0e0}.hero-section{background-color:#263238}.hero-content h1{color:#e0e0e0}.hero-description{color:#bbb}.import-button{background-color:#424242;border-color:#555;color:#e0e0e0}.import-button:hover{background-color:#505050}.new-project-form{background-color:#2c2c2c;border-color:#444}.new-project-form h2{color:#e0e0e0}.error-message{background-color:#4a2525;border-color:#5c2626;color:#ffcdd2}.form-group label{color:#e0e0e0}.form-group input,.form-group textarea{background-color:#383838;border-color:#444;color:#e0e0e0}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.template-option{background-color:#333;border-color:#444}.template-option:hover{background-color:#424242}.template-option.selected{background-color:#0d47a1;border-color:#1976d2}.template-name{color:#e0e0e0}.template-description{color:#bbb}.cancel-button{background-color:#424242;border-color:#555;color:#e0e0e0}.cancel-button:hover{background-color:#505050}.features-section h2,.projects-section h2,.recent-section h2{color:#e0e0e0}.project-card{background-color:#2c2c2c;border-color:#444}.project-name{color:#e0e0e0}.project-description{color:#bbb}.project-meta{color:#aaa}.no-projects{background-color:#333;color:#bbb}.recent-project-item{background-color:#2c2c2c;border-color:#444}.recent-project-item:hover{background-color:#333}.recent-project-name{color:#e0e0e0}.recent-project-date{color:#aaa}.feature-card{background-color:#2c2c2c;border-color:#444}.feature-card h3{color:#e0e0e0}.feature-card p{color:#bbb}.cta-section{background-color:#1a237e}.cta-content h2{color:#90caf9}.cta-content p{color:#e0e0e0}}.phase-navigator{margin-bottom:2rem}.phase-list{justify-content:space-between;list-style:none;margin:0 0 1.5rem;padding:0}.phase-item,.phase-list{display:flex;position:relative}.phase-item{align-items:center;cursor:pointer;flex:1 1;transition:opacity .2s}.phase-item.disabled{cursor:not-allowed;opacity:.5}.phase-indicator{align-items:center;background-color:#e0e0e0;border:2px solid #e0e0e0;border-radius:50%;color:#757575;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px;z-index:5}.phase-item.active .phase-indicator{background-color:#2196f3;border-color:#2196f3;box-shadow:0 0 0 4px #2196f333;color:#fff}.phase-item.completed .phase-indicator{background-color:#4caf50;border-color:#4caf50;color:#fff}.phase-content{align-items:center;display:flex;font-size:.9rem;padding-left:.75rem}.phase-icon{font-size:1.2rem;margin-right:.5rem}.phase-name{font-weight:500}.phase-connector{background-color:#e0e0e0;height:2px;left:36px;position:absolute;right:0;top:18px;z-index:1}.phase-item.completed .phase-connector{background-color:#4caf50}.phase-check{font-size:16px}.current-phase-info{background-color:#f5f5f5;border-radius:8px;margin-top:1rem;padding:1.5rem}.current-phase-title{color:#2196f3;font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.current-phase-description{color:#666;font-size:1rem;margin:0}@media (max-width:768px){.phase-name{display:none}.phase-icon{margin-right:0}.phase-content{padding-left:.5rem}.phase-indicator{font-size:.9rem;height:32px;width:32px}.phase-connector{left:32px;top:16px}}@media (max-width:480px){.phase-list{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.phase-item{flex:0 0 auto;margin-right:2rem}.phase-icon{display:none}.phase-name{display:block}}@media (prefers-color-scheme:dark){.phase-indicator{border-color:#424242;color:#e0e0e0}.phase-connector,.phase-indicator{background-color:#424242}.current-phase-info{background-color:#2c2c2c}.current-phase-title{color:#64b5f6}.current-phase-description{color:#bbb}}.file-explorer{background-color:#f8f9fa;border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden}.file-explorer-header{align-items:center;background-color:#f1f3f4;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.file-explorer-header h3{color:#333;font-size:1rem;margin:0}.view-mode-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .2s}.view-mode-toggle:hover{background-color:#0000000d}.file-explorer-content{flex:1 1;overflow-y:auto;padding:.5rem 0}.directory-list{list-style:none;margin:0;padding:0}.directory-item{margin:0}.directory-header{align-items:center;cursor:pointer;display:flex;padding:.5rem 1rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.directory-header:hover{background-color:#0000000d}.directory-header.expanded{background-color:#2196f31a;font-weight:500}.directory-icon{margin-right:.5rem}.directory-name{flex:1 1}.directory-toggle{color:#757575;font-size:.7rem}.directory-list .directory-list{padding-left:1.5rem}.component-list{list-style:none;margin:0;padding:0}.component-item{margin:0}.component-header{align-items:center;background-color:#eaeaea;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:.25rem .5rem;padding:.5rem 1rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.component-header:hover{background-color:#e0e0e0}.component-header.expanded{background-color:#2196f31a;font-weight:500}.component-name{font-weight:500}.component-count{background-color:#0000000d;border-radius:10px;color:#757575;font-size:.8rem;padding:.1rem .5rem}.file-list{list-style:none;margin:.25rem 0 .75rem;padding:0 0 0 1.5rem}.file-item{border-radius:4px;margin:0}.file-item.active{background-color:#2196f326}.file-link{align-items:center;border-radius:4px;color:#333;display:flex;padding:.4rem .75rem;text-decoration:none;transition:background-color .2s}.file-link:hover{background-color:#0000000d}.file-icon{color:#757575;display:inline-block;font-size:.8rem;margin-right:.5rem;text-align:center;width:24px}.file-name{font-size:.9rem;word-break:break-word}.unorganized-files{margin-top:1rem}.unorganized-header{background-color:#f1f1f1;border-radius:4px;color:#757575;font-size:.9rem;font-weight:500;margin:0 .5rem;padding:.5rem 1rem}.file-explorer-error,.file-explorer-loading,.no-files{color:#757575;font-size:.9rem;padding:2rem 1rem;text-align:center}.file-explorer-error{color:#f44336}@media (prefers-color-scheme:dark){.file-explorer{background-color:#2c2c2c}.file-explorer-header{background-color:#333;border-bottom-color:#444}.file-explorer-header h3{color:#e0e0e0}.view-mode-toggle:hover{background-color:#ffffff1a}.directory-header:hover,.file-link:hover{background-color:#ffffff0d}.component-header.expanded,.directory-header.expanded,.file-item.active{background-color:#2196f333}.directory-toggle{color:#bbb}.component-header{background-color:#333}.component-header:hover{background-color:#3f3f3f}.component-count{background-color:#ffffff1a;color:#bbb}.file-link{color:#e0e0e0}.file-icon{color:#bbb}.unorganized-header{background-color:#333;color:#bbb}.file-explorer-loading,.no-files{color:#bbb}}.prompt-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.prompt-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem}.prompt-header h3{color:#333;font-size:1.1rem;margin:0}.prompt-actions{display:flex;gap:.5rem}.copy-btn,.generate-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.generate-btn{background-color:#2196f3;border-color:#1976d2;color:#fff}.generate-btn:hover:not(:disabled){background-color:#1976d2}.copy-btn{background-color:#f5f5f5;border-color:#e0e0e0;color:#333}.copy-btn:hover:not(:disabled){background-color:#e0e0e0}.copy-btn:disabled,.generate-btn:disabled{cursor:not-allowed;opacity:.5}.prompt-content{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;flex:1 1;min-height:200px;overflow-y:auto;padding:1rem}.prompt-content pre{font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.empty-prompt{align-items:center;color:#757575;display:flex;font-style:italic;height:100%;justify-content:center;min-height:100px;text-align:center}.prompt-instructions{background-color:#fff8e1;font-size:.9rem;padding:1rem}.prompt-instructions h4{color:#ff6f00;font-size:.95rem;margin:0 0 .5rem}.prompt-instructions ol{margin:0;padding-left:1.5rem}.prompt-instructions li{margin-bottom:.25rem}.prompt-instructions li:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.prompt-panel{background-color:#2c2c2c;border-color:#444}.prompt-header{background-color:#333;border-bottom-color:#444}.prompt-header h3{color:#e0e0e0}.generate-btn{background-color:#1976d2;border-color:#1565c0}.generate-btn:hover:not(:disabled){background-color:#1565c0}.copy-btn{background-color:#424242;border-color:#555;color:#e0e0e0}.copy-btn:hover:not(:disabled){background-color:#505050}.prompt-content{background-color:#333;border-color:#444;color:#e0e0e0}.empty-prompt{color:#aaa}.prompt-instructions{background-color:#3e2723;color:#e0e0e0}.prompt-instructions h4{color:#ffab40}}.response-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.response-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem}.response-header h3{color:#333;font-size:1.1rem;margin:0}.process-btn{background-color:#4caf50;border:1px solid #388e3c;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.process-btn:hover:not(:disabled){background-color:#388e3c}.process-btn:disabled{cursor:not-allowed;opacity:.5}.response-content{display:flex;flex:1 1;flex-direction:column;min-height:200px;padding:1rem}.response-content textarea{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;min-height:150px;padding:.75rem;resize:none}.response-content textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.response-content textarea.has-error{border-color:#f44336}.response-content textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.response-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;margin-top:1rem;padding:.75rem 1rem}.response-error p{font-size:.9rem;margin:0}.response-success{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;margin-top:1rem;padding:.75rem 1rem}.response-success p{font-size:.9rem;margin:0}.processing-results{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;margin-top:1rem;padding:.75rem 1rem}.processing-results h4{color:#1976d2;font-size:.95rem;margin:0 0 .5rem}.processing-results pre{font-size:.85rem;margin:0;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.response-instructions{background-color:#e8eaf6;font-size:.9rem;padding:1rem}.response-instructions h4{color:#3f51b5;font-size:.95rem;margin:0 0 .5rem}.response-instructions ol{margin:0;padding-left:1.5rem}.response-instructions li{margin-bottom:.25rem}.response-instructions li:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.response-panel{background-color:#2c2c2c;border-color:#444}.response-header{background-color:#333;border-bottom-color:#444}.response-header h3{color:#e0e0e0}.process-btn{background-color:#388e3c;border-color:#2e7d32}.process-btn:hover:not(:disabled){background-color:#2e7d32}.response-content textarea{background-color:#383838;border-color:#444;color:#e0e0e0}.response-content textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.response-content textarea.has-error{border-color:#f44336}.response-content textarea:disabled{background-color:#333}.response-error{background-color:#4a2525;border-color:#5c2626;color:#ffcdd2}.response-success{background-color:#1b5e20;border-color:#2e7d32;color:#c8e6c9}.processing-results{background-color:#0d47a1;border-color:#1565c0;color:#e0e0e0}.processing-results h4{color:#90caf9}.response-instructions{background-color:#1a237e;color:#e0e0e0}.response-instructions h4{color:#9fa8da}}.planning-phase{margin:0 auto;max-width:1200px;padding:1.5rem}.requirements-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.requirements-section h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.requirements-input{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:200px;padding:1rem;resize:vertical;width:100%}.requirements-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}@media (max-width:600px){.phase-description,.planning-phase,.requirements-section{padding:1rem}}@media (prefers-color-scheme:dark){.planning-phase{color:#e0e0e0}.phase-description{background-color:#0d47a1;border-left-color:#90caf9}.phase-description h2{color:#90caf9}.phase-description p{color:#e0e0e0}.requirements-section{background-color:#2c2c2c;border-color:#444}.requirements-section h3{color:#e0e0e0}.instructions{color:#bbb}.requirements-input{background-color:#383838;border-color:#444;color:#e0e0e0}.requirements-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}}.design-phase{margin:0 auto;max-width:1200px;padding:1.5rem}.phase-description{background-color:#e8eaf6;border-left:4px solid #3f51b5}.phase-description h2{color:#3f51b5}.components-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.components-section h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.instructions{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.component-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.component-card{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:box-shadow .2s}.component-card:hover{box-shadow:0 2px 8px #0000001a}.component-name{color:#333;font-size:1.1rem;margin:0 0 .5rem}.component-description{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.component-dependencies{font-size:.85rem}.dependencies-label{color:#666;font-weight:500;margin-right:.5rem}.dependencies-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.dependency-item{background-color:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;padding:.2rem .5rem}.no-components-message{background-color:#f5f5f5;border-radius:8px;color:#757575;font-style:italic;padding:2rem;text-align:center}.design-results{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.design-results h3{color:#2e7d32;font-size:1.25rem;margin:0 0 1rem}@media (max-width:992px){.ai-interaction{grid-template-columns:1fr}}@media (max-width:600px){.components-section,.design-phase,.phase-description{padding:1rem}.component-summary{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.design-phase{color:#e0e0e0}.phase-description{background-color:#2c387e;border-left-color:#7986cb}.phase-description h2{color:#7986cb}.phase-description p{color:#e0e0e0}.components-section{background-color:#2c2c2c;border-color:#444}.components-section h3{color:#e0e0e0}.instructions{color:#bbb}.component-card{background-color:#333;border-color:#444}.component-name{color:#e0e0e0}.component-description,.dependencies-label{color:#bbb}.dependency-item{background-color:#1a237e;color:#90caf9}.no-components-message{background-color:#333;color:#aaa}.design-results{background-color:#1b5e20;border-left-color:#81c784}.design-results h3{color:#81c784}.results-summary{color:#e0e0e0}}.batch-selector{background-color:#f8f9fa;border-radius:8px;margin:1rem 0;overflow:hidden}.batch-header{background-color:#e3f2fd;border-bottom:1px solid #e0e0e0;padding:1rem}.batch-progress,.progress-text{margin-bottom:.5rem}.progress-text{color:#333;display:flex;font-size:.9rem;justify-content:space-between}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#2196f3;border-radius:4px;height:100%;transition:width .3s ease}.batch-list{max-height:300px;overflow-y:auto;padding:.5rem}.batch-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s}.batch-item:hover{background-color:#f5f5f5}.batch-item.active{background-color:#e3f2fd;border-color:#bbdefb}.batch-item.completed{background-color:#e8f5e9;border-color:#c8e6c9}.batch-item.completed:hover{background-color:#dcedc8}.batch-status{margin-right:.75rem}.status-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:.85rem;height:24px;justify-content:center;width:24px}.status-icon.completed{background-color:#4caf50;color:#fff}.status-icon.pending{background-color:#ffc107;color:#333}.batch-details{flex:1 1}.batch-name{font-weight:500;margin-bottom:.25rem}.batch-info{color:#666;display:flex;font-size:.8rem;gap:1rem}.batch-files,.batch-loc{align-items:center;display:flex}.batch-files:before{content:"📄";margin-right:.25rem}.batch-loc:before{content:"📏";margin-right:.25rem}.no-batches{color:#757575;font-style:italic;padding:2rem 1rem;text-align:center}@media (prefers-color-scheme:dark){.batch-selector{background-color:#333}.batch-header{background-color:#1a237e;border-bottom-color:#444}.progress-text{color:#e0e0e0}.batch-item,.progress-bar{background-color:#424242}.batch-item{border-color:#555}.batch-item:hover{background-color:#4f4f4f}.batch-item.active{background-color:#1a237e;border-color:#3949ab}.batch-item.completed{background-color:#1b5e20;border-color:#2e7d32}.batch-item.completed:hover{background-color:#2e7d32}.batch-name{color:#e0e0e0}.batch-info,.no-batches{color:#bbb}}.file-summary{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:box-shadow .2s}.file-summary:hover{box-shadow:0 2px 8px #0000001a}.file-summary-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:1rem}.file-icon-container{align-items:center;background-color:#e3f2fd;border-radius:4px;display:flex;flex-direction:column;margin-right:1rem;min-width:32px;padding:.75rem}.file-icon{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.file-extension{color:#666;font-size:.7rem;font-weight:700;text-transform:uppercase}.file-title{flex:1 1}.file-name{color:#333;font-size:1.1rem;margin:0 0 .25rem}.file-path{color:#666;font-size:.8rem;word-break:break-all}.file-controls{display:flex;gap:.5rem}.file-control{align-items:center;background-color:#f1f1f1;border-radius:4px;color:#333;display:flex;height:32px;justify-content:center;text-decoration:none;transition:background-color .2s;width:32px}.file-control:hover{background-color:#e0e0e0}.control-icon{font-size:1rem}.file-metrics{background-color:#f5f5f5;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.metric{display:flex;flex-direction:column}.metric-label{color:#666;font-size:.75rem;margin-bottom:.2rem}.metric-value{color:#333;font-weight:500}.file-details{padding:1rem}.file-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.file-exports{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.exports-label{color:#666;font-weight:500}.exports-list{display:flex;flex-wrap:wrap;gap:.5rem}.export-item{background-color:#e3f2fd;border-radius:4px;color:#1976d2;font-family:Fira Code,Consolas,Monaco,monospace;padding:.2rem .5rem}@media (prefers-color-scheme:dark){.file-summary{background-color:#2c2c2c;border-color:#444}.file-summary-header{background-color:#333;border-bottom-color:#444}.file-icon-container{background-color:#1a237e}.file-extension{color:#bbb}.file-name{color:#e0e0e0}.file-path{color:#aaa}.file-control{background-color:#424242;color:#e0e0e0}.file-control:hover{background-color:#505050}.file-metrics{background-color:#333}.metric-label{color:#aaa}.metric-value{color:#e0e0e0}.exports-label,.file-description{color:#bbb}.export-item{background-color:#1a237e;color:#90caf9}}.coding-phase{margin:0 auto;max-width:1200px;padding:1.5rem}.phase-description{background-color:#e3f2fd;border-left:4px solid #2196f3}.phase-description h2{color:#1976d2}.batch-selection{margin-bottom:2rem}.batch-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.batch-header h3{color:#333;font-size:1.25rem;margin:0}.optimize-button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.optimize-button:hover{background-color:#e0e0e0}.continuation-notice{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;margin-top:1.5rem;padding:1rem}.continuation-notice h4{color:#e65100;font-size:1rem;margin:0 0 .5rem}.continuation-notice p{color:#333;font-size:.9rem;margin:0 0 .5rem}.continuation-notice p:last-child{margin-bottom:0}.continuation-notice code{background-color:#fff;border-radius:2px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;padding:.2rem .4rem;word-break:break-all}.current-batch-files{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.current-batch-files h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.file-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-files-message{color:#757575;grid-column:1/-1}.processing-results{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.processing-results h3{color:#2e7d32;font-size:1.25rem;margin:0 0 1rem}.processed-file{background-color:#fff;border-radius:4px;display:flex;justify-content:space-between;margin:.5rem 0;padding:.5rem}.file-path{font-weight:500}.file-stats{color:#666}@media (max-width:992px){.ai-interaction,.file-list{grid-template-columns:1fr}}@media (max-width:600px){.coding-phase,.current-batch-files,.phase-description{padding:1rem}}@media (prefers-color-scheme:dark){.coding-phase{color:#e0e0e0}.phase-description{background-color:#0d47a1;border-left-color:#90caf9}.phase-description h2{color:#90caf9}.batch-header h3,.phase-description p{color:#e0e0e0}.optimize-button{background-color:#424242;border-color:#555;color:#e0e0e0}.optimize-button:hover{background-color:#505050}.continuation-notice{background-color:#3e2723;border-left-color:#ff9800}.continuation-notice h4{color:#ffb74d}.continuation-notice p{color:#e0e0e0}.continuation-notice code{background-color:#424242;color:#e0e0e0}.current-batch-files{background-color:#2c2c2c;border-color:#444}.current-batch-files h3{color:#e0e0e0}.processing-results{background-color:#1b5e20;border-left-color:#81c784}.processing-results h3{color:#81c784}.results-summary{color:#e0e0e0}.processed-file{background-color:#333}.file-stats{color:#bbb}.no-files-message{color:#aaa}}.file-selector{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.file-filter{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:.5rem;padding:1rem}.search-container{flex:1 1}.search-input{border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.filter-container{width:120px}.filter-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.filter-select:focus{border-color:#2196f3;outline:none}.file-list-container{max-height:300px;overflow-y:auto}.file-select-list{list-style:none;margin:0;padding:0}.file-select-item{align-items:center;border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background-color .2s}.file-select-item:hover{background-color:#f5f5f5}.file-select-item.selected{background-color:#e3f2fd}.file-select-icon{align-items:center;background-color:#f1f1f1;border-radius:4px;color:#666;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:.75rem;width:32px}.file-select-details{flex:1 1;min-width:0}.file-select-name{font-weight:500;margin-bottom:.25rem}.file-select-name,.file-select-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-select-path{color:#666;font-size:.8rem}.file-select-info{flex-shrink:0;margin-left:1rem}.file-size{background-color:#f1f1f1;border-radius:4px;color:#666;font-size:.8rem;padding:.2rem .5rem}.no-files-message{color:#666;font-style:italic;padding:2rem;text-align:center}@media (prefers-color-scheme:dark){.file-selector{background-color:#2c2c2c;border-color:#444}.file-filter{background-color:#333;border-bottom-color:#444}.filter-select,.search-input{background-color:#383838;border-color:#444;color:#e0e0e0}.filter-select:focus,.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.file-select-item{border-bottom-color:#333}.file-select-item:hover{background-color:#383838}.file-select-item.selected{background-color:#1a237e}.file-select-icon{background-color:#444;color:#bbb}.file-select-path{color:#aaa}.file-size{background-color:#444;color:#bbb}.no-files-message{color:#aaa}}.update-type-selector{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.update-type-button{align-items:center;background-color:#f5f5f5;background-color:var(--type-bg-color,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--type-border-color,#e0e0e0);border-radius:4px;color:#333;color:var(--type-color,#333);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .2s}.update-type-button:hover{border-color:#333;border-color:var(--type-color,#333);filter:brightness(.95)}.update-type-button.selected{background-color:#2196f3;background-color:var(--type-color,#2196f3);border-color:#2196f3;border-color:var(--type-color,#2196f3);box-shadow:0 2px 5px #0000001a;color:#fff}.update-type-icon{font-size:1.1rem;margin-right:.5rem}@media (prefers-color-scheme:dark){.update-type-button{background-color:#333;background-color:var(--type-bg-color,#333);border-color:#555;border-color:var(--type-border-color,#555);color:#e0e0e0;color:var(--type-color,#e0e0e0);filter:brightness(.8)}.update-type-button:hover{filter:brightness(.9)}.update-type-button.selected{background-color:#2196f3;background-color:var(--type-color,#2196f3);border-color:#2196f3;border-color:var(--type-color,#2196f3);color:#fff;filter:brightness(1)}}.code-preview{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;overflow:auto;position:relative}.code-preview pre{font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;tab-size:4;white-space:pre}.code-preview code{display:block;font-family:inherit}.code-preview :not(pre)>code[class*=language-],.code-preview pre[class*=language-]{background:#0000;border-radius:0;margin:0}.code-preview pre.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}.code-preview pre.line-numbers>code{position:relative}.code-preview .line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:3em}.code-preview .line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.code-preview .line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.code-preview .highlighted-line{background-color:#ffed0033;display:block;margin:0 -1rem;padding:0 1rem}@media (prefers-color-scheme:dark){.code-preview{background-color:#282c34;border-color:#444}.code-preview pre[class*=language-]{text-shadow:0 1px #0000004d}.code-preview .line-numbers-rows>span:before{color:#777}.code-preview .line-numbers .line-numbers-rows{border-right-color:#777}.code-preview .highlighted-line{background-color:#ffed001a}.code-preview :not(pre)>code[class*=language-],.code-preview pre[class*=language-]{background:#0000;color:#abb2bf}.code-preview .token.cdata,.code-preview .token.comment,.code-preview .token.doctype,.code-preview .token.prolog{color:#5c6370}.code-preview .token.punctuation{color:#abb2bf}.code-preview .token.boolean,.code-preview .token.constant,.code-preview .token.deleted,.code-preview .token.number,.code-preview .token.property,.code-preview .token.symbol,.code-preview .token.tag{color:#e06c75}.code-preview .token.attr-name,.code-preview .token.builtin,.code-preview .token.char,.code-preview .token.inserted,.code-preview .token.selector,.code-preview .token.string{color:#98c379}.code-preview .language-css .token.string,.code-preview .style .token.string,.code-preview .token.entity,.code-preview .token.operator,.code-preview .token.url{color:#56b6c2}.code-preview .token.atrule,.code-preview .token.attr-value,.code-preview .token.keyword{color:#c678dd}.code-preview .token.class-name,.code-preview .token.function{color:#61afef}.code-preview .token.important,.code-preview .token.regex,.code-preview .token.variable{color:#d19a66}}.refinement-phase{margin:0 auto;max-width:1200px;padding:1.5rem}.phase-description{background-color:#fff8e1;border-left:4px solid #ffc107}.phase-description h2{color:#ff8f00}.refinement-config{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.file-selection,.update-config{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.file-selection h3,.update-config h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.update-type{margin-bottom:1.5rem}.update-type label{color:#666;display:block;font-weight:500;margin-bottom:.5rem}.issue-description{margin-bottom:1rem}.issue-description label{color:#666;display:block;font-weight:500;margin-bottom:.5rem}.issue-description textarea{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:100px;padding:.75rem;resize:vertical;width:100%}.issue-description textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.issue-description textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.code-preview-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.code-preview-container h3{color:#333;font-size:1.25rem;margin:0 0 1rem;word-break:break-all}.update-history{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.update-history h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.history-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.history-item{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:box-shadow .2s}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.history-file{font-size:.9rem;font-weight:500;word-break:break-all}.history-time{color:#757575;font-size:.8rem}.history-type{color:#2196f3;font-size:.85rem;margin-bottom:.5rem}.history-description{color:#666;font-size:.9rem}.phase-completion{background-color:#f5f5f5;border-radius:8px;padding:2rem;text-align:center}.complete-phase-btn{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.complete-phase-btn:hover{background-color:#f57c00}.completion-note{color:#666;font-size:.9rem;margin-top:1rem}@media (max-width:992px){.ai-interaction,.history-list,.refinement-config{grid-template-columns:1fr}}@media (max-width:600px){.code-preview-container,.file-selection,.phase-description,.refinement-phase,.update-config,.update-history{padding:1rem}.phase-completion{padding:1.5rem 1rem}}@media (prefers-color-scheme:dark){.refinement-phase{color:#e0e0e0}.phase-description{background-color:#3e2723;border-left-color:#ff9800}.phase-description h2{color:#ffb74d}.phase-description p{color:#e0e0e0}.code-preview-container,.file-selection,.update-config,.update-history{background-color:#2c2c2c;border-color:#444}.code-preview-container h3,.file-selection h3,.update-config h3,.update-history h3{color:#e0e0e0}.issue-description label,.update-type label{color:#bbb}.issue-description textarea{background-color:#383838;border-color:#444;color:#e0e0e0}.issue-description textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.history-item,.issue-description textarea:disabled{background-color:#333}.history-item{border-color:#444}.history-time{color:#aaa}.history-description{color:#bbb}.phase-completion{background-color:#333}.completion-note{color:#bbb}}.finishing-phase{margin:0 auto;max-width:1200px;padding:1.5rem}.phase-description{background-color:#f3e5f5;border-left:4px solid #9c27b0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.phase-description h2{color:#7b1fa2;font-size:1.5rem;margin:0 0 .75rem}.phase-description p{color:#333;line-height:1.6;margin:0}.project-summary{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.project-summary h3{color:#333;font-size:1.25rem;margin:0 0 1.5rem}.project-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{background-color:#f5f5f5;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s}.stat-item:hover{transform:translateY(-5px)}.stat-value{color:#9c27b0;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.file-type-summary{margin-top:2rem}.file-type-summary h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.file-type-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.file-type-item{background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.file-type-name{color:#333;font-weight:500;margin-bottom:.5rem;text-transform:capitalize}.file-type-stats{color:#666;display:flex;font-size:.85rem;justify-content:space-between}.loading-stats,.no-files-message{background-color:#f5f5f5;border-radius:8px;color:#757575;font-style:italic;padding:2rem;text-align:center}.optimization-results{background-color:#e1f5fe;border-left:4px solid #03a9f4;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.optimization-results h3{color:#0288d1;font-size:1.25rem;margin:0 0 1rem}.results-summary{color:#333;font-size:.95rem}.optimization-list{list-style:none;margin:1rem 0 0;padding:0}.optimization-item{background-color:#fff;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:.75rem}.optimization-path{color:#333;flex:1 1;font-weight:500;min-width:200px}.optimization-type{color:#0288d1;font-size:.9rem}.optimization-description{color:#666;font-size:.9rem;margin-top:.5rem;width:100%}.ai-interaction{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.completion-section{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:2rem;text-align:center}.completion-section h3{color:#2e7d32;font-size:1.25rem;margin:0 0 1rem}.completion-message{color:#333;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.completion-actions{display:flex;gap:1rem;justify-content:center}.export-btn,.share-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.export-btn{background-color:#4caf50;color:#fff}.export-btn:hover{background-color:#388e3c}.share-btn{background-color:#2196f3;color:#fff}.share-btn:hover{background-color:#1976d2}@media (max-width:992px){.ai-interaction{grid-template-columns:1fr}.project-stats{grid-template-columns:1fr 1fr}}@media (max-width:600px){.finishing-phase,.phase-description,.project-summary{padding:1rem}.project-stats{gap:1rem;grid-template-columns:1fr}.optimization-results,.stat-item{padding:1rem}.completion-section{padding:1.5rem 1rem}.completion-actions{flex-direction:column;gap:.75rem}.export-btn,.share-btn{width:100%}}@media (prefers-color-scheme:dark){.finishing-phase{color:#e0e0e0}.phase-description{background-color:#4a148c;border-left-color:#ce93d8}.phase-description h2{color:#ce93d8}.phase-description p{color:#e0e0e0}.project-summary{background-color:#2c2c2c;border-color:#444}.project-summary h3{color:#e0e0e0}.stat-item{background-color:#333}.stat-value{color:#ce93d8}.stat-label{color:#bbb}.file-type-summary h4{color:#e0e0e0}.file-type-item{background-color:#333}.file-type-name{color:#e0e0e0}.file-type-stats{color:#bbb}.loading-stats,.no-files-message{background-color:#333;color:#aaa}.optimization-results{background-color:#01579b;border-left-color:#81d4fa}.optimization-results h3{color:#81d4fa}.results-summary{color:#e0e0e0}.optimization-item{background-color:#333}.optimization-path{color:#e0e0e0}.optimization-type{color:#81d4fa}.optimization-description{color:#bbb}.completion-section{background-color:#1b5e20;border-color:#2e7d32}.completion-section h3{color:#81c784}.completion-message{color:#e0e0e0}}.code-editor{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.code-editor-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.file-info{flex:1 1;min-width:200px}.file-info h3{color:#333;font-size:1.1rem;margin:0 0 .25rem;word-break:break-all}.file-meta{color:#666;display:flex;font-size:.8rem;gap:1rem}.editor-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.editor-actions{display:flex;gap:.5rem}.edit-toggle,.save-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s}.edit-toggle:hover,.save-button:hover{background-color:#f1f1f1}.edit-toggle.active{background-color:#e3f2fd;border-color:#bbdefb;color:#1976d2}.save-button{background-color:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.save-button:hover{background-color:#c8e6c9}.save-button:disabled{background-color:#f1f1f1;border-color:#e0e0e0;color:#757575;opacity:.5}.code-editor-container{flex:1 1;min-height:300px;position:relative}.editor-loading-overlay{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.unsaved-changes-banner{align-items:center;background-color:#fff3e0;border-top:1px solid #ffe0b2;color:#e65100;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 1rem}.save-changes-button{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:background-color .2s}.save-changes-button:hover{background-color:#f57c00}.save-changes-button:disabled{cursor:not-allowed;opacity:.5}.code-editor-error,.code-editor-loading{align-items:center;display:flex;height:300px;justify-content:center;padding:2rem}.code-editor-error{color:#f44336}@media (prefers-color-scheme:dark){.code-editor{background-color:#1e1e1e;border-color:#444}.code-editor-header{background-color:#2c2c2c;border-bottom-color:#444}.file-info h3{color:#e0e0e0}.file-meta,.version-selector label{color:#aaa}.version-selector select{background-color:#383838;border-color:#444;color:#e0e0e0}.version-selector select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.edit-toggle,.save-button{background-color:#383838;border-color:#444;color:#e0e0e0}.edit-toggle:hover,.save-button:hover{background-color:#424242}.edit-toggle.active{background-color:#0d47a1;border-color:#1565c0;color:#e3f2fd}.save-button{background-color:#1b5e20;border-color:#2e7d32;color:#e8f5e9}.save-button:hover{background-color:#2e7d32}.save-button:disabled{background-color:#424242;border-color:#444;color:#aaa;opacity:.5}.editor-loading-overlay{background-color:#00000080}.unsaved-changes-banner{background-color:#3e2723;border-top-color:#4e342e;color:#ffccbc}.save-changes-button{background-color:#e65100}.save-changes-button:hover{background-color:#f57c00}}.file-diff{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.file-diff-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:1rem}.file-diff-title{color:#333;font-size:1.2rem;font-weight:500;margin:0 0 1rem;word-break:break-all}.version-selectors{display:flex;flex-wrap:wrap;gap:1rem}.version-selector{align-items:center;display:flex;gap:.5rem}.version-selector label{color:#666;font-size:.9rem;font-weight:500}.version-selector select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;min-width:220px;padding:.5rem}.version-selector select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.file-diff-content{flex:1 1;overflow:auto;padding:1rem}.diff-result{font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace;font-size:.9rem;line-height:1.5}.file-diff .d2h-wrapper{margin:0}.file-diff .d2h-file-header{background-color:#f1f3f4;border-color:#e0e0e0;padding:.5rem}.file-diff .d2h-file-name{font-weight:500}.file-diff .d2h-code-line,.file-diff .d2h-code-side-line{padding:0 .5em}.diff-fallback{background-color:#f5f5f5;border-radius:4px;padding:1rem;white-space:pre-wrap}.no-diff-message{color:#666;font-style:italic;padding:2rem;text-align:center}.file-diff-error,.file-diff-loading{align-items:center;display:flex;height:300px;justify-content:center}.file-diff-error{color:#f44336}@media (prefers-color-scheme:dark){.file-diff{background-color:#2c2c2c;border-color:#444}.file-diff-header{background-color:#333;border-bottom-color:#444}.file-diff-title{color:#e0e0e0}.version-selector label{color:#aaa}.version-selector select{background-color:#383838;border-color:#444;color:#e0e0e0}.version-selector select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.no-diff-message{color:#aaa}.file-diff .d2h-file-header{background-color:#424242;border-color:#555}.file-diff .d2h-code-line,.file-diff .d2h-code-side-line,.file-diff .d2h-file-name{color:#e0e0e0}.diff-fallback{background-color:#333;color:#e0e0e0}}.project-actions-bar{align-items:center;display:flex;gap:1rem}.premium-badge{align-items:center;display:flex;gap:.25rem}.badge-icon{font-size:1rem}.actions-wrapper{position:relative}.actions-button{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.actions-button:hover{background-color:#e0e0e0}.button-arrow{font-size:.7rem}.actions-menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:200px;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-icon{font-size:1.1rem;margin-right:.75rem}.menu-divider{background-color:#e0e0e0;height:1px;margin:.5rem 0}.delete-item{color:#f44336}.delete-item:hover{background-color:#ffebee}.delete-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;padding:1.5rem;width:90%}.delete-confirm h3{color:#d32f2f;font-size:1.2rem;margin:0 0 1rem}.delete-confirm p{color:#333;font-size:.95rem;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-button,.delete-button{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.cancel-button{background-color:#f5f5f5;border-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#e0e0e0}.delete-button{background-color:#f44336;border-color:#d32f2f}.delete-button:hover{background-color:#d32f2f}@media (prefers-color-scheme:dark){.premium-badge{background-color:#ffc107;color:#333}.actions-button{background-color:#424242;border-color:#555;color:#e0e0e0}.actions-button:hover{background-color:#505050}.actions-menu{background-color:#333;border-color:#444;box-shadow:0 2px 8px #0000004d}.menu-item{color:#e0e0e0}.menu-item:hover{background-color:#424242}.menu-divider{background-color:#444}.delete-item:hover{background-color:#4a2525}.delete-confirm{background-color:#2c2c2c;box-shadow:0 4px 12px #0006}.delete-confirm h3{color:#f44336}.delete-confirm p{color:#e0e0e0}.cancel-button{background-color:#424242;border-color:#555;color:#e0e0e0}.cancel-button:hover{background-color:#505050}}.project-settings-page{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.settings-header h1{color:var(--color-text);margin:0}.settings-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-light);border-radius:4px;color:var(--color-danger);margin-bottom:1.5rem;padding:.75rem 1rem}.settings-form-container{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2196f333;outline:none}.save-button{background-color:var(--color-success);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:var(--color-success-dark)}.save-button:disabled{cursor:not-allowed;opacity:.6}.danger-zone{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-light);border-radius:8px;padding:2rem}.danger-zone h2{color:var(--color-danger);font-size:1.5rem;margin:0 0 1rem}.danger-zone p{color:var(--color-text);margin:0 0 1.5rem}.delete-button{background-color:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.delete-button:hover:not(:disabled){background-color:var(--color-danger-dark)}.delete-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.project-settings-page{padding:1rem}.danger-zone,.settings-form-container{padding:1.5rem}}@media (prefers-color-scheme:dark){.settings-form-container{background-color:var(--color-white)}.form-group input,.form-group textarea{background-color:#383838;border-color:var(--color-border);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #2196f34d}.danger-zone{background-color:#f443361a}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-container{background-color:var(--color-white);border-radius:8px;box-shadow:var(--shadow-medium);max-width:450px;padding:2rem;width:100%}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-header h1{color:var(--color-text);font-size:1.75rem;margin:0 0 .5rem}.auth-header p{color:var(--color-text-light);font-size:.95rem;margin:0}.auth-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-light);border-radius:4px;color:var(--color-danger);font-size:.9rem;padding:.75rem 1rem}.auth-error,.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.95rem;margin-bottom:.5rem}.form-group input{width:100%}.auth-button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.85rem;text-align:center;transition:background-color .2s;width:100%}.auth-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-actions{margin-bottom:1.5rem}.guest-button{background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.85rem;text-align:center;transition:background-color .2s;width:100%}.guest-button:hover:not(:disabled){background-color:#2196f30d}.guest-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:var(--color-text-light);font-size:.9rem;text-align:center}.auth-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-container{padding:1.5rem}}@media (prefers-color-scheme:dark){.auth-container{background-color:var(--color-white)}.form-group input{background-color:#383838;border-color:var(--color-border);color:var(--color-text)}.form-group input:focus{box-shadow:0 0 0 2px #2196f34d}.guest-button{background-color:#2196f31a}.guest-button:hover:not(:disabled){background-color:#2196f326}}.profile-page{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.profile-container{display:flex;flex-direction:column;gap:2rem}.profile-header{align-items:center;display:flex;justify-content:space-between}.profile-header h1{color:var(--color-text);margin:0}.back-link{align-items:center;color:var(--color-primary);display:flex;text-decoration:none}.back-link:hover{text-decoration:underline}.profile-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-light);border-radius:4px;color:var(--color-danger)}.profile-error,.profile-success{margin-bottom:.5rem;padding:.75rem 1rem}.profile-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-light);border-radius:4px;color:var(--color-success-dark)}.profile-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.profile-section h2{color:var(--color-text);font-size:1.25rem;margin:0 0 1.5rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;display:flex;margin-bottom:.75rem}.info-label{color:var(--color-text-light);flex:0 0 120px;font-weight:500}.info-value{color:var(--color-text);flex:1 1}.premium-badge{background-color:var(--color-warning);border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.profile-form{gap:1.25rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--color-text);font-weight:500}.form-group input{border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2196f333;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-note{color:var(--color-text-lighter);font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.cancel-button,.edit-button,.save-button,.upgrade-button{border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.edit-button{align-self:flex-start;background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-text)}.edit-button:hover{background-color:#f5f5f5}.cancel-button{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-text)}.cancel-button:hover:not(:disabled){background-color:#f5f5f5}.save-button{background-color:var(--color-primary);border:none;color:#fff}.save-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.upgrade-button{align-self:flex-start;background-color:var(--color-warning);border:none;color:var(--color-text)}.upgrade-button:hover:not(:disabled){background-color:var(--color-warning-dark)}.cancel-button:disabled,.edit-button:disabled,.save-button:disabled,.upgrade-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.profile-page{padding:1rem}.profile-section{padding:1.25rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-label{flex:none}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (prefers-color-scheme:dark){.profile-section{background-color:var(--color-white)}.form-group input{background-color:#383838;border-color:var(--color-border);color:var(--color-text)}.form-group input:focus{box-shadow:0 0 0 2px #2196f34d}.form-group input:disabled{background-color:#2c2c2c}.cancel-button,.edit-button{background-color:#383838;border-color:var(--color-border)}.cancel-button:hover:not(:disabled),.edit-button:hover{background-color:#424242}}.about-page{margin:0 auto;max-width:1000px;padding:2rem 1.5rem}.about-header{margin-bottom:3rem;text-align:center}.about-header h1{color:var(--color-text);font-size:2.5rem;margin:0 0 1rem}.about-subtitle{color:var(--color-text-light);font-size:1.25rem;margin:0}.about-section{margin-bottom:3rem}.about-section h2{color:var(--color-primary);font-size:1.75rem;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.about-section h2:after{background-color:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.about-section p{color:var(--color-text);font-size:1.05rem;line-height:1.6;margin:0 0 1rem}.about-section p:last-child{margin-bottom:0}.phases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.phase-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.phase-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.phase-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:30px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:30px}.phase-card h3{color:var(--color-text);font-size:1.25rem;margin:.5rem 0 1rem;text-align:center}.phase-card p{color:var(--color-text-light);font-size:.95rem;margin:0;text-align:center}.features-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;padding:0}.features-list li{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.features-list li:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.features-list li strong{color:var(--color-text);display:block;font-size:1.2rem;margin-bottom:.75rem}.features-list li p{color:var(--color-text-light);font-size:.95rem;margin:0}.about-actions{display:flex;gap:1rem;margin-top:2rem}.premium-button,.start-button{border-radius:4px;display:inline-block;font-size:1rem;font-weight:500;padding:.85rem 2rem;text-decoration:none;transition:all .2s}.start-button{background-color:var(--color-primary);color:#fff}.start-button:hover{background-color:var(--color-primary-dark);text-decoration:none}.premium-button{background-color:var(--color-white);border:1px solid var(--color-primary);color:var(--color-primary)}.premium-button:hover{background-color:var(--color-primary-bg);text-decoration:none}.about-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;margin-top:5rem;padding-top:2rem}.about-footer p{color:var(--color-text-light);font-size:.9rem;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--color-primary)}.footer-links a:hover{text-decoration:underline}@media (max-width:768px){.about-header h1{font-size:2rem}.about-subtitle{font-size:1.1rem}.features-list,.phases-grid{grid-template-columns:1fr}.about-actions{flex-direction:column}.premium-button,.start-button{text-align:center}}@media (prefers-color-scheme:dark){.features-list li,.phase-card{background-color:var(--color-white);border-color:var(--color-border)}.premium-button{background-color:#2196f31a}.premium-button:hover{background-color:#2196f326}}.premium-page{margin:0 auto;max-width:1100px;padding:2rem 1.5rem}.premium-header{margin-bottom:3rem;text-align:center}.premium-header h1{color:var(--color-text);font-size:2.5rem;margin:0 0 1rem}.premium-subtitle{color:var(--color-text-light);font-size:1.25rem;margin:0}.premium-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-light);border-radius:4px;color:var(--color-danger);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;padding:.75rem 1rem}.already-premium,.premium-success{background-color:var(--color-success-bg);border-radius:8px;margin-bottom:3rem;padding:3rem 2rem;text-align:center}.already-premium h2,.premium-success h2{color:var(--color-success-dark);font-size:2rem;margin:0 0 1.5rem}.already-premium p,.premium-success p{color:var(--color-text);font-size:1.1rem;margin:0 auto 2rem;max-width:600px}.home-button{background-color:var(--color-primary);border-radius:4px;color:#fff;display:inline-block;font-size:1rem;font-weight:500;padding:.85rem 2rem;text-decoration:none;transition:background-color .2s}.home-button:hover{background-color:var(--color-primary-dark);text-decoration:none}.plans-container{margin-bottom:4rem}.plans-toggle{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:300px;padding:.5rem}.plan-toggle-btn{background:none;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.plan-toggle-btn.active{background-color:var(--color-primary);color:#fff}.save-badge{background-color:var(--color-success);border-radius:10px;color:#fff;font-size:.7rem;padding:.15rem .4rem;position:absolute;right:-10px;top:-10px;white-space:nowrap}.plan-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.plan-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:2rem;position:relative}.plan-card.free{border-top:4px solid var(--color-text-light)}.plan-card.premium{border-top:4px solid var(--color-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.plan-badge{background-color:var(--color-primary);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem 1rem;position:absolute;right:20px;top:-12px}.plan-header{margin-bottom:2rem;text-align:center}.plan-header h2{color:var(--color-text);font-size:1.75rem;margin:0 0 1rem}.plan-price{align-items:center;display:flex;flex-direction:column}.plan-price .price{color:var(--color-text);font-size:2.5rem;font-weight:700}.plan-price .period{color:var(--color-text-light);font-size:1rem}.plan-features{margin-bottom:2rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.75rem 0 .75rem 1.5rem;position:relative}.plan-features li:before{color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}.plan-features li.not-included{color:var(--color-text-lighter)}.plan-features li.not-included:before{color:var(--color-danger);content:"×"}.plan-action{text-align:center}.current-plan-btn,.upgrade-btn{border-radius:4px;display:inline-block;font-size:1rem;font-weight:500;padding:.85rem 2rem;text-align:center;transition:all .2s;width:100%}.current-plan-btn{background-color:var(--color-text-lighter);color:#fff;cursor:default;text-decoration:none}.upgrade-btn{background-color:var(--color-primary);border:none;color:#fff;cursor:pointer}.upgrade-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.6}.upgrade-btn.large{font-size:1.15rem;padding:1rem 3rem;width:auto}.premium-features{margin-bottom:4rem}.premium-cta h2,.premium-faq h2,.premium-features h2{color:var(--color-text);font-size:2rem;margin:0 0 2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:var(--color-text);font-size:1.25rem;margin:0 0 1rem}.feature-card p{color:var(--color-text-light);font-size:.95rem;margin:0}.premium-faq{margin-bottom:4rem}.faq-list{margin:0 auto;max-width:800px}.faq-item{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.faq-item h3{color:var(--color-text);font-size:1.1rem;margin:0 0 .75rem}.faq-item p{color:var(--color-text-light);font-size:.95rem;line-height:1.5;margin:0}.premium-cta{background-color:var(--color-primary-bg);border-radius:12px;padding:3rem 2rem;text-align:center}.premium-cta h2{color:var(--color-primary-dark);margin:0 0 1rem}.premium-cta p{color:var(--color-text);font-size:1.1rem;margin:0 auto 2rem;max-width:600px}@media (max-width:768px){.premium-header h1{font-size:2rem}.premium-subtitle{font-size:1.1rem}.plan-card.premium{transform:scale(1)}.premium-cta h2,.premium-faq h2,.premium-features h2{font-size:1.75rem}}@media (prefers-color-scheme:dark){.faq-item,.feature-card,.plan-card,.plans-toggle{background-color:var(--color-white);border-color:var(--color-border)}.premium-cta{background-color:var(--color-primary-bg)}.plan-features li{border-bottom-color:var(--color-border)}.current-plan-btn{background-color:#424242}}.app-header{background-color:#2196f3;box-shadow:0 2px 4px #0000001a;color:#fff;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1.5rem}.header-content,.header-logo,.logo-link{align-items:center;display:flex}.logo-link{color:#fff;font-weight:700;text-decoration:none}.logo-icon{background-color:#fff3;border-radius:4px;font-size:1.1rem;margin-right:.75rem;padding:.5rem}.logo-text{font-size:1.2rem}.header-nav{display:flex;flex:1 1;justify-content:center}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0 1rem}.nav-link{color:#fff;padding:.5rem 0;position:relative;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}.nav-link:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .2s;width:0}.nav-link:hover:after{width:100%}.header-actions{align-items:center;display:flex}.auth-buttons{display:flex;gap:1rem}.login-button,.register-button{border-radius:4px;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.login-button{background-color:initial;border:1px solid #fff;color:#fff}.login-button:hover{background-color:#ffffff1a}.register-button{background-color:#fff;color:#2196f3}.register-button:hover{background-color:#f5f5f5}.user-menu-container{position:relative}.user-menu-button{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem}.user-avatar,.user-menu-button{align-items:center;display:flex}.user-avatar{background-color:#fff3;border-radius:50%;font-weight:700;height:36px;justify-content:center;width:36px}.premium-badge{background-color:#ffc107;border-radius:2px;color:#333;font-size:.65rem;font-weight:700;margin-left:.5rem;padding:.1rem .3rem}.backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10}.user-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:20}.user-info{background-color:#f5f5f5;border-bottom:1px solid #eee;padding:1rem}.user-name{color:#333;font-weight:700}.user-email{color:#666;font-size:.85rem;margin-top:.25rem}.dropdown-menu{list-style:none;margin:0;padding:.5rem 0}.dropdown-item{margin:0}.dropdown-link{color:#333;display:block;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s}.dropdown-link:hover{background-color:#f5f5f5}.premium-link{font-weight:500}.logout-link{background:none;border:none;color:#f44336;cursor:pointer;font:inherit;text-align:left;width:100%}.dropdown-divider{background-color:#eee;height:1px;margin:.5rem 0}@media (max-width:768px){.header-content{flex-wrap:wrap}.header-nav{margin-top:.75rem;order:3;width:100%}.nav-list{justify-content:space-around;width:100%}.nav-item{margin:0}}@media (prefers-color-scheme:dark){.app-header{background-color:#1565c0}.user-dropdown{background-color:#222}.user-info{background-color:#333;border-bottom-color:#444}.user-name{color:#e0e0e0}.user-email{color:#aaa}.dropdown-link{color:#e0e0e0}.dropdown-link:hover{background-color:#333}.dropdown-divider{background-color:#444}.register-button{color:#1565c0}}.ad-banner{background-color:#e3f2fd;box-shadow:0 1px 3px #0000001a;padding:.75rem}.ad-banner-header{border-bottom:1px solid #bbdefb}.ad-banner-footer{border-top:1px solid #bbdefb}.ad-banner-sidebar{border-radius:4px;margin:1rem 0}.ad-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative}.ad-icon{color:#2196f3;flex-shrink:0;margin-right:.75rem}.ad-text{color:#333;flex:1 1;font-size:.9rem;margin:0}.ad-link{background-color:#2196f3;border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;margin-left:1rem;padding:.4rem 1rem;text-decoration:none;transition:background-color .2s;white-space:nowrap}.ad-link:hover{background-color:#1976d2}.ad-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;margin-left:.5rem;padding:.25rem .5rem;transition:color .2s,background-color .2s}.ad-close:hover{background-color:#0000000d;color:#666}@media (max-width:768px){.ad-content{flex-wrap:wrap;padding:.5rem 1rem;text-align:center}.ad-text{margin-bottom:.75rem}.ad-link{margin-bottom:.5rem;margin-left:0}.ad-close{position:absolute;right:0;top:0}}@media (prefers-color-scheme:dark){.ad-banner{background-color:#1a237e;border-color:#303f9f}.ad-banner-header{border-bottom-color:#303f9f}.ad-banner-footer{border-top-color:#303f9f}.ad-icon{color:#90caf9}.ad-text{color:#e0e0e0}.ad-link{background-color:#90caf9;color:#263238}.ad-link:hover{background-color:#64b5f6}.ad-close{color:#bbb}.ad-close:hover{background-color:#ffffff1a;color:#eee}}.app-footer{background-color:#f5f5f5;color:#333;margin-top:auto;padding:2rem 0 1rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-section{flex:1 1;margin-bottom:2rem;min-width:200px;padding-right:2rem}.footer-logo{align-items:center;display:flex;margin-bottom:1rem}.footer-logo .logo-icon{background-color:#2196f3;border-radius:4px;color:#fff;font-size:1rem;margin-right:.75rem;padding:.5rem}.footer-logo .logo-text{color:#333;font-size:1.1rem;font-weight:700}.footer-description{color:#666;font-size:.9rem;line-height:1.5}.footer-heading{color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#666;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#2196f3}.footer-bottom{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem}.footer-copyright{color:#666;font-size:.85rem}.footer-misc{font-size:.85rem}.premium-link{color:#2196f3;text-decoration:none;transition:color .2s}.premium-link:hover{color:#1976d2;text-decoration:underline}.premium-status{color:#4caf50}@media (max-width:768px){.footer-section{flex-basis:calc(50% - 2rem);flex-grow:0;flex-shrink:0}}@media (max-width:480px){.footer-section{flex:0 0 100%;padding-right:0}.footer-bottom{justify-content:center;text-align:center}}@media (prefers-color-scheme:dark){.app-footer{background-color:#222}.app-footer,.footer-heading,.footer-logo .logo-text{color:#e0e0e0}.footer-copyright,.footer-description{color:#aaa}.footer-links a{color:#bbb}.footer-links a:hover{color:#2196f3}.footer-bottom{border-top-color:#333}.premium-status{color:#66bb6a}}.error-boundary{align-items:center;background-color:#fff0f0;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;margin:1rem;min-height:300px;padding:2rem;text-align:center}.error-content{max-width:800px}.error-boundary h2{color:#e53935;margin-bottom:1rem}.error-details{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;max-height:300px;overflow:auto;padding:1rem;text-align:left}.error-stack{border-top:1px solid #eee;color:#666;font-family:monospace;font-size:.85rem;margin-top:1rem;padding-top:1rem;white-space:pre-wrap}.retry-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#388e3c}.retry-button:focus{box-shadow:0 0 0 3px #4caf504d;outline:none}@media (prefers-color-scheme:dark){.error-boundary{background-color:#3f2a2a}.error-details{background-color:#2d2d2d;color:#e0e0e0}.error-stack{border-top-color:#444;color:#bbb}}.storage-warning{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.storage-warning-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:2rem;text-align:center}.storage-warning h1{color:#d32f2f;margin-bottom:1.5rem;margin-top:0}.warning-icon{color:#f44336;margin-bottom:1.5rem}.warning-message{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.warning-list{margin:0 auto 2rem;max-width:500px;padding-left:1.5rem;text-align:left}.warning-list li{line-height:1.4;margin-bottom:.75rem}.browser-support{margin-bottom:2rem}.browser-support h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.browser-icons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.browser-icon{align-items:center;display:flex;flex-direction:column}.browser-icon .icon{font-weight:700;margin-bottom:.25rem}.browser-icon .version{color:#666;font-size:.9rem}.warning-actions{margin-top:1rem}.reload-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background-color .2s}.reload-button:hover{background-color:#1976d2}.reload-button:focus{box-shadow:0 0 0 3px #2196f34d;outline:none}@media (prefers-color-scheme:dark){.storage-warning{background-color:#121212;color:#e0e0e0}.storage-warning-content{background-color:#1e1e1e;box-shadow:0 4px 6px #0000004d}.storage-warning h1{color:#f44336}.browser-support h3,.warning-message{color:#e0e0e0}.browser-icon .version{color:#aaa}}:root{--color-primary:#2196f3;--color-primary-dark:#1976d2;--color-primary-light:#bbdefb;--color-primary-bg:#e3f2fd;--color-secondary:#ff9800;--color-secondary-dark:#f57c00;--color-secondary-light:#ffe0b2;--color-secondary-bg:#fff3e0;--color-success:#4caf50;--color-success-dark:#388e3c;--color-success-light:#c8e6c9;--color-success-bg:#e8f5e9;--color-danger:#f44336;--color-danger-dark:#d32f2f;--color-danger-light:#ffcdd2;--color-danger-bg:#ffebee;--color-warning:#ffc107;--color-warning-dark:#ffa000;--color-warning-light:#ffecb3;--color-warning-bg:#fff8e1;--color-info:#03a9f4;--color-info-dark:#0288d1;--color-info-light:#b3e5fc;--color-info-bg:#e1f5fe;--color-text:#333;--color-text-light:#666;--color-text-lighter:#757575;--color-background:#f5f5f5;--color-border:#e0e0e0;--color-white:#fff;--shadow-small:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #0000001a;--shadow-large:0 8px 16px #0000001a;--border-radius:8px;--transition-speed:0.2s}@media (prefers-color-scheme:dark){:root{--color-primary:#2196f3;--color-primary-dark:#1976d2;--color-primary-light:#64b5f6;--color-primary-bg:#0d47a1;--color-secondary:#ff9800;--color-secondary-dark:#f57c00;--color-secondary-light:#ffb74d;--color-secondary-bg:#3e2723;--color-success:#4caf50;--color-success-dark:#388e3c;--color-success-light:#81c784;--color-success-bg:#1b5e20;--color-danger:#f44336;--color-danger-dark:#d32f2f;--color-danger-light:#e57373;--color-danger-bg:#4a2525;--color-warning:#ffc107;--color-warning-dark:#ffa000;--color-warning-light:#ffd54f;--color-warning-bg:#5d4037;--color-info:#03a9f4;--color-info-dark:#0288d1;--color-info-light:#4fc3f7;--color-info-bg:#01579b;--color-text:#e0e0e0;--color-text-light:#bbb;--color-text-lighter:#aaa;--color-background:#121212;--color-border:#444;--color-white:#2c2c2c;--shadow-small:0 2px 4px #0003;--shadow-medium:0 4px 8px #0000004d;--shadow-large:0 8px 16px #0006}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#f5f5f5;background-color:var(--color-background);color:#333;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1 1;padding:1rem 0}.loading-app{align-items:center;background-color:#f5f5f5;background-color:var(--color-background);display:flex;height:100vh;justify-content:center}.loading-content{text-align:center}.app-logo{color:#2196f3;color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #bbdefb;border-radius:50%;border-top-color:#2196f3;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);height:40px;margin:0 auto 1rem;width:40px}.loading-message{color:#666;color:var(--color-text-light)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-top:0}a{color:#2196f3;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:2px solid #2196f3;outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background-color:#fff3}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}}@media (max-width:768px){.app-content{padding:.5rem 0}}
/*# sourceMappingURL=main.698c2477.css.map*/