.devtools-preview{--preview-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f172a);--preview-toolbar:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111c31);--preview-table:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#141414);--preview-text:var(--lightningcss-light,#18212f)var(--lightningcss-dark,#e5edf7);--preview-muted:var(--lightningcss-light,#475569)var(--lightningcss-dark,#b5c2d4);--preview-border:var(--lightningcss-light,#e3e8f2)var(--lightningcss-dark,#26364f);--preview-selected:var(--lightningcss-light,#eaf2ff)var(--lightningcss-dark,#15345e);--preview-blue:var(--lightningcss-light,#1677ff)var(--lightningcss-dark,#4096ff);--preview-input:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141414);color:var(--preview-text);background:var(--preview-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow);text-align:left;border-radius:10px;font-size:12px;line-height:1.55;overflow:hidden;container:preview/inline-size}.devtools-icon{background:currentColor;flex:none;width:12px;height:12px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.devtools-browser-tabs{border-bottom:1px solid var(--preview-border);background:var(--preview-table);min-height:36px;color:var(--preview-muted);align-items:center;gap:25px;padding:0 19px;display:flex}.devtools-browser-tabs>span{padding-block:9px}.devtools-browser-tabs .is-active{color:var(--preview-blue);box-shadow:inset 0 -2px var(--preview-blue)}.devtools-browser-tabs .devtools-example{white-space:nowrap;margin-left:auto;font-size:11px}.devtools-controls{border-bottom:1px solid var(--preview-border);background:var(--preview-toolbar);min-width:0;color:var(--preview-muted);align-items:center;gap:8px;padding:5px 10px;line-height:20px;display:flex}.devtools-clear,.devtools-keep-log,.devtools-management{white-space:nowrap;align-items:center;gap:8px;min-height:24px;display:inline-flex}.devtools-clear{flex:none;padding-inline:7px}.devtools-keep-log{flex:none}.devtools-management{gap:4px;min-width:28px;margin-inline-start:auto;padding-inline:6px}.devtools-management>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.devtools-toolbar{border-bottom:1px solid var(--preview-border);background:var(--preview-toolbar);flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 10px;display:flex}.devtools-search-row{flex:240px;align-items:center;gap:6px;min-width:min(100%,240px);display:flex}.devtools-search{white-space:nowrap;background:var(--preview-input);color:var(--lightningcss-light,#9299a4)var(--lightningcss-dark,#8a94a4);border:1px solid var(--lightningcss-light,#d9d9d9)var(--lightningcss-dark,#424242);border-radius:6px;flex:1;align-items:center;min-width:0;height:32px;padding-inline:11px;display:flex;overflow:hidden}.devtools-type-filters{scrollbar-width:none;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.devtools-type-filters>span{color:var(--lightningcss-light,#64748b)var(--lightningcss-dark,#94a3b8);white-space:nowrap;flex:none;padding:3px 8px;line-height:20px}.devtools-type-filters>.is-active{color:#fff;background:#2563eb;border-radius:5px}.devtools-batch{color:#fff;background:var(--preview-blue);white-space:nowrap;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:4px 12px;display:inline-flex}.devtools-content{grid-template-columns:minmax(0,1fr) 6px minmax(320px,calc(36cqw + 200px));min-height:340px;display:grid}.devtools-requests{min-width:0;container:requests/inline-size}.devtools-request-table{table-layout:fixed;border-collapse:collapse;width:100%}.devtools-check-column{width:44px}.devtools-name-column{width:156px}.devtools-method-column{width:72px}.devtools-type-column{width:88px}.devtools-action-column{width:64px}.devtools-request-table th{background:var(--preview-table);text-align:left;height:39px;font-weight:600}.devtools-request-table td{border-block:1px solid var(--preview-border);height:44px}.devtools-request-table th,.devtools-request-table td{padding:0 8px}.devtools-request-table tr.is-selected{background:var(--preview-selected)}.devtools-request-table td:first-child,.devtools-request-table th:first-child,.devtools-request-table td:last-child,.devtools-request-table th:last-child{text-align:center}.devtools-check{background:var(--preview-input);color:#fff;vertical-align:middle;border:1px solid var(--lightningcss-light,#d9d9d9)var(--lightningcss-dark,#424242);border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:inline-flex}.devtools-check.is-checked{background:var(--preview-blue);border-color:var(--preview-blue)}.devtools-check.is-mixed{color:var(--preview-blue);font-size:16px;font-weight:700}.devtools-request-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.devtools-row-action{color:#fff;background:var(--lightningcss-light,#1677ff)var(--lightningcss-dark,#2563eb);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:26px;display:inline-flex;position:relative}.devtools-row-action.is-edit{color:#35506f;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#f8fafc);border-color:var(--lightningcss-light,#d4deeb)var(--lightningcss-dark,#cbd5e1)}.devtools-action-tooltip{z-index:2;color:var(--bg);background:var(--text);font:12px/1.5 var(--font-sans);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;padding:5px 8px;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.devtools-row-action:hover .devtools-action-tooltip{opacity:1;visibility:visible}.devtools-divider{background:linear-gradient(to right, transparent 2px, var(--preview-border) 2px 3px, transparent 3px)}.devtools-detail{min-width:0}.devtools-detail-toolbar{border-bottom:1px solid var(--preview-border);align-items:center;gap:8px;padding:6px 10px;display:flex}.devtools-rule-notice{background:var(--lightningcss-light,#e6f4ff)var(--lightningcss-dark,#111d2c);border:1px solid var(--lightningcss-light,#91caff)var(--lightningcss-dark,#15325b);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.devtools-info{width:14px;height:14px;color:var(--preview-bg);background:var(--preview-blue);font:11px/1 var(--font-sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.devtools-rule-notice p{margin:0;font-size:12px;line-height:1.6}.devtools-notice-edit{color:var(--preview-blue);white-space:nowrap;flex:none;margin-left:auto}.devtools-close{width:24px;color:var(--preview-muted);text-align:center;flex:none;font-size:18px}.devtools-detail-tabs{border-bottom:1px solid var(--preview-border);gap:32px;min-height:37px;padding:0 12px;display:flex}.devtools-detail-tabs span{align-items:center;display:flex}.devtools-detail-tabs .is-active{color:var(--preview-blue);box-shadow:inset 0 -2px var(--preview-blue)}.devtools-response{padding:12px 14px 18px}.devtools-response pre{border:1px solid var(--preview-border);font:12px/1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--lightningcss-light,#f8fafc)var(--lightningcss-dark,#111c31);border-radius:6px;margin:0;padding:10px}@container preview (max-width:760px){.devtools-content{grid-template-columns:minmax(0,1fr)}.devtools-divider{background:linear-gradient(to bottom, transparent 2px, var(--preview-border) 2px 3px, transparent 3px);height:6px}}@container requests (max-width:719px){.devtools-type-column,.devtools-type-cell{display:none}}@container requests (max-width:619px){.devtools-method-column,.devtools-method-cell{display:none}}@container requests (max-width:469px){.devtools-name-column{width:132px}}@container requests (max-width:439px){.devtools-url-column,.devtools-url-cell{display:none}.devtools-name-column{width:auto}}@container preview (max-width:580px){.devtools-browser-tabs{gap:16px;padding-inline:13px}.devtools-browser-tabs>span:nth-child(-n+3){display:none}.devtools-rule-notice{padding:8px}}@container preview (max-width:340px){.devtools-controls{padding-inline:6px}.devtools-clear{padding-inline:0}.devtools-management{flex:none;width:28px}.devtools-management>span:last-child{display:none}}
