:root{--brand:#5b2be0;--brand-hover:#4a1fc4;--brand-soft:#efeaff;--brand-text:#4a1fc4;--accent:#ff8a3d;--bg:#f5f6fa;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#eef0f6;--border:#e1e4ee;--border-strong:#c9cedd;--text:#1c2033;--text-muted:#5b6178;--text-faint:#8d92a8;--focus:#7c5cff;--shadow:0 1px 2px #1418280f, 0 4px 16px #1418280f;--shadow-lg:0 10px 40px #1418282e;--success:#12865a;--success-soft:#e3f6ee;--info:#2563eb;--info-soft:#e6eeff;--warning:#b25e00;--warning-soft:#fff3e0;--danger:#d12c3f;--danger-soft:#fde8eb;--m-get:#12865a;--m-post:#c25e00;--m-put:#2563eb;--m-patch:#8b3fd9;--m-delete:#d12c3f;--m-other:#5b6178;--editor-bg:#fff;--editor-gutter:#f8f9fc;--editor-active-line:#5b2be00d;--editor-selection:#5b2be02e;--editor-search:#ffaa0059;--syn-keyword:#a626a4;--syn-string:#2b7a2b;--syn-number:#b45309;--syn-property:#1d4ed8;--syn-tag:#c2185b;--syn-comment:#8d92a8;--syn-variable:#1c2033;--syn-function:#0e7490;--syn-meta:#7c3aed;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--radius:8px;--radius-sm:6px;--header-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#8b6bff;--brand-hover:#9d82ff;--brand-soft:#2a2250;--brand-text:#b8a6ff;--bg:#0f111a;--surface:#171a26;--surface-2:#1c2030;--surface-3:#242939;--border:#2b3044;--border-strong:#3a4057;--text:#e6e8f2;--text-muted:#a3a8c0;--text-faint:#6f7590;--focus:#a48bff;--shadow:0 1px 2px #0006, 0 4px 16px #00000040;--shadow-lg:0 10px 40px #00000080;--success:#34d399;--success-soft:#11372a;--info:#7aa2ff;--info-soft:#1a2546;--warning:#fbbf24;--warning-soft:#3a2c0e;--danger:#ff6b7d;--danger-soft:#3d1a22;--m-get:#34d399;--m-post:#fbbf24;--m-put:#7aa2ff;--m-patch:#c4a1ff;--m-delete:#ff6b7d;--m-other:#a3a8c0;--editor-bg:#141722;--editor-gutter:#171a26;--editor-active-line:#8b6bff14;--editor-selection:#8b6bff4d;--editor-search:#fbbf244d;--syn-keyword:#c792ea;--syn-string:#a5d6a7;--syn-number:#f9b872;--syn-property:#82aaff;--syn-tag:#f07178;--syn-comment:#6f7590;--syn-variable:#e6e8f2;--syn-function:#7fdbca;--syn-meta:#c4a1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--brand:#8b6bff;--brand-hover:#9d82ff;--brand-soft:#2a2250;--brand-text:#b8a6ff;--bg:#0f111a;--surface:#171a26;--surface-2:#1c2030;--surface-3:#242939;--border:#2b3044;--border-strong:#3a4057;--text:#e6e8f2;--text-muted:#a3a8c0;--text-faint:#6f7590;--focus:#a48bff;--shadow:0 1px 2px #0006, 0 4px 16px #00000040;--shadow-lg:0 10px 40px #00000080;--success:#34d399;--success-soft:#11372a;--info:#7aa2ff;--info-soft:#1a2546;--warning:#fbbf24;--warning-soft:#3a2c0e;--danger:#ff6b7d;--danger-soft:#3d1a22;--m-get:#34d399;--m-post:#fbbf24;--m-put:#7aa2ff;--m-patch:#c4a1ff;--m-delete:#ff6b7d;--m-other:#a3a8c0;--editor-bg:#141722;--editor-gutter:#171a26;--editor-active-line:#8b6bff14;--editor-selection:#8b6bff4d;--editor-search:#fbbf244d;--syn-keyword:#c792ea;--syn-string:#a5d6a7;--syn-number:#f9b872;--syn-property:#82aaff;--syn-tag:#f07178;--syn-comment:#6f7590;--syn-variable:#e6e8f2;--syn-function:#7fdbca;--syn-meta:#c4a1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}#root{min-height:100vh}a{color:var(--brand-text)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-3);border-radius:4px;padding:1px 5px}kbd{border:1px solid var(--border-strong);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 5px}h1,h2,h3{margin:0;line-height:1.25}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=password],input[type=number],input:not([type]),select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;min-width:0;padding:7px 10px;transition:border-color .12s,box-shadow .12s}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:15px;height:15px;margin:0}::placeholder{color:var(--text-faint)}.spacer{flex:1}.hint{color:var(--text-muted);margin:6px 0;font-size:12.5px}.hint.warn{color:var(--warning)}.hint.error{color:var(--danger)}.hint.banner{background:var(--warning-soft);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin:0;padding:6px 12px;display:flex}.faint{color:var(--text-faint)}.pad{padding:16px}.pad-sm{padding:4px 10px;font-size:12.5px}.btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:13px}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn.cancel{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.danger,.menu .danger{color:var(--danger)}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn.on{color:var(--brand-text);background:var(--brand-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-placeholder{flex:none;width:30px}.link-btn{color:var(--brand-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.link-btn:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:30;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:0 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:15.5px;font-weight:600;text-decoration:none;display:flex}.brand-name{color:var(--brand-text);letter-spacing:-.01em;font-weight:800}.main-nav{gap:2px;display:flex;overflow-x:auto}.main-nav a{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:7px 12px;font-weight:500;text-decoration:none}.main-nav a:hover{color:var(--text);background:var(--surface-3)}.main-nav a.active{color:var(--brand-text);background:var(--brand-soft)}.header-right{align-items:center;gap:4px;margin-left:auto;display:flex}.menu-toggle{display:none}.app-main{flex:1;min-width:0}.tester{min-height:calc(100vh - var(--header-h));grid-template-columns:1fr;display:grid}.tester.with-sidebar{grid-template-columns:300px minmax(0,1fr)}.tester-main{flex-direction:column;gap:16px;min-width:0;padding:16px 20px 24px;display:flex;position:relative}.sidebar-toggle{position:absolute;top:16px;left:2px}.request-panel,.response-panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.request-panel{margin-left:22px;padding:14px 16px 16px}.response-panel{flex-direction:column;min-height:460px;margin-left:22px;display:flex}.panel-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:12px 16px 0;font-size:13px;font-weight:600}.request-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.request-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;max-width:100%;font-size:15px;font-weight:600;display:flex;overflow:hidden}.dirty-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.env-select{color:var(--text-muted);align-items:center;gap:6px;display:flex}.env-select select{max-width:200px;padding:4px 8px;font-size:13px}.url-bar{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);gap:0;display:flex;overflow:hidden}.url-bar:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent)}.method-select{font-weight:700;font-family:var(--font-mono);width:120px;border:none!important;border-right:1px solid var(--border)!important;background:var(--surface-2)!important;box-shadow:none!important;border-radius:0!important;padding:0 10px!important}.url-input{font-family:var(--font-mono);flex:1;font-size:13.5px;box-shadow:none!important;border:none!important;border-radius:0!important;padding:11px 12px!important}.send-btn{border:none;border-radius:0;min-width:108px;padding:0 22px;font-weight:600}.m-get{color:var(--m-get)}.m-post{color:var(--m-post)}.m-put{color:var(--m-put)}.m-patch{color:var(--m-patch)}.m-delete{color:var(--m-delete)}.m-head,.m-options,.m-any{color:var(--m-other)}.unresolved{color:var(--warning);flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 0;font-size:12.5px;display:flex}.unresolved code{background:var(--warning-soft);color:var(--warning)}.request-actions{flex-wrap:wrap;gap:2px;margin:8px 0 4px;display:flex}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:flex-end;gap:2px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 12px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--brand-text);border-bottom-color:var(--brand)}.tab-badge{background:var(--brand-soft);color:var(--brand-text);text-align:center;border-radius:10px;min-width:18px;padding:0 6px;font-size:11px;font-weight:600}.tabs-right{margin-left:auto}.tab-panel{padding-top:12px}.segmented{background:var(--surface-3);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-weight:500;display:inline-flex}.segmented-sm button{padding:3px 10px;font-size:12.5px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.kv-editor{flex-direction:column;gap:6px;display:flex}.kv-row{align-items:center;gap:8px;display:flex}.kv-row .kv-key{font-family:var(--font-mono);flex:0 34%;font-size:13px}.kv-row .kv-value{font-family:var(--font-mono);flex:1;font-size:13px}.kv-row.multipart select{flex:none;width:84px;padding:7px 6px}.kv-row.disabled .kv-key,.kv-row.disabled .kv-value{opacity:.5;text-decoration:line-through}.kv-row.ghost input:not([type=checkbox]){background:0 0;border-style:dashed}.kv-row.ghost input[type=checkbox]{opacity:.3}.kv-actions{align-items:center;gap:14px;margin-top:4px;display:flex}.kv-bulk{flex-direction:column;gap:8px;display:flex}.bulk-textarea,.curl-textarea,.share-link{width:100%;min-height:170px;font-family:var(--font-mono);resize:vertical;font-size:13px}.share-link{word-break:break-all;min-height:90px}.radio-row{flex-wrap:wrap;gap:6px;display:flex}.radio-pill{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.radio-pill input{opacity:0;pointer-events:none;position:absolute}.radio-pill:hover{border-color:var(--border-strong);color:var(--text)}.radio-pill.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text);font-weight:500}.radio-pill:focus-within{outline:2px solid var(--focus);outline-offset:1px}.auth-editor{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:110px minmax(0,520px);align-items:center;gap:10px 14px;display:grid}.form-grid label{color:var(--text-muted);font-weight:500}.form-grid .hint{margin:0}.secret-input{align-items:center;gap:4px;display:flex}.secret-input input{font-family:var(--font-mono);flex:1}.body-editor{flex-direction:column;gap:10px;display:flex}.body-type-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.body-type-select{display:none}.validity{align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:inline-flex}.validity.ok{color:var(--success)}.validity.bad{color:var(--danger)}.inline-field{color:var(--text-muted);align-items:center;gap:8px;display:flex}.inline-field input{width:min(360px,100%);font-family:var(--font-mono)}.editor-frame{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--editor-bg);min-width:0;overflow:hidden}.editor-frame.grow{flex-direction:column;flex:1;min-height:0;display:flex}.editor-frame.grow>.code-editor{flex:1;min-height:0}.code-editor{height:100%}.editor-label{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-2);padding:4px 10px;font-size:12px}.graphql-editor{grid-template-columns:3fr 2fr;gap:10px;display:grid}.file-picker{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);flex:1;align-items:center;gap:8px;min-width:0;padding:7px 12px;display:inline-flex}.file-picker:hover{border-color:var(--brand);color:var(--brand-text)}.file-picker input{display:none}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.binary-body{flex-direction:column;gap:6px;max-width:520px;display:flex}.raw-tab,.content-view{flex-direction:column;gap:8px;min-height:0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar .hint{margin:0}.settings-tab{flex-direction:column;gap:14px;display:flex}.check-row{align-items:flex-start;gap:12px;display:flex}.check-row input[type=checkbox]{margin-top:3px}.check-row>span{flex-direction:column;display:flex}.check-row .hint{margin:2px 0 0}.num-input{width:72px}.check-inline{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.response-view{flex-direction:column;flex:1;min-height:0;display:flex}.response-view .tabs{padding:0 12px}.status-bar{flex-wrap:wrap;align-items:center;gap:8px 22px;padding:10px 16px;display:flex}.stat{align-items:center;gap:8px;display:inline-flex}.stat-label{color:var(--text-muted);font-size:12.5px}.stat-value{font-weight:600;font-family:var(--font-mono)}.status-pill{font-weight:700;font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:13px;display:inline-block}.status-pill.small{padding:0 6px;font-size:11px}.tone-success{background:var(--success-soft);color:var(--success)}.tone-redirect,.tone-info{background:var(--info-soft);color:var(--info)}.tone-client{background:var(--warning-soft);color:var(--warning)}.tone-server,.tone-error{background:var(--danger-soft);color:var(--danger)}.mode-chip,.lang-chip,.warn-chip,.active-chip{background:var(--surface-3);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.warn-chip{background:var(--warning-soft);color:var(--warning)}.active-chip{background:var(--success-soft);color:var(--success)}.response-body{flex-direction:column;flex:1;min-height:0;padding:12px 16px 16px;display:flex}.response-body .content-view{flex:1}.response-body .content-view .editor-frame.grow{flex:none;height:min(70vh,720px)}.html-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;width:100%;height:min(70vh,720px)}.image-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--surface-3) 0% 25%, var(--surface) 0% 50%) 50% / 20px 20px;justify-content:center;align-items:center;padding:20px;display:flex}.image-preview img{max-width:100%;max-height:60vh}.hexdump,.code-block{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;margin:0;padding:12px;font-size:12.5px;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}.data-table th:first-child{width:32%}.data-table td{border-bottom:1px solid var(--border);vertical-align:top;word-break:break-all;padding:7px 10px}.data-table td.key{color:var(--syn-property);font-weight:500}.data-table tr:hover td{background:var(--surface-2)}.timings-view{flex-direction:column;gap:18px;display:flex}.waterfall{flex-direction:column;gap:8px;max-width:820px;display:flex}.wf-row{grid-template-columns:150px 1fr 80px;align-items:center;gap:12px;font-size:13px;display:grid}.wf-row.total{border-top:1px solid var(--border);padding-top:8px;font-weight:700}.wf-label{color:var(--text-muted)}.wf-value{text-align:right;font-family:var(--font-mono)}.wf-track{background:var(--surface-3);border-radius:6px;height:12px;position:relative}.wf-row.total .wf-track{background:0 0}.wf-bar{border-radius:6px;position:absolute;top:0;bottom:0}.phase-redirect{background:var(--text-faint)}.phase-dns{background:#14b8a6}.phase-connect{background:#f59e0b}.phase-tls{background:#a855f7}.phase-wait{background:#22c55e}.phase-download{background:#3b82f6}.facts{grid-template-columns:150px 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.facts dt{color:var(--text-muted)}.facts dd{word-break:break-all;margin:0}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600}.redirects{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;display:flex}.redirects li{word-break:break-all;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.response-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.error-state{color:var(--danger)}.error-title{color:var(--text);margin:0;font-size:16px;font-weight:600}.error-message{color:var(--text);word-break:break-word;max-width:640px;margin:0}.error-hint{max-width:640px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:10px 14px;font-size:13px}.spin{color:var(--brand);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome{flex-direction:column;align-items:center;gap:8px;display:flex}.welcome h2{color:var(--text);font-size:17px}.welcome-icon{color:var(--accent)}.example-list{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin-top:10px;display:flex}.example{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;display:inline-flex}.example:hover{border-color:var(--brand)}.method-badge{font-family:var(--font-mono);background:var(--surface-3);border-radius:4px;flex:none;padding:1px 6px;font-size:11.5px;font-weight:700}.method-badge.small{text-align:center;min-width:46px;font-size:10.5px}.sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex;position:sticky}.side-tabs{padding:0 10px}.side-tabs .tab{flex:1;justify-content:center}.side-search{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);align-items:center;gap:6px;margin:10px 10px 6px;padding:0 8px;display:flex}.side-search input{background:0 0;flex:1;box-shadow:none!important;border:none!important;padding:6px 0!important}.side-content{flex:1;padding:4px 6px 10px;overflow-y:auto}.side-toolbar{flex-wrap:wrap;gap:2px;padding:0 2px 6px;display:flex}.side-list,.collections{margin:0;padding:0;list-style:none}.side-list.nested{padding-left:12px}.side-item{border-radius:var(--radius-sm);align-items:center;display:flex;position:relative}.side-item:hover,.side-item.active{background:var(--surface-3)}.side-item.active{box-shadow:inset 2px 0 0 var(--brand)}.side-item-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:6px 8px;display:grid}.side-item-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.side-item-meta{grid-column:2;align-items:center;gap:8px;font-size:11.5px;display:flex}.side-item-action,.side-item-actions{opacity:0;transition:opacity .1s}.side-item-actions{display:flex}.side-item-actions .icon-btn{width:26px;height:26px}.side-item:hover .side-item-action,.side-item:hover .side-item-actions,.side-item:focus-within .side-item-action,.side-item:focus-within .side-item-actions{opacity:1}.side-footer{text-align:center;padding:10px 8px}.collection{margin-bottom:4px}.collection-head{align-items:center;display:flex}.collection-toggle{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 4px;font-weight:600;display:flex}.collection-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-wrap{position:relative}.menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:150px;box-shadow:var(--shadow-lg);flex-direction:column;padding:4px;display:flex;position:absolute;top:100%;right:0}.menu button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;display:flex}.menu button:hover{background:var(--surface-3)}.empty-state{text-align:center;color:var(--text-muted);padding:30px 16px}.empty-icon{color:var(--text-faint)}.empty-title{color:var(--text);margin:8px 0 4px;font-weight:600}.empty-body{font-size:13px}.modal-backdrop{z-index:50;background:#0a0c1880;justify-content:center;align-items:flex-start;padding:7vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);width:min(540px,100%);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;max-height:86vh;display:flex}.modal-wide{width:min(1040px,100%)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{font-size:16px}.modal-body{min-height:0;padding:16px 18px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.form-stack{flex-direction:column;gap:12px;display:flex}.form-stack>label:not(.check-inline){color:var(--text-muted);flex-direction:column;gap:5px;font-weight:500;display:flex}.form-stack .hint{margin:0}.code-modal{grid-template-columns:190px minmax(0,1fr);gap:14px;height:min(62vh,620px);display:grid}.code-targets{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.code-targets button{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:7px 10px}.code-targets button:hover{background:var(--surface-3);color:var(--text)}.code-targets button.active{background:var(--brand-soft);color:var(--brand-text);font-weight:600}.code-target-select{display:none}.code-output{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.env-modal{grid-template-columns:200px minmax(0,1fr);gap:18px;min-height:320px;display:grid}.env-list{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding-right:12px;display:flex}.env-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;display:flex}.env-item:hover{background:var(--surface-3)}.env-item.active{background:var(--brand-soft);color:var(--brand-text);font-weight:600}.env-detail{flex-direction:column;gap:12px;min-width:0;display:flex}.env-detail-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.env-name{flex:1;min-width:160px;font-weight:600}.dyn-vars summary{cursor:pointer;color:var(--text-muted);font-size:13px}.dyn-vars ul{color:var(--text-muted);margin:8px 0 0;padding-left:18px;font-size:13px}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:26px;display:flex}.drop-zone:hover{border-color:var(--brand);color:var(--brand-text)}.drop-zone input{display:none}.import-summary p{margin:4px 0}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 14px;animation:.18s ease-out toast-in;display:flex}.toast svg{flex:none;margin-top:2px}.toast-success svg{color:var(--success)}.toast-error svg{color:var(--danger)}.toast-info svg{color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.page{flex-direction:column;gap:16px;max-width:1400px;margin:0 auto;padding:20px;display:flex}.page-header h1{margin-bottom:4px;font-size:22px}.page-header .hint{margin:0;font-size:14px}.card{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.response-card{min-height:420px;padding:0}.warnings{margin:0;padding-left:18px}.formatter{height:calc(100vh - var(--header-h) - 140px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;min-height:460px;display:grid}.formatter-pane{min-height:0}.formatter-actions{flex-direction:column;justify-content:center;gap:10px;display:flex}.formatter-error{margin:0}.endpoint-list{flex-direction:column;gap:12px;display:flex}.endpoint p{color:var(--text-muted);margin:0}.endpoint-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.endpoint-url{word-break:break-all;background:0 0;padding:0;font-size:13.5px}.doc-page{max-width:960px}@media (width<=1100px){.main-nav{top:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;padding:8px;display:none;position:absolute;left:0;right:0}.main-nav.open{display:flex}.menu-toggle{display:inline-flex}}@media (width<=900px){.tester.with-sidebar{grid-template-columns:1fr}.sidebar-backdrop{inset:var(--header-h) 0 0 0;z-index:24;background:#0a0c1873;position:fixed}.sidebar{left:0;top:var(--header-h);z-index:25;width:min(320px,86vw);height:auto;box-shadow:var(--shadow-lg);position:fixed;bottom:0}.formatter{grid-template-columns:1fr;height:auto}.formatter-pane{height:380px}.formatter-actions{flex-flow:wrap}.graphql-editor,.code-modal{grid-template-columns:1fr}.code-targets{display:none}.code-target-select{display:block}.env-modal{grid-template-columns:1fr}.env-list{border-right:none;border-bottom:1px solid var(--border);padding:0 0 10px}}@media (width<=640px){.app-header{gap:12px;padding:0 12px}.brand-text{font-size:14px}.tester-main{padding:12px 16px 20px}.request-panel,.response-panel{margin-left:0}.sidebar-toggle{align-self:flex-start;position:static}.request-panel{padding:12px}.url-bar{flex-wrap:wrap}.method-select{flex:1;width:auto;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:8px 10px!important}.send-btn{border-bottom:1px solid var(--border);min-width:96px;padding:8px 16px}.url-input{flex-basis:100%;order:3}.body-type-pills{display:none}.body-type-select{display:block}.form-grid{grid-template-columns:1fr}.kv-row .kv-key{flex-basis:38%}.wf-row{grid-template-columns:100px 1fr 64px}.facts{grid-template-columns:1fr}.page{padding:16px}}