*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app{max-width:900px;margin:0 auto;padding:20px}.header{text-align:center;padding:20px;background:#2c3e50;color:#fff;border-radius:8px;margin-bottom:20px}.header h1{font-size:24px}.header p{font-size:14px;color:#ccc}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:10px 20px;border:none;background:#fff;cursor:pointer;border-radius:4px;font-size:14px}.tabs button.active{background:#3498db;color:#fff}.panel{background:white;padding:20px;border-radius:8px}.panel h2{font-size:18px;margin-bottom:15px;color:#333}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar input,.toolbar select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.toolbar button{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.toolbar button:hover{background:#2980b9}table{width:100%;border-collapse:collapse}table th,table td{padding:10px;border-bottom:1px solid #eee;text-align:left}table th{background:#f8f8f8;font-weight:700}table button{padding:4px 8px;margin-right:5px;border:none;background:#27ae60;color:#fff;cursor:pointer;border-radius:3px;font-size:12px}.result{margin-top:20px;padding:15px;background:#f8f8f8;border-radius:4px}.result pre{white-space:pre-wrap;font-size:14px}.footer{text-align:center;padding:20px;color:#666;font-size:12px}