:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#203a34;background:#f5f7f5;font-synthesis:none;--green:#176d58;--line:#dde6e0;--muted:#72857d}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--green)}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;color:#223d34;text-decoration:none;font-size:21px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.nav-caption{color:#91a096;font-size:11px;letter-spacing:2px;margin:55px 12px 15px}.nav-item{display:block;background:none;border:0;border-radius:9px;text-align:left;width:100%;padding:12px 14px;color:#6b7b73;margin-bottom:5px}.nav-item span{margin-right:8px}.nav-item.active{background:#eaf3ee;color:var(--green);font-weight:650}.nav-item:hover{background:#f3f7f4}.sidebar-bottom{margin-top:auto;color:#78887e;padding:16px 10px 0;font-size:12px}.sidebar-bottom small{display:block;margin-top:10px;color:#97a49c}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b1bbb5;margin-right:7px}.status-dot.connected{background:#24a37c}main{max-width:1540px;width:100%;padding:43px 5vw 20px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow,.step-label{font-size:10px;color:#7c9588;letter-spacing:2px;font-weight:650}h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 0;font-weight:650}h2{font-size:19px;margin:9px 0 12px;letter-spacing:-.2px}h3{margin:0;font-size:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 5px 22px #27483003}.connection-layout{display:grid;grid-template-columns:minmax(370px,1.2fr) minmax(260px,.8fr);gap:6vw;align-items:start;margin-top:42px}.connection-card{max-width:610px;padding:35px}.card-heading{margin-bottom:30px}.card-heading p,.muted{color:var(--muted);font-size:13px}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;margin-bottom:23px;font-size:13px}.field small{font-weight:400;color:var(--muted);font-size:11px;line-height:1.65}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;border:1px solid #d8e1db;border-radius:8px;padding:11px 13px;background:#fff;color:#29483b;outline:none;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#49967b;box-shadow:0 0 0 3px #49967b13}input::placeholder,textarea::placeholder{color:#9aa79f;font-weight:400}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}textarea{resize:vertical;min-height:140px;font-family:inherit;line-height:1.8}textarea.json{font-family:ui-monospace,monospace;min-height:120px}.check-row{display:flex;align-items:center;gap:7px;font-size:12px;flex-wrap:wrap;margin:5px 0 27px}.check-row small{flex-basis:100%;padding-left:27px;color:#8d9b92;font-size:10px}.button{border:1px solid transparent;border-radius:8px;padding:10px 17px;font-weight:600;transition:background .15s}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#115c49}.button.secondary{background:#fff;color:#567263;border-color:var(--line)}.button.secondary:hover:not(:disabled){background:#f0f5f1}.wide{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:center}.wide:not(:has(span)){justify-content:center}.small{font-size:11px;padding:7px 12px}.text-button{border:0;padding:0;background:none;color:var(--green);font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}.connection-notes{padding-top:25px;max-width:390px}.note-number{font-size:35px;line-height:1.5;font-weight:650;letter-spacing:-1px}.note-number em{font-style:normal;color:var(--green)}.connection-notes>p{color:var(--muted);font-size:13px;margin:22px 0 30px}.connection-notes ol{list-style:none;padding:0;counter-reset:steps}.connection-notes li{counter-increment:steps;position:relative;margin:0 0 25px;padding-left:40px}.connection-notes li:before{content:counter(steps);position:absolute;left:0;top:2px;width:24px;height:24px;text-align:center;line-height:24px;background:#e8f0e9;color:#518066;border-radius:50%;font-size:11px}.connection-notes strong{display:block;font-size:13px;font-weight:650}.connection-notes li span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.connection-notes>a{font-size:12px}.notice{border:1px solid #cfdfd5;border-radius:10px;padding:15px 20px;background:#edf5ef;color:#376c4e;margin-bottom:22px;overflow-wrap:anywhere}.notice.error{background:#fff0ed;border-color:#eed3cc;color:#a34230}.notice.warning{background:#fffaec;border-color:#e9dfbd;color:#8a6a25}.notice p{margin:5px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 21px;min-width:0}.stat>span{font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:20px;font-weight:650;margin:7px 0;overflow-wrap:anywhere}.stat small{display:block;font-size:10px;color:#88998e;overflow-wrap:anywhere}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading h2{margin-bottom:4px}.settings-card>.muted{margin:10px 0 27px}.right-column{display:grid;gap:18px}.pending-card{padding:23px}.pending-card h2{font-size:16px}.count{font-size:11px;background:#edf4ee;padding:3px 7px;border-radius:5px;margin-left:4px}.changes-list{font-size:12px;max-height:240px;overflow:auto;margin:18px 0 24px}.change{border-bottom:1px solid #edf1ed;padding:9px 0;overflow-wrap:anywhere}.change strong{display:block;font-size:11px}.change span{display:block;color:#729181;font-size:11px;margin-top:3px}.pending-card .secondary{margin-top:8px}.footnote{font-size:10px;color:#87978c;margin:15px 0 0;line-height:1.8;overflow-wrap:anywhere}fieldset{border:0;margin:0;padding:0;min-width:0}.setting{border-top:1px solid #edf1ed;padding:19px 0}.setting:first-child{border-top:0;padding-top:0}.setting .field{margin-bottom:0}.setting-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.setting-top label{font-weight:600;font-size:13px}.setting-name{display:block;font-family:ui-monospace,monospace;font-size:10px;color:#91a397;font-weight:400;margin-top:3px}.setting .description{font-size:11px;color:#7d9083;margin:7px 0}.setting input:not([type=checkbox]),.setting textarea,.setting select{margin-top:10px}.setting .reset{font-size:10px;color:#85988b;white-space:nowrap}.setting .reset.removing{color:#af4a37}.setting .configured{font-size:10px;color:#287e59}.release-card{padding:23px}.release-card .compact{font-size:11px;margin:16px 0 13px}.file-label{display:block;font-size:11px;color:#6a8274}.file-label input{display:block;margin-top:8px;max-width:100%;font-size:10px}.release-card .text-button{margin-top:6px}.deployment-panel{margin-bottom:23px;scroll-margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.deployment-panel h2{font-size:17px;margin-bottom:5px}.deployment-panel p{margin:0;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:15px;color:#94a198;font-size:10px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:55px}dialog{border:1px solid var(--line);border-radius:15px;max-width:490px;padding:30px;color:#294237;box-shadow:0 20px 90px #173b2e22}dialog::backdrop{background:#122b2566}dialog p{font-size:13px;color:#718275}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}:focus-visible{outline:2px solid #27876a;outline-offset:3px}@media(min-width:1500px){main{padding-left:75px;padding-right:75px}}@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:30px 16px}main{padding:30px}.workspace-grid{grid-template-columns:minmax(0,1fr) 240px}.card{padding:22px}.connection-layout{gap:35px;grid-template-columns:1fr}.connection-card{max-width:none}.connection-notes{max-width:none;padding-top:0}.connection-notes .note-number{font-size:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:18px}.brand img{width:32px;height:32px}.nav-caption,.sidebar-bottom{display:none}#navigation{display:flex;overflow:auto;gap:5px;margin-top:15px}.nav-item{width:auto;white-space:nowrap;padding:8px 12px;font-size:12px;margin:0}main{padding:25px 18px}.topbar{margin-bottom:23px}h1{font-size:24px}.eyebrow{font-size:8px}.connection-layout{margin-top:0}.connection-card{padding:24px}.connection-notes{padding:5px 8px}.workspace-grid{display:block}.right-column{margin-top:20px;grid-template-columns:1fr}.stats-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:17px}.deployment-panel{align-items:flex-start;flex-direction:column}footer{display:block;margin-top:32px}footer span{display:block;margin-top:6px}.check-row{font-size:11px}.card{border-radius:12px}dialog{width:calc(100% - 35px)}}
.topbar-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.release-upload { display:grid; justify-items:start; gap:10px; margin-top:16px; }
.release-upload .button { max-width:100%; }
@media(max-width:600px) { .topbar { align-items:flex-start; gap:16px; flex-wrap:wrap; } .topbar-actions { justify-content:flex-start; } }
/* Setup and configuration editors stay entirely in the static application. */
details { margin: 16px 0; } summary { cursor: pointer; color: var(--muted, #65736b); font-size: 13px; }
.onboarding { margin: 18px 0 26px; padding: 24px; }
.onboarding fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.onboarding .button { margin: 6px 8px 6px 0; }
.onboarding select, .onboarding input { max-width: 100%; width: 100%; margin: 8px 0; }
.wizard-steps { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.wizard-steps .current { background: #dbe9dd; border-color: #6b8d6f; }
.editor-card { border: 1px solid #dde3dc; border-radius: 12px; padding: 18px; margin: 16px 0; min-width: 0; }
.editor-card h3 { margin: 0 0 12px; font-size: 16px; }
.editor-card textarea { min-height: 240px; resize: vertical; }
.editor-card input[type=checkbox] { width: auto; align-self: flex-start; }
.editor-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#settings-fields > .button { margin: 8px 0; }
@media (max-width: 600px) { .onboarding { padding: 16px; } .editor-card { padding: 12px; } }
.table-scroll{max-width:100%;overflow:auto;margin:14px 0;border:1px solid var(--line);border-radius:8px}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:100px;max-width:340px;overflow-wrap:anywhere;white-space:pre-wrap}.data-table th{background:#f1f6f2;position:sticky;top:0}.table-summary{display:flex;align-items:center;gap:16px;padding:8px 0}.table-summary .description{flex:1}.database-setup{border:0;margin:10px 0;padding:0;min-width:0}.database-setup .button,#settings-fields>.button{margin:6px 8px 6px 0}.log-filters{display:flex;gap:12px;margin:16px 0}.log-filters select{max-width:140px}.log-list{max-height:650px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:12px;background:#f7faf8}.log-entry{border-bottom:1px solid var(--line);padding:12px 4px;font-size:12px}.log-entry:last-child{border:0}.log-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;color:#465a53}.log-error>strong{color:#a23b36}.log-warn>strong{color:#92641c}#settings-fields>h3{margin:22px 0 12px}.table-catalog{margin:12px 0}@media(max-width:600px){.table-summary{display:block}.table-summary .description{display:block}.log-filters{flex-direction:column}.log-filters select{max-width:none}}

.settings-card { border: 1px solid var(--line); border-radius: 12px; padding: 18px 20px; margin: 14px 0; min-width: 0; }
.settings-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.settings-header h3 { margin: 0; overflow-wrap: anywhere; min-width: 0; }
.settings-card .description { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; margin: 8px 0; }
.settings-card .configured { margin: 8px 0; font-size: 12px; color: var(--green); }
.settings-switch { position: relative; display: inline-flex; align-items: center; flex: 0 0 44px; width: 44px; height: 26px; padding: 3px; border: 1px solid #91a39a; border-radius: 999px; background: #c2cec7; transition: background .15s; }
.settings-switch[aria-checked=true] { background: var(--green); border-color: var(--green); }
.settings-switch-thumb { display: block; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #173b2e26; transition: transform .15s; pointer-events: none; }
.settings-switch[aria-checked=true] .settings-switch-thumb { transform: translateX(18px); }
.settings-settings { margin: 12px 0 0; border-top: 1px solid var(--line); }
.settings-settings > summary { padding-top: 12px; color: var(--green); font-weight: 600; }
.settings-settings-content { padding-top: 18px; }
.settings-settings-content .field { margin-bottom: 16px; }
@media (max-width: 600px) { .settings-card { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .settings-switch, .settings-switch-thumb { transition: none; } }
:root .mcp-card { min-width: 0; }
.mcp-tool { padding: 14px 0; border-top: 1px solid var(--border, #ddd); min-width: 0; }
.mcp-tool strong, .mcp-card h3, .mcp-card .description { overflow-wrap: anywhere; min-width: 0; }
.mcp-schema { max-height: 260px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }

.mcp-rule { padding: 12px; margin: 8px 0; border: 1px solid var(--border, #ddd); border-radius: 8px; min-width: 0; }
.mcp-card textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.mcp-global-toggles { display: grid; gap: 16px; margin: 16px 0; }

.provider-advanced,.provider-models { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 16px; }
.provider-advanced summary,.provider-models summary { cursor: pointer; color: var(--green); font-weight: 600; }
.provider-advanced .field { margin-top: 18px; }
.editor-card .provider-advanced textarea { min-height: 110px; }
.provider-error { color: #a34230; overflow-wrap: anywhere; }
.model-facts { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr); gap: 8px 16px; font-size: 12px; }
.model-facts dt { color: var(--muted); }
.model-facts dd { margin: 0; overflow-wrap: anywhere; }
.provider-models pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 280px; overflow: auto; background: #f5f7f5; padding: 12px; border-radius: 8px; font-size: 11px; }

.keyword-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.keyword-card textarea { font-family: ui-monospace, monospace; }
.keyword-preview { padding: 1rem; border: 1px solid var(--border, #ddd); border-radius: 12px; overflow-wrap: anywhere; }
.keyword-preview img { max-width: 100%; }
.keyword-preview pre { overflow-x: auto; }
.keyword-button-row { display: flex; flex-wrap: wrap; gap: .8rem; padding: .8rem 0; }
.keyword-button-editor { flex: 1 1 170px; min-width: 0; padding: .8rem; border: 1px solid var(--border, #ddd); border-radius: 10px; }

.keyword-mode-switch { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 310px; padding: 4px; margin: 18px 0 24px; border-radius: 999px; background: #eaf3ee; }
.keyword-mode-slider { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 999px; background: var(--green); transition: transform .2s ease; pointer-events: none; }
.keyword-mode-switch[data-mode=yaml] .keyword-mode-slider { transform: translateX(100%); }
.keyword-mode-option { position: relative; z-index: 1; min-height: 44px; padding: 9px 12px; border: 0; border-radius: 999px; background: transparent; color: #567263; font-size: 13px; font-weight: 600; transition: color .2s ease; white-space: nowrap; }
.keyword-mode-option[aria-pressed=true] { color: #fff; }
.keyword-mode-option:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .keyword-mode-slider, .keyword-mode-option { transition: none; } }

/* Native motion and compact group/tag editors; no framework or server rendering. */
:root { --ease-out: cubic-bezier(.2,.8,.2,1); }
.button,.nav-item,.tag-choice { transition: background-color 160ms, border-color 160ms, box-shadow 180ms, transform 180ms var(--ease-out); }
.button:hover:not(:disabled),.tag-choice:hover { transform: translateY(-1px); box-shadow: 0 4px 12px #173b2e0b; }
.button:active:not(:disabled),.tag-choice:active { transform: translateY(0) scale(.98); }
input,textarea,select { transition: border-color 160ms,box-shadow 160ms; }
.notice { animation: soft-enter 180ms var(--ease-out); }
dialog[open] { animation: soft-enter 200ms var(--ease-out); }
dialog::backdrop { animation: backdrop-enter 180ms ease-out; }
@keyframes soft-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@keyframes backdrop-enter { from { opacity:0; } to { opacity:1; } }
.keyword-toolbar { align-items:center;justify-content:space-between; }
.keyword-toolbar .keyword-mode-switch { margin:6px 0; }
.keyword-toggle { display:flex;align-items:center;gap:9px;margin:14px 0;font-size:12px; }
.keyword-group { margin:14px 0;border:1px solid var(--line);border-radius:12px;background:white;min-width:0; }
.keyword-group>summary { padding:18px 20px;list-style:none;position:relative;cursor:pointer;color:var(--green);border-radius:12px;transition:background-color 160ms; }
.keyword-group>summary::-webkit-details-marker { display:none; }
.keyword-group>summary:hover { background:#f8faf8; }
.keyword-group>summary::after { content:'⌄';position:absolute;right:20px;top:17px;font-size:20px;transition:transform 220ms var(--ease-out); }
.keyword-group[open]>summary::after { transform:rotate(180deg); }
.keyword-group-heading { display:flex;align-items:center;gap:12px;padding-right:22px; }
.keyword-group-heading strong { font-size:15px;overflow-wrap:anywhere; }
.keyword-status { font-size:10px;background:#eaf3ee;border-radius:5px;padding:2px 6px;white-space:nowrap; }
.keyword-group-description { display:block;margin-top:7px;font-size:11px;color:var(--muted);overflow-wrap:anywhere; }
.keyword-group-body { padding:8px 20px 20px;min-width:0; }
.keyword-group-body>h3 { margin:16px 0 10px; }
.keyword-group .field { margin-bottom:16px; }
.keyword-group textarea { min-height:90px; }
.keyword-fold { border-top:1px solid var(--line);padding-top:6px; }
.keyword-fold>summary { padding:9px 0;color:var(--green);font-size:12px; }
.keyword-fold>.disclosure-body { padding:12px 0 4px; }
.keyword-empty { padding:25px;text-align:center;color:var(--muted);background:#f8faf8;border-radius:10px; }
.keyword-tag-row { display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#f8faf8;border-radius:9px;padding:14px;margin:9px 0; }
.keyword-tag-row>div:first-child { min-width:0; }
.keyword-tag-row code { display:block;font-size:11px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere; }
.keyword-tag-actions { display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end; }
.keyword-tag-actions .button { padding:5px 8px;font-size:10px; }
.keyword-local-tags { margin-top:20px; }
.token-editor { margin:10px 0; }
.token-editor-toolbar { display:flex;gap:15px;justify-content:flex-end;margin-bottom:8px; }
.token-editor-toolbar [aria-pressed=true] { font-weight:700; }
.token-editor-content { min-height:130px;border:1px solid #d8e1db;border-radius:9px;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.6;outline:none; }
.token-editor-content:focus { border-color:#49967b;box-shadow:0 0 0 3px #49967b13; }
.inline-tag,.tag-choice { display:inline-block;border-radius:6px;padding:0 8px;line-height:28px;margin:0 3px;cursor:pointer;background:#eaf3ee;color:var(--green);border:1px solid transparent;font-size:12px; }
.inline-tag.parameter { background:#edf2fc;color:#49679a; }
.inline-tag.builtin { background:#f1edf8;color:#7d60a0; }
.keyword-overlay { background:#fff;padding:0;max-width:none;max-height:100dvh;overflow:auto; }
.keyword-picker { width:min(420px,calc(100% - 32px));padding:20px;border-radius:14px; }
.keyword-picker h3 { margin:18px 0 10px;font-size:12px;color:var(--muted); }
.keyword-picker>.button { display:block;width:100%;margin-top:14px; }
.keyword-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px; }
.keyword-dialog-heading h2 { margin:0;font-size:19px; }
.keyword-chip-list { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0; }
.keyword-chip-list .tag-choice { margin:0; }
.keyword-drawer { margin:0 0 0 auto;width:min(650px,100%);height:100dvh;border-radius:0;border:0;display:none; }
.keyword-drawer[open] { display:flex;flex-direction:column;animation:drawer-enter 250ms var(--ease-out); }
.keyword-drawer .keyword-dialog-heading { position:sticky;top:0;padding:20px 24px;margin:0;background:white;border-bottom:1px solid var(--line);z-index:1; }
.keyword-dialog-body { padding:22px 24px;overflow:auto;flex:1;min-height:0; }
.keyword-dialog-body h3 { margin:18px 0 10px; }
.keyword-dialog-body textarea { font-family:ui-monospace,monospace;min-height:96px; }
.keyword-dialog-body [aria-label="完整请求模板"] { min-height:250px; }
.keyword-dialog-actions { display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:white; }
.keyword-tag-identity,.keyword-section-heading { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.keyword-tag-identity code { font-size:12px;color:var(--green); }
.keyword-copy-row { border-bottom:1px solid var(--line);padding:12px 0; }
.keyword-test-output { white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:12px; }
@keyframes drawer-enter { from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);} }
@media(max-width:760px) {
 .keyword-group>summary { padding:16px; }
 .keyword-group-body { padding:8px 14px 16px; }
 .keyword-tag-row { flex-direction:column;align-items:stretch; }
 .keyword-tag-actions { justify-content:flex-start; }
 .keyword-toolbar { gap:8px; }
 .keyword-drawer .keyword-dialog-heading,.keyword-dialog-body { padding:18px; }
 .keyword-dialog-actions { padding:14px 18px; }
 .keyword-picker { margin:auto 0 0;width:100%;max-height:85dvh;border-radius:18px 18px 0 0; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
 .button:hover:not(:disabled),.button:active:not(:disabled),.tag-choice:hover { transform:none; }
}
/* One tag presentation across inputs, API forms and returned fields. */
.inline-tag.response {background:#fff1dc;color:#926216;}
.inline-tag.secret {background:#f6eaf0;color:#945574;}
.request-map-editor {margin:18px 0;}
.request-map-row {display:grid;grid-template-columns:minmax(90px,1fr) minmax(150px,2fr) auto;gap:10px;align-items:start;margin:12px 0;}
.request-map-row .token-editor {margin:0;}
.request-map-row .token-editor-content {min-height:48px;padding:7px;line-height:2;}
.request-map-row textarea {min-height:70px;}
.response-path-row {border-bottom:1px solid var(--line);padding:10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.response-path-row code {flex-basis:100%;overflow-wrap:anywhere;font-size:12px;}
.response-path-row>.description {flex:1;min-width:100px;overflow-wrap:anywhere;}
.response-field {border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:10px 0;}
.response-field>div {padding-top:12px;}
.keyword-dialog-body .token-editor-content {min-height:75px;}
@media(max-width:760px){.request-map-row{grid-template-columns:1fr;}.request-map-row>.button{justify-self:end;}}
/* Compact inspector rows; field settings keep the normal form layout below. */
.response-picker {border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface,#fff);}
.response-picker>p {margin:0 0 8px;font-size:12px;line-height:1.5;}
.response-tree {max-height:360px;overflow:auto;margin-top:6px;font:12px/22px ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;}
.response-branch {padding:0;margin:0;}
.response-branch>summary {cursor:pointer;padding:0 4px;min-height:22px;font:inherit;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.response-branch>div {margin-left:10px;border-left:1px solid var(--line);padding-left:5px;}
.response-branch>p {margin:0;padding:0 5px;font:inherit;}
.response-leaf {display:flex;align-items:center;padding:0;}
.response-value-button {display:flex;gap:5px;align-items:baseline;width:100%;min-width:0;min-height:22px;text-align:left;padding:0 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:inherit;font:inherit;line-height:20px;white-space:nowrap;cursor:pointer;}
.response-key {color:#7054a5;flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;}
.response-scalar {min-width:0;overflow:hidden;text-overflow:ellipsis;}
.response-scalar.string {color:#17725b;}
.response-scalar.number,.response-scalar.boolean {color:#245caa;}
.response-scalar.null {color:var(--muted);}
.response-value-button:hover {background:var(--soft,#f0f6f3);}
.response-value-button[aria-pressed=true] {background:#e6f3ed;border-color:var(--accent,#17725b);}
.response-value-button:focus-visible {outline:2px solid var(--accent,#17725b);outline-offset:-2px;}
.response-type {font:10px/20px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);flex-shrink:0;margin-left:auto;}
.response-selection:not(:empty) {margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.response-selection>code,.response-selected-value {display:block;overflow-wrap:anywhere;}
.response-selection>.button {margin:6px 6px 0 0;}
@media(max-width:600px){.response-tree{max-height:300px;font-size:11px;}.response-picker{padding:8px;}.response-branch>div{margin-left:8px;padding-left:4px;}.response-type{font-size:9px;}.response-selection>.button{width:100%;margin-right:0;}}

/* Typed dynamic tags and explicit media message boundaries. */
.tag-type-icon{display:inline-block;vertical-align:-2px;flex:none;margin-right:5px;}
.media-tag-block{display:flex;align-items:center;gap:5px;margin:10px 0;padding:12px;line-height:1.6;border:1px solid #d9dfe6;background:#f5f7fa;border-radius:9px;white-space:normal;}
.media-tag-block small{margin-left:auto;font-weight:normal;opacity:.75;font-size:11px;}
.media-message-preview{margin:10px 0;padding:12px;border:1px solid #d9dfe6;border-radius:9px;background:#fafbfc;}
.media-message-preview>strong{display:block;margin-bottom:8px;font-size:12px;color:var(--muted);}
.media-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;}
.media-preview-block{display:flex;align-items:center;gap:5px;padding:12px;margin:8px 0;border:1px dashed #aebdc4;border-radius:7px;font-size:13px;}
.media-plan-preview:empty{display:none;}
@media(max-width:600px){.media-tag-block{flex-wrap:wrap;}.media-tag-block small{margin-left:0;width:100%;}}

.panel-template-preview{display:grid;gap:.5rem;padding:.85rem;border:1px solid var(--border, #ddd);border-radius:12px;min-width:0}.panel-template-preview code{white-space:pre-wrap;overflow-wrap:anywhere}.panel-template-preview p{margin:0}