/* All comparison tables fit the available width; no data is clipped. */
#workspace[data-page="api"] .sub{display:none}
#workspace[data-page="api"] col:nth-child(1){width:8%!important}
#workspace[data-page="api"] col:nth-child(2){width:15%!important}
#workspace[data-page="api"] col:nth-child(3){width:20%!important}
#workspace[data-page="api"] col:nth-child(4){width:10%!important}
#workspace[data-page="api"] col:nth-child(5){width:10%!important}
#workspace[data-page="api"] col:nth-child(6){width:6%!important}
#workspace[data-page="api"] col:nth-child(7){width:15%!important}
#workspace[data-page="api"] col:nth-child(8),#workspace[data-page="api"] col:nth-child(9){width:8%!important}
#workspace[data-page="api"] td:nth-child(3){font-family:ui-monospace,monospace;font-size:10px}
.layout{grid-template-columns:176px minmax(0,1fr)}
main{padding:22px 20px}.scroll{width:100%;max-width:100%;overflow-x:visible}
table{width:100%;table-layout:fixed;min-width:0}
th,td,td:first-child,th:first-child{min-width:0;max-width:none;width:auto;padding:9px 5px;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5}
td:first-child,th:first-child{position:static}
th{font-size:11px;text-align:center}td{font-size:12px;text-align:center}
td:first-child{text-align:left}table.compact th,table.compact td{font-size:11px}
table.compact td{white-space:pre-wrap}.edit-cell{min-width:0;padding:4px 2px}
.edit-cell button{white-space:normal;overflow-wrap:anywhere;padding:5px 2px;font-size:10px;width:100%}
.vendor-alibaba{--vendor-ink:#a45209;--vendor-bg:#fff1df}
.vendor-google{--vendor-ink:#275bb5;--vendor-bg:#eaf1ff}
.vendor-eleven{--vendor-ink:#7040aa;--vendor-bg:#f3ebff}
.vendor-fish{--vendor-ink:#087c87;--vendor-bg:#e2f6f8}
.vendor-moss{--vendor-ink:#577421;--vendor-bg:#f0f5df}
.vendor-seed{--vendor-ink:#b13e60;--vendor-bg:#ffeaf0}
.vendor-minimax{--vendor-ink:#a63f29;--vendor-bg:#ffebe5}
.vendor-luna{--vendor-ink:#146949;--vendor-bg:#ddf4e7}
.vendor-label{display:inline;color:var(--vendor-ink);background:var(--vendor-bg);font-weight:650;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px;border-radius:3px;line-height:1.8}
td.vendor-identity{text-align:left}tr.luna td{background:#f0f8f3}
.cards{gap:10px}.card{min-width:0;padding:16px}.card strong{font-size:clamp(17px,2vw,27px);overflow-wrap:anywhere}
@media(max-width:900px){.layout{grid-template-columns:1fr}main{padding:14px 10px}th,td{padding:7px 3px}table.compact th,table.compact td{font-size:10px}.toolbar select{max-width:100%}}

/* Minimal presentation: neutral surfaces, quiet hierarchy, vendor accents only. */
#workspace[data-page="overview"] .scroll{max-width:620px}
#workspace[data-page="overview"] table th,#workspace[data-page="overview"] table td{text-align:left;padding-left:12px;padding-right:12px}
#workspace[data-page="overview"] .eyebrow{margin-bottom:14px}
#workspace[data-page="matrix"] .model-name{display:inline-block;color:var(--vendor-ink,#555);background:var(--vendor-bg,#eee);font-weight:600;font-size:11px;padding:4px 7px;border-radius:5px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
nav button{background:transparent}
:root{color:#282828;background:#fff;-webkit-font-smoothing:antialiased}
header{padding:20px 28px;border-bottom:1px solid #ededed;background:#fff}.brand{font-size:10px;letter-spacing:2px;color:#999;font-weight:600}h1{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:7px 0 5px}header p{font-size:11px;color:#999}
button{border:1px solid #e3e3e3;border-radius:5px;color:#666;background:#fff;padding:7px 11px;font-size:12px}button:hover{background:#f5f5f5;border-color:#ccc}a{color:#777}.actions{gap:9px}.actions a{font-size:11px;margin-right:8px}#mode,.primary{background:#252525;border-color:#252525;color:#fff}#mode:hover,.primary:hover{background:#444}
.layout{grid-template-columns:174px minmax(0,1fr)}aside{padding:27px 12px;background:#fafafa;border-right:1px solid #eee;min-height:calc(100vh - 108px)}.nav-title{font-size:10px;color:#aaa;margin:0 12px 16px;letter-spacing:1px}nav button{font-size:12px;padding:9px 12px;color:#888;border-radius:4px;margin:1px 0;font-weight:400}nav button.active{background:#ebebeb;color:#222;font-weight:600}nav button:hover{color:#222;background:#f0f0f0}nav button:nth-child(3),nav button:nth-child(14){margin-top:16px}.aside-note{display:none}
main{padding:24px 26px 48px}#status{font-size:10px;color:#aaa;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.7px;color:#aaa}h2{font-size:23px;font-weight:550;letter-spacing:-.6px;margin:9px 0 10px;color:#222}h3{font-size:13px;font-weight:600;margin:30px 0 15px}.sub{font-size:11px;line-height:1.8;color:#999;margin:0 0 24px;max-width:900px}.cards{display:none}
.toolbar{margin:20px 0 16px;gap:12px;font-size:11px;color:#999}.toolbar label{color:#777}.toolbar button{font-size:10px;padding:6px 10px}select{font-size:11px;padding:6px 8px;border-color:#e5e5e5;border-radius:4px;color:#555}
.scroll{max-height:none;border:0;border-radius:0;background:#fff}table{font-variant-numeric:tabular-nums}th,td,td:first-child,th:first-child{padding:15px 6px;line-height:1.55;background:#fff;position:static;border-bottom:1px solid #f0f0f0}th{font-size:10px;font-weight:500;color:#929292;border-top:1px solid #e8e8e8;border-bottom:1px solid #e3e3e3}td{font-size:12px;color:#555}td:first-child,th:first-child{padding-left:10px}table.compact th{font-size:10px}tbody tr:hover td{background:#fafafa}.edit-cell button{border:0;color:#999}
.vendor-alibaba{--vendor-ink:#906323;--vendor-bg:#f5e9d3;--vendor-accent:#d1ad6a}
.vendor-google{--vendor-ink:#466b9c;--vendor-bg:#e4edf8;--vendor-accent:#96b3d6}
.vendor-eleven{--vendor-ink:#775594;--vendor-bg:#eee4f5;--vendor-accent:#b99bd0}
.vendor-fish{--vendor-ink:#347a85;--vendor-bg:#ddf0f2;--vendor-accent:#87bcc4}
.vendor-moss{--vendor-ink:#68783c;--vendor-bg:#eaf0db;--vendor-accent:#acbd82}
.vendor-seed{--vendor-ink:#9a5677;--vendor-bg:#f5e2eb;--vendor-accent:#d4a0b8}
.vendor-minimax{--vendor-ink:#a3624b;--vendor-bg:#f7e6de;--vendor-accent:#d8aa94}
.vendor-luna{--vendor-ink:#38785f;--vendor-bg:#dfefe6;--vendor-accent:#8dbba4}
.vendor-label{color:#444;background:none;font-weight:500;padding:0;line-height:1.6}
.vendor-name{display:inline-block;color:var(--vendor-ink,#555);background:var(--vendor-bg,#eee);font-weight:600;font-size:11px;padding:4px 7px;border-radius:5px;white-space:nowrap;line-height:1.5}
td.vendor-identity:first-child{border-left:3px solid var(--vendor-accent)}
tr.luna td{background:#fafcfb}tr.luna .model-name{font-weight:600;color:#384640}
#workspace[data-page="matrix"] tr.luna td{background:#edf4ef;color:#385447;border-top:1px solid #dce8df;border-bottom:1px solid #dce8df}
#workspace[data-page="matrix"] tbody td:last-child{font-size:15px!important;font-weight:700;color:#273d32}
#workspace[data-page="matrix"] thead th{background:#fff;color:#42484c;font-weight:650;font-size:12px!important}
#workspace[data-page="matrix"] .matrix-labels th{background:#fff;color:#42484c;font-weight:650;font-size:12px!important}
.note{border:0;border-top:1px solid #eee;background:none;color:#999;padding:17px 0;margin-top:24px;font-size:11px;line-height:1.8}
.matrix-groups th{border-bottom:0;padding:13px 5px 5px;color:#555;font-size:11px!important}.matrix-groups th[rowspan]{border-bottom:1px solid #e3e3e3}.matrix-labels th{border-top:0;padding:5px 5px 13px}
dialog{border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 20px 70px #0002}dialog::backdrop{background:#0003}#fields label{color:#777;font-size:11px}textarea,#fields select{border-color:#e2e2e2;border-radius:4px;color:#333;background:#fff}dialog footer{border-top:1px solid #eee;margin-top:22px}dialog h2{font-size:18px}
@media(max-width:900px){.layout{grid-template-columns:1fr}aside{min-height:auto;padding:8px 12px;border-right:0;border-bottom:1px solid #eee}nav button{margin:0!important;padding:6px 9px;font-size:11px}main{padding:20px 12px}header{padding:18px}th,td{padding:12px 3px}table.compact th{font-size:9px}table.compact td{font-size:10px}}
