*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-height:100vh}h1{color:#333;text-align:center;margin-bottom:30px}h3{color:#555;margin-bottom:10px}.editor-section{margin-bottom:20px}.code-editor{width:100%;height:300px;font-family:Courier New,monospace;font-size:14px;padding:15px;border:1px solid #ddd;border-radius:6px;resize:vertical;background-color:#fafafa;outline:none}.code-editor:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.button-group{margin:20px 0;text-align:center}button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;margin:0 8px 8px 0;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.run-btn{background-color:#28a745}.run-btn:hover{background-color:#218838}.examples{background-color:#f8f9fa}.examples,.package-installer{margin:20px 0;padding:20px;border-radius:6px}.package-installer{background-color:#fff3cd;border:1px solid #ffeaa7}.package-suggestions{margin-bottom:20px}.package-suggestions h4{margin-bottom:10px;color:#333;font-size:16px}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.suggestion-btn{background-color:#6c757d;color:#fff;padding:6px 12px;font-size:12px;border-radius:20px;border:none;cursor:pointer;transition:background-color .2s}.suggestion-btn:hover{background-color:#5a6268}.package-input-section{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.package-note{background-color:#e7f3ff;padding:12px;border-radius:4px;border-left:4px solid #007bff}.package-note p{margin:0;font-size:14px;color:#333}.package-section{margin:20px 0;padding:20px;background-color:#fff3cd;border-radius:6px;border:1px solid #ffeaa7}.package-input-group{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.package-input{flex:1 1;min-width:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.install-btn{background-color:#17a2b8;white-space:nowrap}.install-btn:hover{background-color:#138496}.pip-install-btn{background-color:#6f42c1;white-space:nowrap}.pip-install-btn:hover{background-color:#5a32a3}.installed-packages h4{margin-bottom:10px;color:#333;font-size:14px}.package-list{display:flex;flex-wrap:wrap;gap:8px}.package-tag{background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:12px;border:1px solid #ced4da}.example-btn{background-color:#17a2b8;margin:5px;padding:8px 16px;font-size:14px}.example-btn:hover{background-color:#138496}.output-section{margin-top:30px}.output{background-color:#000;color:#0f0;font-family:Courier New,monospace;min-height:200px;white-space:pre-wrap;overflow-y:auto;font-size:14px;line-height:1.4}.output,.plot-container{padding:20px;border-radius:6px}.plot-container{text-align:center;margin-top:20px;background-color:#f8f9fa}.plot-container img{max-width:100%;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.generated-files{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.generated-files h3{margin:0 0 15px;color:#495057;font-size:1.2em}.files-grid{display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease}.file-item:hover{border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.1)}.file-info{display:flex;align-items:center;gap:10px;flex:1 1}.file-icon{font-size:1.5em}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600;color:#495057;font-size:.95em}.file-meta{font-size:.75em;color:#6c757d}.file-type{background:#e9ecef;color:#6c757d;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.download-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.download-btn:hover{background:#218838}.download-btn:active{transform:translateY(1px)}.pdf-viewer{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.pdf-viewer h4{margin:0 0 15px;color:#495057;font-size:1.1em}.pdf-container{margin-bottom:20px}.pdf-container h5{margin:0 0 10px;color:#343a40;font-size:1em}.pdf-frame{width:100%;height:600px;border:1px solid #dee2e6;border-radius:6px;background:#fff}.pdf-note{margin:10px 0 0;font-size:.85em;color:#6c757d;font-style:italic;text-align:center}@media (max-width:768px){.container{margin:10px;padding:15px}.code-editor{height:250px;font-size:12px}button{padding:10px 16px;font-size:14px;margin:0 4px 8px 0}.pdf-frame{height:400px}.file-item{flex-direction:column;align-items:flex-start;gap:10px}.file-info{width:100%}.download-btn{width:100%;text-align:center}}