html,body,#root{width:100%;height:100%;margin:0}.benchmark-app{color:#0f172a;background:#e8eef0;width:100vw;height:100dvh;position:relative;overflow:hidden}.comparison-header{z-index:5;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #cbd5e1e0;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 28px);padding:8px 10px;font-family:ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0f172a1f}.build-version{z-index:6;color:#64748b;white-space:nowrap;background:#fffffff2;border:1px solid #cbd5e1e0;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:500;text-decoration:none;position:absolute;top:12px;left:12px;box-shadow:0 3px 12px #0f172a1a}.build-version:hover{color:#0f766e;text-decoration:underline}.shared-controls{flex:none;align-items:center;gap:6px;display:flex}.source-controls{border-left:1px solid #e2e8f0;flex:none;align-items:center;gap:6px;padding-left:9px;display:flex}.source-toggle{color:#64748b}.toolbar-button{white-space:nowrap;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.toolbar-button:hover{background:#f8fafc;border-color:#94a3b8}.toolbar-button:focus-visible,.layer-toggle:focus-visible{outline-offset:2px;outline:3px solid #14b8a659}.map-comparison{grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.map-card{background:#e8eef0;border-right:1px solid #fff;min-width:0;position:relative;overflow:hidden}.map-title{z-index:2;background:#ffffffeb;border-radius:8px;margin:0;padding:7px 10px;font-size:13px;position:absolute;bottom:20px;left:12px;box-shadow:0 2px 8px #0f172a29}.map-card:nth-child(2) .map-title{left:auto;right:12px}.layer-toggle{color:#475569;text-transform:capitalize;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:31px;padding:0 11px;font-size:11px;font-weight:600}.layer-toggle:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.layer-toggle.is-on{color:#0f766e;background:#eaf5f2;border-color:#99cfc6}.layer-toggle.is-on:hover:not(:disabled){background:#dff0ec}.layer-toggle:disabled{opacity:.58;cursor:wait}.map-frame{background:#e8eef0;position:absolute;inset:0}.map-view-shell{width:100%;height:100%;position:relative}.map-canvas{width:100%;height:100%}@media (width<=760px){.comparison-header{gap:8px;padding:7px 8px}}@media (width>=761px) and (width<=1100px){.benchmark-panel{width:min(760px,100vw - 28px)}}.benchmark-panel{z-index:6;color:#0f172a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #cbd5e1e0;border-radius:16px;gap:10px;width:min(980px,100vw - 28px);max-height:min(62dvh,640px);padding:14px 16px;font:12px/1.45 ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute;bottom:56px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 12px 36px #0f172a3d}.benchmark-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.benchmark-panel-header h2{letter-spacing:-.02em;margin:1px 0 0;font-size:19px}.benchmark-status{color:#475569;white-space:nowrap;font-size:13px}.benchmark-status.is-running{color:#0f766e;font-weight:700}.benchmark-history-actions{align-items:center;gap:10px;display:flex}.benchmark-clear-button{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px}.benchmark-clear-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.benchmark-clear-button:disabled{opacity:.45;cursor:default}.benchmark-median{gap:7px;display:grid}.benchmark-metric-label{color:#64748b;letter-spacing:.08em;font-size:11px;font-weight:800}.benchmark-metric-label span{letter-spacing:0;font-weight:500}.benchmark-compare-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.benchmark-compare-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:10px 12px}.benchmark-compare-card.tiled{border-top:3px solid #dc2626}.benchmark-compare-card.raw{border-top:3px solid #2563eb}.benchmark-compare-card h3{color:#334155;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;display:flex}.benchmark-compare-card h3 i{background:#dc2626;border-radius:50%;width:7px;height:7px}.benchmark-compare-card.raw h3 i{background:#2563eb}.benchmark-primary-metric{letter-spacing:-.03em;margin-bottom:9px;font-size:30px;font-weight:760}.benchmark-primary-metric small{color:#64748b;letter-spacing:0;margin-top:-2px;font-size:12px;font-weight:500;display:block}.benchmark-submetrics{color:#64748b;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:4px 10px;font-size:12px;display:grid}.benchmark-submetrics b{color:#0f172a;font-size:12px;font-weight:650}.benchmark-stage-list{color:#64748b;border-top:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin-top:8px;padding-top:8px;font-size:11px;display:grid}.benchmark-stage-list b{color:#334155;font-size:12px;font-weight:650}.benchmark-stage-list>strong{color:#64748b;letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;margin-bottom:1px;font-size:10px;font-weight:700}.benchmark-section-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.benchmark-section-heading h3{margin:0;font-size:15px}.benchmark-section-heading>span{color:#64748b;font-size:12px}.benchmark-file-groups{grid-template-columns:1fr 1fr;gap:10px;display:grid}.benchmark-file-group{border:1px solid #e2e8f0;border-radius:10px;min-width:0;overflow:hidden}.benchmark-file-group>h4{background:#f1f5f9;justify-content:space-between;gap:8px;margin:0;padding:8px 10px;font-size:13px;display:flex}.benchmark-file-row{border-top:1px solid #f1f5f9;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;font-size:12px;display:grid}.benchmark-file-title{min-width:0;display:grid}.benchmark-file-title b{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.benchmark-file-title small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.benchmark-file-row>b{white-space:nowrap}.benchmark-file-row>span{color:#475569;white-space:nowrap}.benchmark-empty{color:#64748b;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;font-size:12px}.benchmark-history{border-top:1px solid #e2e8f0;padding-top:7px}.benchmark-history summary{color:#475569;cursor:pointer;font-size:12px;font-weight:650}.benchmark-history-scroll{max-height:150px;overflow:auto}.benchmark-table{border-collapse:collapse;text-align:left;width:100%;font:inherit}.benchmark-table th,.benchmark-table td{white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:5px 6px}.benchmark-table thead th{color:#64748b;font-size:12px}.benchmark-table tbody th{font-weight:600}.benchmark-notice{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.benchmark-error{color:#b91c1c;white-space:normal}@media (width<=600px){.map-comparison{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.map-card:first-child{border-bottom:1px solid #fff;border-right:0}.toolbar-button{min-height:32px;padding:0 9px;font-size:11px}.benchmark-panel{gap:8px;width:calc(100vw - 16px);max-height:62dvh;padding:11px;bottom:56px}.benchmark-panel-header h2{font-size:16px}.benchmark-file-groups{grid-template-columns:1fr;gap:7px}.benchmark-compare-grid{gap:6px}.benchmark-compare-card{padding:8px}.benchmark-submetrics{grid-template-columns:auto 1fr}.benchmark-primary-metric{font-size:24px}.benchmark-file-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;font-size:11px}.benchmark-file-title b{font-size:11px}.benchmark-file-title small,.benchmark-stage-list{font-size:10px}}
