:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0}}.property-item[data-v-7c7366c9]{padding:10px;border-radius:4px;margin-bottom:10px}.item-header[data-v-7c7366c9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.clickable[data-v-7c7366c9]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px;border-radius:3px}.clickable[data-v-7c7366c9]:hover{background:#0000000d}.props-header[data-v-7c7366c9]{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:8px}.add-btn-small[data-v-7c7366c9]{padding:4px 8px;font-size:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-btn-small[data-v-7c7366c9]:hover{background-color:#45a049}.remove-btn-small[data-v-7c7366c9]{padding:4px 8px;font-size:12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-btn-small[data-v-7c7366c9]:hover{background-color:#da190b}input[type=text][data-v-7c7366c9],input[type=number][data-v-7c7366c9],select[data-v-7c7366c9]{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}label[data-v-7c7366c9]{display:block;margin-bottom:4px;font-weight:500;color:#333}.checkbox-label[data-v-7c7366c9]{display:flex;align-items:center;gap:8px;font-weight:400}.checkbox-label input[type=checkbox][data-v-7c7366c9]{width:auto;margin:0}[data-v-fc71bc99]{margin:0;padding:0;box-sizing:border-box}#test-harness[data-v-fc71bc99]{display:flex;height:100vh;width:100vw;background:#e0e0e0}.controls[data-v-fc71bc99]{width:400px;min-width:400px;background:#f5f5f5;border-right:1px solid #ddd;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.resize-handle[data-v-fc71bc99]{width:4px;background:#ddd;cursor:col-resize;transition:background .2s}.resize-handle[data-v-fc71bc99]:hover{background:#999}.version-section[data-v-fc71bc99]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px}.version-info[data-v-fc71bc99]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.session-id-row[data-v-fc71bc99]{gap:8px}.copy-btn[data-v-fc71bc99]{background:#2196f3;color:#fff;padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer;border:none;transition:background .2s}.copy-btn[data-v-fc71bc99]:hover:not(:disabled){background:#0b7dda}.copy-btn[data-v-fc71bc99]:disabled{background:#ccc;cursor:not-allowed}.version-label[data-v-fc71bc99]{color:#666;font-weight:500}.version-value[data-v-fc71bc99]{color:#2196f3;font-weight:600;font-family:monospace}.refresh-section[data-v-fc71bc99]{display:flex;gap:10px;justify-content:center}.refresh-btn[data-v-fc71bc99]{background:#4caf50;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;flex:1}.refresh-btn[data-v-fc71bc99]:hover{background:#45a049}.upload-btn[data-v-fc71bc99]{background:#2196f3;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;flex:1}.upload-btn[data-v-fc71bc99]:hover{background:#0b7dda}.export-btn[data-v-fc71bc99]{background:#ff9800;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;flex:1}.export-btn[data-v-fc71bc99]:hover{background:#e68900}.section h3[data-v-fc71bc99]{margin:0 0 10px;font-size:14px;font-weight:600;color:#333}.separator[data-v-fc71bc99]{height:2px;background:#999;margin:20px 0}.section label[data-v-fc71bc99]{display:block;font-size:12px;color:#666;margin:10px 0 5px}.section input[type=text][data-v-fc71bc99]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px}.section select[data-v-fc71bc99]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}textarea[data-v-fc71bc99]{width:100%;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.5;padding:12px;border:1px solid #ccc;border-radius:4px;resize:vertical;background:#1e1e1e;color:#d4d4d4;tab-size:2}textarea[data-v-fc71bc99]:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px #007acc33}button[data-v-fc71bc99]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.apply-btn[data-v-fc71bc99]{background:#4caf50;color:#fff;width:100%;margin-top:10px}.apply-btn[data-v-fc71bc99]:hover{background:#45a049}.section-header[data-v-fc71bc99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h3[data-v-fc71bc99]{margin:0}.add-btn[data-v-fc71bc99]{background:#4caf50;color:#fff;padding:6px 12px;font-size:12px}.add-btn[data-v-fc71bc99]:hover{background:#45a049}.add-btn-small[data-v-fc71bc99]{background:#2196f3;color:#fff;padding:4px 8px;font-size:11px;margin-left:10px}.add-btn-small[data-v-fc71bc99]:hover{background:#0b7dda}.tools-header[data-v-fc71bc99]{display:flex;align-items:center;margin-top:15px}.tools-header label[data-v-fc71bc99]{margin:0}.params-header[data-v-fc71bc99]{display:flex;align-items:center;margin-top:10px}.params-header label[data-v-fc71bc99]{margin:0}.props-header[data-v-fc71bc99]{display:flex;align-items:center;margin-top:8px}.props-header label[data-v-fc71bc99]{margin:0}.skillset-item[data-v-fc71bc99]{border:1px solid #ddd;padding:10px;border-radius:4px;margin-bottom:10px;background:#fff}.tool-item[data-v-fc71bc99]{border-left:3px solid #2196F3;padding-left:10px;margin:10px 0}.param-item[data-v-fc71bc99]{border-left:3px solid #9C27B0;padding-left:10px;margin:8px 0;background:#f9f9f9}.property-item[data-v-fc71bc99]{border-left:3px solid #FF9800;padding-left:10px;margin:6px 0;background:#fafafa}.checkbox-label[data-v-fc71bc99]{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px}.checkbox-label input[type=checkbox][data-v-fc71bc99]{width:auto}.item-header[data-v-fc71bc99]{display:flex;justify-content:space-between;align-items:center}.item-header label[data-v-fc71bc99]{margin:0}.clickable[data-v-fc71bc99]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px;border-radius:3px}.clickable span[data-v-fc71bc99]{color:#333;font-weight:500}.clickable[data-v-fc71bc99]:hover{background:#0000000d}.remove-btn[data-v-fc71bc99]{background:#f44336;color:#fff;padding:4px 8px;font-size:11px}.remove-btn[data-v-fc71bc99]:hover{background:#d32f2f}.remove-btn-small[data-v-fc71bc99]{background:#f44336;color:#fff;padding:3px 6px;font-size:10px}.remove-btn-small[data-v-fc71bc99]:hover{background:#d32f2f}.clear-btn[data-v-fc71bc99]{background:#ff9800;color:#fff;margin-bottom:10px}.clear-btn[data-v-fc71bc99]:hover{background:#e68900}.toggle-btn[data-v-fc71bc99]{background:#2196f3;color:#fff}.toggle-btn[data-v-fc71bc99]:hover{background:#0b7dda}.show-btn[data-v-fc71bc99]{position:fixed;top:20px;left:20px;background:#2196f3;color:#fff;z-index:1000}.show-btn[data-v-fc71bc99]:hover{background:#0b7dda}.events[data-v-fc71bc99]{max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;color:#000}.event-log[data-v-fc71bc99]{border-bottom:1px solid #eee;padding:5px 0}.event-log[data-v-fc71bc99]:last-child{border-bottom:none}.event-header[data-v-fc71bc99]{display:flex;gap:10px;cursor:pointer;padding:5px;border-radius:3px}.event-header[data-v-fc71bc99]:hover{background:#f5f5f5}.event-time[data-v-fc71bc99]{font-family:monospace;font-size:11px;color:#666;min-width:80px}.event-name[data-v-fc71bc99]{font-family:monospace;font-size:11px;color:#2196f3;font-weight:600}.ws-sent[data-v-fc71bc99]{color:#ff9800!important}.ws-received[data-v-fc71bc99]{color:#4caf50!important}.status-code[data-v-fc71bc99]{background:#666;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;margin-left:8px}.status-200[data-v-fc71bc99]{background:#4caf50}.status-400[data-v-fc71bc99],.status-401[data-v-fc71bc99],.status-403[data-v-fc71bc99],.status-404[data-v-fc71bc99]{background:#f44336}.status-500[data-v-fc71bc99],.status-502[data-v-fc71bc99],.status-503[data-v-fc71bc99]{background:#ff5722}.event-payload[data-v-fc71bc99]{margin:5px 0 0 90px;padding:10px;background:#1e1e1e;color:#d4d4d4;border-radius:4px;font-size:11px;overflow-x:auto}.component-container[data-v-fc71bc99]{flex:1;display:flex;justify-content:center;align-items:center;padding:0}.phone-frame[data-v-fc71bc99]{width:100%;height:100%;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-frame[data-v-fc71bc99]>*{width:100%;height:100%}.modal-overlay[data-v-fc71bc99]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal[data-v-fc71bc99]{background:#fff;border-radius:8px;padding:20px;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.modal h3[data-v-fc71bc99]{margin:0 0 15px;font-size:18px;color:#333}.modal-content[data-v-fc71bc99]{overflow-y:auto;flex:1}.modal-content pre[data-v-fc71bc99]{background:#1e1e1e;color:#d4d4d4;padding:10px;border-radius:4px;font-size:11px;overflow-x:auto;max-height:400px}.modal-actions[data-v-fc71bc99]{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.cancel-btn-modal[data-v-fc71bc99]{background:#999;color:#fff;padding:8px 16px}.cancel-btn-modal[data-v-fc71bc99]:hover{background:#777}.confirm-btn[data-v-fc71bc99]{background:#4caf50;color:#fff;padding:8px 16px}.confirm-btn[data-v-fc71bc99]:hover:not(:disabled){background:#45a049}.confirm-btn[data-v-fc71bc99]:disabled{background:#ccc;cursor:not-allowed}.mock-field-item[data-v-fc71bc99]{border-left:3px solid #9C27B0;padding:10px;margin:10px 0;background:#f9f9f9;border-radius:4px}.field-header[data-v-fc71bc99]{display:flex;justify-content:flex-end;margin-bottom:8px}.export-checkbox-label[data-v-fc71bc99]{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:4px;cursor:pointer;border-radius:4px;color:#333}.export-checkbox-label[data-v-fc71bc99]:hover{background:#f5f5f5}.export-checkbox-label input[type=checkbox][data-v-fc71bc99]{width:auto;margin:0;cursor:pointer}.export-modal[data-v-fc71bc99]{max-width:700px;width:90vw}.upload-modal[data-v-fc71bc99]{width:700px;max-width:90vw;height:600px;max-height:80vh}.upload-preview[data-v-fc71bc99]{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:4px;font-size:12px;overflow-y:auto;height:100%;white-space:pre-wrap;word-wrap:break-word;margin:0}.export-checkboxes[data-v-fc71bc99]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.upload-field-item[data-v-fc71bc99]{padding:10px;background:#e8f5e9;border-left:3px solid #4CAF50;border-radius:4px;color:#333;font-weight:500}