.container-page{width:100%;height:100%}.subtitle{font-size:1.2rem;opacity:.9}.editor-container{background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toolbar{background:#2c3e50;color:#fff;padding:10px 20px;flex-wrap:wrap;gap:15px}.toolbar,.toolbar-item{display:flex;align-items:center}.toolbar-item{gap:8px}button,select{padding:8px 15px;border:none;border-radius:6px;background:#34495e;color:#fff;cursor:pointer;transition:all .3s}button:hover,select:hover{background:#4a6b8a}button.primary{background:#3498db}button.primary:hover{background:#2980b9}button.success{background:#2ecc71}button.success:hover{background:#27ae60}.editor-wrapper{height:calc(100vh - 200px);position:relative}#monaco-editor{height:100%;width:100%}.status-bar{background:#ecf0f1;padding:10px 20px;display:flex;justify-content:space-between;color:#7f8c8d;font-size:.9rem}.feature-card h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.feature-card p{color:#7f8c8d;line-height:1.6}.footer{text-align:center;margin-top:40px;color:#fff;opacity:.8}.loading-message{color:#666}.error-message,.loading-message{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px}.error-message{color:#e74c3c;flex-direction:column;gap:10px}.retry-button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}@media (max-width:768px){.toolbar{flex-direction:column;align-items:flex-start}.editor-wrapper{height:400px}}