.container{font-family:system-ui;top:0;left:0;padding:16px;margin:0 auto;position:fixed;width:100vw;height:100vh;overflow:auto;background:#f9f9f9}h1{font-size:20px}.sticky-top{position:sticky;top:-20px;background:white;z-index:1;padding-right:20px}.section-title{font-size:14px;color:#666;border-bottom:1px solid #eee;padding-bottom:4px}.btn-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btn{padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;font-size:12px}.btn:hover{background:#e8e8e8}.btn-run{background:#4CAF50;color:#fff;border-color:#4caf50}.btn-run:hover{background:#45a049}.btn-fill{background:#2196F3;color:#fff;border-color:#2196f3}.btn-fill:hover{background:#1e88e5}.btn-save{background:#9C27B0;color:#fff;border-color:#9c27b0}.btn-save:hover{background:#7B1FA2}.btn-delete{background:#f44336;color:#fff;border-color:#f44336}.btn-delete:hover{background:#d32f2f}.input-area{width:100%;box-sizing:border-box;min-height:80px;font-family:monospace;font-size:12px;padding:8px;border:1px solid #ddd;border-radius:6px;resize:vertical;touch-action:manipulation}.btn.long-pressing{background:#ff9800!important;color:#fff!important;border-color:#ff9800!important;transform:scale(.95);transition:transform .15s}.evt-wrap{display:inline-block}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(0,0,0,.4)}.popup-custom{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;border-radius:16px 16px 0 0;padding:16px;max-height:85vh;overflow-y:auto;box-shadow:0 -4px 24px #0003}.popup-title{font-weight:700;font-size:13px;margin-bottom:4px}.popup-desc{font-size:11px;color:#888;margin-bottom:8px}.popup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.popup-log{margin-top:8px;padding:8px 10px;background-color:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;line-height:1.5;border-radius:6px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.popup-log::-webkit-scrollbar{width:6px}.popup-log::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.btn-raw{background:#607D8B;color:#fff;border-color:#607d8b}.btn-raw:hover{background:#4d626b}.raw-head{display:flex;align-items:center;gap:8px;margin-top:10px}.raw-head span{font-size:11px;color:#888}.popup-raw{margin-top:6px;padding:8px 10px;background-color:#0d1b2a;color:#9fd0ff;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;line-height:1.5;border-radius:6px;max-height:260px;overflow:auto;white-space:pre}.popup-raw::-webkit-scrollbar{width:6px;height:6px}.popup-raw::-webkit-scrollbar-thumb{background:#555;border-radius:3px}