body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}*{box-sizing:border-box}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.App-header{margin-bottom:30px;text-align:center}.App-header h1{color:#333;margin-bottom:10px}.App-header p{color:#666;font-size:18px}.App-main{display:flex;flex-direction:column;gap:30px}.input-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:12px;width:100%}.form-group textarea{min-height:200px;resize:vertical}.analyze-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.analyze-btn:hover:not(:disabled){background:#0056b3}.analyze-btn:disabled{background:#6c757d;cursor:not-allowed}.file-info{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:10px;padding:12px}.filename{color:#333;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.clear-file-btn{align-items:center;border-radius:50%;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.file-upload-area{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#f0f8ff;border-color:#007bff}.file-upload-area.drag-active{background:#e3f2fd;border-color:#007bff;transform:scale(1.02)}.upload-content{pointer-events:none}.upload-icon{display:block;font-size:48px;margin-bottom:16px}.upload-text{color:#333;font-size:16px;margin:0 0 8px}.upload-link{color:#007bff;cursor:pointer;pointer-events:all;text-decoration:underline}.upload-link:hover{color:#0056b3}.upload-hint{color:#666;font-size:14px;margin:0}.file-loaded{color:#28a745;font-size:14px;font-weight:500}.file-actions{align-items:center;display:flex;gap:10px}.file-count{color:#666;font-size:12px;font-style:italic}.clear-file-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.clear-file-btn:hover{background:#c82333}.file-manager{background:#fff;border:1px solid #e9ecef;border-radius:6px;max-height:200px;overflow-y:auto}.file-item{border-bottom:1px solid #f1f3f4;cursor:pointer;transition:all .2s ease}.file-item:last-child{border-bottom:none}.file-item:hover{background:#f8f9fa}.file-item.active{background:#e3f2fd;border-left:4px solid #007bff}.file-item.analyzed{background:#f0f8f0}.file-item.active.analyzed{background:#e8f5e8;border-left:4px solid #28a745}.file-item-content{align-items:center;display:flex;gap:12px;padding:12px}.file-icon{flex-shrink:0;font-size:16px}.file-details{flex:1 1;min-width:0}.file-name{color:#333;display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;display:block;font-size:12px;margin-top:2px}.file-status{align-items:center;display:flex;flex-shrink:0;gap:6px}.analyzed-badge{background:#28a745;font-size:12px}.analyzed-badge,.current-badge{border-radius:10px;color:#fff;font-weight:500;padding:2px 6px}.current-badge{background:#007bff;font-size:11px;text-transform:uppercase}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;transition:background-color .2s;width:20px}.remove-file-btn:hover{background:#c82333}.action-buttons{align-items:stretch;display:flex;flex-direction:column;gap:15px}.navigation-buttons{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;justify-content:center;padding:10px}.nav-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.nav-btn:hover:not(:disabled){background:#5a6268}.nav-btn:disabled{background:#adb5bd;cursor:not-allowed}.file-counter{color:#495057;font-size:14px;font-weight:500;min-width:80px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:15px}.results-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.stats{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.stats h3{color:#333;margin:0 0 15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat{background:#fff;border:1px solid #e9ecef;border-radius:4px;padding:15px;text-align:center}.stat-number{color:#333;display:block;font-size:24px;font-weight:700}.stat-label{color:#666;display:block;font-size:12px;margin-top:5px;text-transform:uppercase}.stat.error .stat-number{color:#dc3545}.stat.warning .stat-number{color:#ffc107}.stat.success .stat-number{color:#28a745}.fixed-code-section,.issues-section,.lesson-section{padding:20px}.fixed-code-section h4,.issues-section h4,.lesson-section h4{color:#333;margin:0 0 15px}.issues-table{overflow-x:auto}.issues-table table{border-collapse:collapse;width:100%}.issues-table td,.issues-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.issues-table th{background:#f8f9fa;color:#333;font-weight:600}.severity-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.suggestion{color:#666;font-style:italic}.code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;overflow-x:auto;padding:15px}.lesson-text{background:#e7f3ff;border-left:4px solid #007bff;border-radius:0 4px 4px 0;line-height:1.6;margin:0;padding:15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.toggle-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.toggle-btn:hover{background:#5a6268}.code-container{margin-top:15px}.github-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:15px;padding:15px}.github-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.github-btn:hover:not(:disabled){background:#218838}.github-btn:disabled{background:#6c757d;cursor:not-allowed}.github-note{color:#666;font-size:12px;font-style:italic;margin:8px 0 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-body p{line-height:1.5;margin:0 0 15px}.modal-body a{color:#007bff;text-decoration:none}.modal-body a:hover{text-decoration:underline}.modal-footer{border-top:1px solid #e9ecef;padding:15px 20px;text-align:right}.modal-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.modal-btn:hover{background:#0056b3}.coming-soon-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin:20px 0;overflow:hidden}.banner-content{padding:25px}.banner-content h3{font-size:24px;font-weight:600;margin:0 0 20px;text-align:center}.features-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:12px;padding:15px}.feature-icon{flex-shrink:0;font-size:24px}.feature-text{flex:1 1}.feature-text strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.feature-text p{font-size:12px;line-height:1.3;margin:0;opacity:.9}.banner-note{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;font-size:14px;margin:0;opacity:.9;padding:12px;text-align:center}.banner-note strong{color:gold}@media (max-width:768px){.form-row,.section-header{flex-direction:column}.section-header{align-items:flex-start;gap:10px}.modal{margin:20px;width:95%}.features-grid{grid-template-columns:1fr}.banner-content{padding:20px}.banner-content h3{font-size:20px}.feature-item{padding:12px}}
/*# sourceMappingURL=main.2a59161f.css.map*/