*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1f2937}button{font:inherit;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;padding:4px 6px;border:1px solid #d1d5db;border-radius:6px;width:100%}.muted{color:#6b7280;font-size:13px}.error{color:#b91c1c;font-size:13px}.editor,.picker{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.editor-body,.picker-body{flex:1;display:grid;grid-template-columns:220px 1fr 300px;min-height:0}.picker-body{grid-template-columns:240px 1fr}.left,.right{border-right:1px solid #e5e7eb;padding:12px;overflow:auto}.right{border-right:0;border-left:1px solid #e5e7eb}.center{background:#f3f4f6;min-height:0;overflow:auto}.panel-title{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-item{text-align:left}.field{margin-bottom:10px}.field-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:3px}.field-cat{font-size:10px;color:#9ca3af;text-transform:uppercase}.ws-item{display:block;width:100%;text-align:left;margin-bottom:4px}.ws-item.active{border-color:#3b82f6;background:#eff6ff}.file-list{list-style:none;padding:0;display:grid;gap:6px}.file-list button{width:100%;text-align:left}.aibar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb}.aibar input{flex:1;max-width:480px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:10}.modal{background:#fff;width:min(900px,90vw);height:min(640px,85vh);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.code-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.code-tab{font-size:12px}.code-tab.active{border-color:#3b82f6;background:#eff6ff}.code-body{flex:1;margin:0;padding:12px;overflow:auto;background:#0b1021;color:#e5e7eb;font-family:ui-monospace,monospace;font-size:12px;white-space:pre}.status{font-size:12px}.status-connected{color:#16a34a}.status-connecting{color:#d97706}.status-error,.status-closed{color:#b91c1c}