.mockup-surface[data-study-kind=tool-color-study] #mock-content{padding:18px;background:#eaf0e8;color:#213d32;min-height:0}
.tool-color-study{font:12px/1.5 system-ui,sans-serif;max-width:1100px;margin:auto;user-select:text}.tool-color-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-color-theme{min-width:0;padding:16px;border:1px solid var(--tc-line);border-radius:10px;background:var(--tc-page);color:var(--tc-ink)}.tool-color-theme h2{margin:0 0 12px;font-size:14px}.tool-color-neighbors{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}.tool-color-neighbors>div{padding:6px 9px;border-radius:5px;color:var(--tc-ink);font-size:11px}.tool-color-server{border:1px solid var(--tc-line);border-radius:9px;background:var(--tc-surface);color:var(--tc-ink);overflow:hidden}.tool-color-server h3{margin:0;padding:12px 14px;font-size:16px;border-bottom:1px solid var(--tc-line)}.tool-color-request{margin:12px 14px;padding:10px;border:1px solid var(--tc-line);border-radius:7px;font-size:13px}.tool-color-execution{margin:12px 14px;border:1px solid var(--tc-line);border-radius:7px;background:var(--tc-fill);color:var(--tc-text);overflow:hidden}.tool-color-execution>summary{padding:10px;background:var(--tc-header);color:var(--tc-headerInk);font-size:13px;font-weight:650;cursor:pointer}.tool-color-body{padding:0 12px 12px;background:var(--tc-fill);color:var(--tc-text)}.tool-color-body pre{font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;background:transparent;color:inherit}.tool-color-body code{font:12px/1.5 ui-monospace,monospace;color:inherit;overflow-wrap:anywhere}.tool-color-body small{display:block;font-size:11px;color:inherit}.tool-color-result{border-top:1px solid currentColor;margin:6px 0;padding:6px 0}.tool-color-result summary{font-size:12px;font-weight:600;cursor:pointer}.tool-color-metrics{margin:12px 0 0;font:11px/1.6 ui-monospace,monospace}.tool-color-metrics>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tool-color-metrics dt,.tool-color-metrics dd{margin:0}.tool-color-note{margin:12px 0 0;font-size:12px;color:#213d32;background:#eaf0e8}.tool-color-study summary:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tool-color-study[data-candidate=surface] .tool-color-body{padding-top:12px}
body:has([data-study-kind=tool-color-study]) .exaggerate-control{display:none}
@media(max-width:760px){.tool-color-pair{grid-template-columns:1fr}.tool-color-theme{padding:12px}.mockup-surface[data-study-kind=tool-color-study] #mock-content{padding:10px}}
@media(prefers-color-scheme:dark){.mockup-surface[data-study-kind=tool-color-study] #mock-content,.tool-color-note{background:#11251f;color:#edf3df}}