*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#243447;font:15px/1.7 Arial,"Microsoft YaHei","Malgun Gothic",sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid #e1e7ee;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1200px)/2));flex-wrap:wrap}.brand{display:flex;align-items:center;gap:15px}.brand b{background:#ffbf00;color:#111;padding:7px 13px;border-radius:8px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{border:0;background:#f0f4f8;border-radius:18px;padding:8px 17px;color:#56667b}.header-actions button.active{color:#08689b;background:#eaf5fc;font-weight:bold}.header-actions a{font-size:13px;color:#7b6a99}main{max-width:1250px;padding:30px 24px;margin:auto}.back{font-size:13px;color:#728296}.intro{margin:28px 0}.intro>span{font-size:12px;letter-spacing:2px;color:#7f57b0}h1{font-size:30px;margin:10px 0}p{margin:10px 0}.intro p{color:#768497}.console{background:#10182a;padding:30px;border:1px solid #2a374a;border-radius:23px;box-shadow:0 18px 35px #17243c1a;color:#e6edf5}.console-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}h2{font-size:18px;margin:0}.live{background:#365c54;padding:4px 9px;border-radius:5px;font-size:12px;font-weight:bold}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 25px;padding-bottom:24px;border-bottom:1px solid #344257}.tabs button{background:#1e2b3d;color:#cbd6e6;border:1px solid #44516b;padding:14px 10px;border-radius:9px;font-size:14px;font-weight:bold}.tabs button.active{background:#7c3aed;color:white;border-color:#a06ce8}.connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0b1222;border:1px solid #26344a;border-radius:10px;padding:13px 16px;font-size:12px;color:#a7bdd5;margin-bottom:18px}.dot{width:8px;height:8px;border-radius:50%;background:#9daabc}.connected .dot{background:#37b799}.connection-note{margin-left:auto;color:#8196af}.panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panels>form,.result-panel{background:#1e2b3d;border:1px solid #34445b;border-radius:14px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h3{font-size:15px;margin:0;color:#b3c6dd}.sample{border:1px solid #5e728c;background:#304057;color:#e6edf5;border-radius:6px;font-size:12px;padding:5px 9px}label{display:block;font-size:13px;color:#b4c4d7;margin:15px 0 7px}input,textarea,select{display:block;width:100%;background:#0a101c;border:1px solid #3d4d64;border-radius:8px;color:#e3eaf3;padding:11px 13px}textarea{min-height:115px;resize:vertical}textarea.source{min-height:145px}input[type=file]{font-size:12px;padding:9px}input::file-selector-button{border:0;background:#34465f;color:#fff;padding:6px 9px;border-radius:4px;margin-right:9px}.hint,.privacy{font-size:12px;line-height:1.8;color:#91a4bb}.privacy{margin:20px 0 15px}.run{width:100%;background:linear-gradient(100deg,#7c3aed,#4f46e5);border:1px solid #9b6eef;color:#fff;border-radius:8px;padding:13px;font-weight:bold}.run:disabled{opacity:.55;cursor:wait}#form-error{color:#ffb8ae;font-size:13px}#status{font-size:12px;color:#65d5b7;max-width:50%}#result{background:#090f19;border:1px solid #38495f;border-radius:9px;min-height:350px;max-height:850px;overflow:auto;padding:20px;color:#cddaea;font-size:13px;overflow-wrap:anywhere}.empty{color:#8298b1;text-align:center;padding:70px 10px}#result h4{font-size:16px;color:#e5edf9;margin:5px 0 15px}#result p{white-space:pre-wrap}.result-table{overflow:auto;margin:20px 0}table{border-collapse:collapse;font-size:12px;min-width:100%;white-space:nowrap}td,th{padding:8px 10px;border:1px solid #344559;text-align:left}th{background:#19283c}.warning{color:#e6c591}#exports{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#exports a{background:#304359;border:1px solid #49627d;padding:8px 14px;border-radius:6px;font-size:13px}#trace{font-size:12px;color:#93aac2;overflow-wrap:anywhere}#file-list{font-size:12px;color:#b5c9e0;padding-left:18px}.history{margin:28px 0}.history h3{color:#52687f;margin-bottom:12px}#history-list{display:flex;gap:9px;flex-wrap:wrap}#history-list button{background:#fff;border:1px solid #dde5ee;color:#61758b;border-radius:8px;padding:8px 12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{display:flex;align-items:center;gap:18px;margin:30px 0;font-size:12px;color:#7e8d9e}footer img{width:62px}[hidden]{display:none!important}@media(max-width:800px){.panels{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr}.console{padding:18px}header{padding:16px}main{padding:20px 14px}.brand strong{font-size:14px}h1{font-size:24px}.panels>form,.result-panel{padding:18px}.connection-note{margin-left:0}input,textarea,select{font-size:16px}.console-heading h2{font-size:15px}}

.file-native{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0;overflow:hidden}.file-picker{padding:10px 16px;width:100%;text-align:left;background:#0a101c}