:root{color:#19212f;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:0}.app-shell{max-width:1480px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.topbar h1{margin:3px 0 0;font-size:27px;letter-spacing:0}.eyebrow{color:#5a6b83;font-size:11px;font-weight:700;margin:0;letter-spacing:.08em}.privacy{color:#536177;font-size:13px}.provider-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px}.provider-tabs button{min-width:180px;text-align:left;padding:12px 14px;background:#fff;border:1px solid #d8dee8;border-radius:6px;color:#4c5b71;cursor:pointer}.provider-tabs button.active{border-color:#0c6cf2;background:#edf5ff;color:#075ccf;box-shadow:inset 3px 0 #0c6cf2}.provider-tabs .quick-setup-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:112px;background:#0c6cf2;border-color:#0c6cf2;color:#fff;font-weight:700}.provider-tabs span,.provider-tabs small{display:block}.provider-tabs span{font-weight:700}.provider-tabs small{margin-top:4px;font-size:11px;color:#758297;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.workspace{display:grid;grid-template-columns:410px minmax(0,1fr);gap:20px;align-items:start}.control-panel,.results-panel{display:flex;flex-direction:column;gap:14px}.panel,.stats,.results-panel{background:#fff;border:1px solid #d8dee8;border-radius:6px}.panel{padding:14px}.panel label{color:#3c4b61;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}input,textarea{width:100%;border:1px solid #cbd4e1;border-radius:4px;color:#182235;background:#fff;padding:9px 10px;outline-color:#0c6cf2}textarea{resize:vertical;min-height:130px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.section-heading h2{margin:0;font-size:14px}.section-heading>div{display:flex;align-items:center;gap:8px}.section-heading span{color:#708097;font-size:12px}.section-heading button,.key-select button{color:#0763dc;background:transparent;padding:0;font-size:12px;font-weight:700;cursor:pointer}.section-heading .reset-button{display:inline-flex;align-items:center;gap:3px;color:#708097;font-weight:500}.section-heading .reset-button:hover{color:#c4333c}.model-list,.key-select{display:flex;flex-direction:column;max-height:166px;overflow-y:auto;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2}.model-option{display:flex;align-items:center;justify-content:space-between}.model-list label,.key-select label{padding:7px 3px;flex-direction:row;align-items:center;gap:8px;font-weight:500;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.model-option label{flex:1;min-width:0}.model-option button{display:grid;place-items:center;padding:3px;background:transparent;color:#7a879a;cursor:pointer}.model-option button:hover{color:#c4333c}.model-list input,.key-select input{width:14px;height:14px;accent-color:#0c6cf2}.key-select button{text-align:left;padding:8px 3px}.model-actions{display:grid;grid-template-columns:112px 1fr;gap:6px;margin-top:10px}.fetch-models{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#eef5ff;border:1px solid #a9cef9;border-radius:4px;color:#075ccf;cursor:pointer;font-size:12px;font-weight:700}.fetch-models:disabled{cursor:wait;opacity:.7}.spin{animation:spin .8s linear infinite}.add-model{display:grid;grid-template-columns:1fr 34px;gap:6px}.add-model button,.actions>button:not(.primary){display:grid;place-items:center;background:#f1f4f8;border:1px solid #cbd4e1;border-radius:4px;color:#36455d;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.compact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:grid;grid-template-columns:1fr 40px 40px;gap:8px}.actions button{min-height:40px}.actions .primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#0c6cf2;border-radius:4px;color:#fff;font-weight:700;cursor:pointer}.notice{color:#a75010;margin:0;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#141f3073}.quick-setup-modal{width:min(100%,520px);display:flex;flex-direction:column;gap:14px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 16px 40px #141f3040}.quick-setup-modal label{display:flex;flex-direction:column;gap:7px;color:#3c4b61;font-size:13px;font-weight:700}.modal-hint{color:#7a879a;font-size:12px;font-weight:400}.quick-setup-modal textarea{min-height:130px}.modal-heading,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-heading h2{margin:0;font-size:17px}.modal-heading button{display:grid;place-items:center;padding:3px;background:transparent;color:#536177;cursor:pointer}.modal-actions{justify-content:flex-end}.modal-actions button{padding:9px 14px;border:1px solid #cbd4e1;border-radius:4px;background:#fff;color:#36455d;cursor:pointer}.modal-actions .primary{border-color:#0c6cf2;background:#0c6cf2;color:#fff;font-weight:700}.results-panel{padding:14px;min-height:650px}.stats{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.stat{padding:14px 10px;border-right:1px solid #e2e7ef;text-align:center}.stat:last-child{border:0}.stat strong{display:block;color:#17233a;font-size:23px}.stat span{color:#637187;font-size:12px}.stat.good strong{color:#15803d}.stat.bad strong{color:#c4333c}.stat.warn strong{color:#b7791f}.stat.info strong{color:#0b67d0}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:10px}.view-tabs{display:flex;gap:3px;overflow-x:auto}.view-tabs button,.icon-text{border-radius:4px;padding:8px 10px;background:transparent;color:#596a82;cursor:pointer;white-space:nowrap;font-size:13px}.view-tabs button.active{background:#e8f2ff;color:#0763dc;font-weight:700}.icon-text{display:inline-flex;align-items:center;gap:6px;background:#f1f4f8;border:1px solid #d8dee8}.matrix-scroll{overflow:auto;border:1px solid #d8dee8;border-radius:5px;min-height:420px}.empty-matrix{display:grid;place-items:center}.matrix{display:grid;min-width:560px}.head{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#526177;border-bottom:1px solid #d8dee8;padding:10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-head,.key{position:sticky;left:0;z-index:1}.key-head{z-index:3}.key{background:#fff;color:#314059;border-bottom:1px solid #edf0f4;padding:12px 10px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell{height:32px;margin:8px;border-radius:4px;border:1px solid;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:help}.cell.valid{background:#eaf8ef;border-color:#b6e8c5;color:#16723a}.cell.invalid{background:#fff0f0;border-color:#ffc7c7;color:#b4232a}.cell.rate-limited,.cell.retrying{background:#fff8e7;border-color:#f0d692;color:#a36700}.cell.testing{background:#edf5ff;border-color:#b8d8ff;color:#1263c6}.cell.pending,.cell.cancelled{background:#f3f5f8;border-color:#dde3eb;color:#7a879a}.empty{padding:48px 16px;color:#718096;text-align:center}.list-view{border:1px solid #d8dee8;border-radius:5px;min-height:420px;overflow-y:auto}.key-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #edf0f4}.key-row>span,.model-row span{color:#344158;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.key-row>div{display:flex;flex-wrap:wrap;gap:1px}.key-row small{color:#68778d;white-space:nowrap}.model-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.model-view article{border:1px solid #d8dee8;border-radius:5px;padding:12px}.model-view h3{margin:0 0 8px;font-size:13px;color:#334057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-row{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0f4}.model-row .cell{width:42px;flex:0 0 42px;margin:6px 0}.export-view{display:grid;place-items:center;min-height:420px;color:#64748b;text-align:center}.export-view p{margin:10px 0 16px}.export-view button{padding:9px 16px;margin:0 4px;border-radius:4px;background:#0c6cf2;color:#fff;cursor:pointer;font-weight:700}@media(max-width:980px){.workspace{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr}.control-panel .actions,.control-panel .notice{grid-column:1 / -1}.topbar{align-items:start;flex-direction:column;gap:8px}}@media(max-width:620px){.app-shell{padding:14px}.control-panel{display:flex}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.key-row{grid-template-columns:1fr;gap:4px}.result-bar{align-items:start;flex-direction:column}.results-panel{padding:10px}}
