lionscope 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE

@@ -0,0 +1,2 @@
+Lionscope
+Copyright 2026 risyadul

package/README.md

@@ -1,3 +1,27 @@
-# Temporary Holding Version
+# lionscope
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Lightweight Android profiler with a web dashboard. It shows CPU, memory, frame rendering and logcat for one app
+on a connected device, on a single shared time axis, without opening Android Studio.
+
+```bash
+npx lionscope
+# open http://localhost:8701, pick the device and the app, press Start
+```
+
+Requirements: Node.js ≥ 22.12, Android SDK platform-tools (`adb`), and a device or emulator with USB debugging
+on Android 7.0 (API 24) or newer. Everything listens on 127.0.0.1 only.
+
+```text
+Options:
+  --port <port>         Dashboard port (LIONSCOPE_PORT, default 8701)
+  --device-port <port>  In-app SDK gateway port (LIONSCOPE_DEVICE_PORT, default 8700)
+  --adb <path>          adb binary (LIONSCOPE_ADB; default: $ANDROID_HOME, the usual SDK location, then PATH)
+  -h, --help            Show this help
+  -v, --version         Print the version
+```
+
+Nothing needs to be installed on the device. For screen names and per-frame `FrameMetrics`, add the optional
+debug-only SDK to the app (`debugImplementation "com.github.risyadul.Lionscope:lionscope:0.1.1"` from JitPack).
+
+Documentation, the SDK and the source: <https://github.com/risyadul/Lionscope>. Licensed under the
+[Apache License 2.0](LICENSE); bundled third-party licenses are in `dist/THIRD_PARTY_NOTICES.txt`.

package/dashboard/assets/index-Bh_BvZH_.css

@@ -0,0 +1 @@
+@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"IBM Plex Sans", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-overline:.65625rem;--text-meta:.71875rem;--text-small:.78125rem;--text-body:.84375rem;--text-title:1rem;--text-readout:1.625rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-s:3px;--radius-m:5px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.22s;--plane:#eceef1;--surface:#fbfbfc;--surface-sunk:#f3f4f6;--surface-raised:#fff;--hover-wash:#1114180b;--active-wash:#11141814;--ink:#111418;--ink-2:#474e5a;--ink-muted:#5f6673;--ink-inverse:#fbfbfc;--rule:#e2e4e8;--rule-strong:#c4c8cf;--focus:#2a6fdb;--brand:#d7262f;--event:#6250d6;--event-wash:#6250d61a;--jank:#c26a00;--jank-text:#9a5200;--jank-wash:#c26a001a;--good:#0b7d32;--good-wash:#0b7d321a;--critical:#c42f2f;--critical-wash:#c42f2f14;--viz-cpu:#2a78d6;--viz-fps:#2a78d6;--viz-frametime:#2a78d6;--viz-framemax:#8b919c;--viz-mem-native:#1baf7a;--viz-mem-java:#2a78d6;--viz-mem-graphics:#e87ba4;--viz-mem-code:#008300;--viz-mem-other:#8b919c;--viz-mem-total:#111418;--viz-threshold:#5f6673;--viz-stage-input:#1c5cab;--viz-stage-animation:#2a78d6;--viz-stage-layout:#5598e7;--viz-stage-draw:#86b6ef;--viz-stage-sync:#4fb94a;--viz-stage-command:#2b9927;--viz-stage-swap:#007a00;--viz-stage-delay:#babfc7;--viz-stage-gpu:#e87ba4;--viz-screen-1:#2a78d6;--viz-screen-2:#e87ba4;--viz-screen-3:#008300;--viz-screen-wash:.06;--log-v:#5f6673;--log-d:#3f4752;--log-i:#1f6fbf;--log-w:#8f5a00;--log-e:#c42f2f;--log-f:#a3122b;--shadow-pop:0 1px 0 #1114180a, 0 14px 36px -10px #11141838}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--plane:#0b0d10;--surface:#13161b;--surface-sunk:#0f1216;--surface-raised:#1a1e24;--hover-wash:#e9ebee0d;--active-wash:#e9ebee17;--ink:#e9ebee;--ink-2:#b1b7c1;--ink-muted:#8a919c;--ink-inverse:#0b0d10;--rule:#232831;--rule-strong:#343a45;--focus:#6b9cf0;--brand:#f0434b;--event:#9085e9;--event-wash:#9085e924;--jank:#f0a420;--jank-text:#f3b23a;--jank-wash:#f0a4201f;--good:#3cc26a;--good-wash:#3cc26a1f;--critical:#f07070;--critical-wash:#f070701a;--viz-cpu:#3987e5;--viz-fps:#3987e5;--viz-frametime:#3987e5;--viz-framemax:#6f7682;--viz-mem-native:#199e70;--viz-mem-java:#3987e5;--viz-mem-graphics:#d55181;--viz-mem-code:#008300;--viz-mem-other:#6f7682;--viz-mem-total:#e9ebee;--viz-threshold:#8a919c;--viz-stage-input:#256abf;--viz-stage-animation:#3987e5;--viz-stage-layout:#6da7ec;--viz-stage-draw:#9ec5f4;--viz-stage-sync:#56c050;--viz-stage-command:#33a02e;--viz-stage-swap:green;--viz-stage-delay:#4a505b;--viz-stage-gpu:#d55181;--viz-screen-1:#3987e5;--viz-screen-2:#d55181;--viz-screen-3:#008300;--viz-screen-wash:.085;--log-v:#8a919c;--log-d:#c9ced6;--log-i:#6aa8f0;--log-w:#e8b04a;--log-e:#f07070;--log-f:#ff6b81;--shadow-pop:0 0 0 1px #e9ebee0f, 0 18px 40px -12px #000000b3}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plane);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.45}#root{min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}code,kbd{font-family:var(--font-mono);font-size:.95em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overline{font-size:var(--text-overline);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);font-size:var(--text-small);white-space:nowrap;transition:background-color var(--dur-fast) linear, border-color var(--dur-fast) linear, transform var(--dur-fast) var(--ease-out);font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover-wash);border-color:var(--ink-muted)}.btn:active:not(:disabled){background:var(--active-wash);transform:translateY(1px)}.btn:disabled{opacity:.45}.btn--primary{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse)}.btn--primary:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2)}.btn--icon{width:30px;padding:0}.btn svg{flex:none}.segmented{border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);display:inline-flex;overflow:hidden}.segmented>button{min-width:34px;height:26px;padding:0 var(--space-2);border:0;border-left:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ink-2);transition:background-color var(--dur-fast) linear, color var(--dur-fast) linear;background:0 0;font-weight:500}.segmented>button:first-child{border-left:0}.segmented>button:hover:not([aria-checked=true]):not([aria-pressed=true]){background:var(--hover-wash);color:var(--ink)}.segmented>button[aria-checked=true],.segmented>button[aria-pressed=true]{background:var(--ink);color:var(--ink-inverse)}.segmented>button:focus-visible{outline-offset:-2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logcat{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;container:logcat/inline-size}.logcat-head{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3);border-bottom:1px solid var(--rule);display:grid}.logcat-title-row{align-items:baseline;gap:var(--space-2);display:flex}.logcat-title{font-size:var(--text-small);letter-spacing:.01em;margin:0;font-weight:600}.logcat-pid{color:var(--ink-muted);font-size:var(--text-meta)}.logcat-count{color:var(--ink-2);font-size:var(--text-meta);margin-left:auto}.logcat-count-unit{color:var(--ink-muted)}.logcat-clear{height:24px;padding:0 var(--space-2);font-size:var(--text-meta);align-self:center}.logcat-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.level-filter>button:not([data-included]){color:var(--ink-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong)}.level-filter>button[data-included]:not([aria-checked=true]){background:var(--surface-sunk)}.logcat-search{min-width:0;color:var(--ink-muted);flex:160px;align-items:center;display:flex;position:relative}.logcat-search svg{pointer-events:none;position:absolute;left:9px}.logcat-search input{width:100%;height:28px;padding:0 var(--space-2) 0 28px;border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface-sunk);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);transition:border-color var(--dur-fast) linear, background-color var(--dur-fast) linear}.logcat-search input::placeholder{color:var(--ink-muted)}.logcat-search input:hover{border-color:var(--ink-muted)}.logcat-search input:focus-visible{border-color:var(--focus);background:var(--surface);outline-offset:0}.logcat-body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.logcat-list{min-height:0;padding:var(--space-1) 0;overscroll-behavior:contain;font-family:var(--font-mono);font-size:var(--text-meta);scrollbar-color:var(--rule-strong) transparent;flex:auto;margin:0;line-height:1.5;list-style:none;overflow-y:auto}.log-row{padding:1px var(--space-4) 1px calc(var(--space-4) - 2px);border-left:2px solid #0000;grid-template-columns:12.5ch 1.5ch minmax(0,15ch) minmax(0,1fr);column-gap:1.25ch;display:grid}.log-row:hover{background:var(--hover-wash)}.log-time{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.log-level{text-align:center;font-weight:600}.log-tag{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-msg{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.log-row mark{background:var(--event-wash);box-shadow:0 0 0 1px var(--event-wash);color:inherit;border-radius:2px}.log-row[data-level=V] .log-level{color:var(--log-v)}.log-row[data-level=V] .log-msg{color:var(--ink-2)}.log-row[data-level=D] .log-level{color:var(--log-d)}.log-row[data-level=I] .log-level{color:var(--log-i)}.log-row[data-level=W]{border-left-color:var(--jank);background:var(--jank-wash)}.log-row[data-level=W] .log-level{color:var(--log-w)}.log-row[data-level=E],.log-row[data-level=F]{border-left-color:var(--critical);background:var(--critical-wash)}.log-row[data-level=E] .log-level{color:var(--log-e)}.log-row[data-level=F] .log-level{color:var(--log-f)}.log-row[data-level=F] .log-msg{font-weight:500}.logcat-empty{padding:var(--space-5);color:var(--ink-muted);font-size:var(--text-small);text-align:center;flex:1;place-content:center;display:grid}.logcat-empty p{max-width:32ch;margin:0}.logcat-empty-title{color:var(--ink-2);font-weight:600;margin-bottom:var(--space-1)!important}.jump-latest{bottom:var(--space-3);height:28px;padding:0 var(--space-3);border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);box-shadow:var(--shadow-pop);color:var(--ink-inverse);font-size:var(--text-meta);animation:jump-in var(--dur) var(--ease-out) both;align-items:center;gap:6px;font-weight:500;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.jump-latest:hover{background:var(--ink-2)}.jump-count{border-left:1px solid color-mix(in srgb, var(--ink-inverse) 35%, transparent);padding-left:6px}@keyframes jump-in{0%{opacity:0;transform:translate(-50%,6px)}}@container logcat (width<=560px){.log-row{grid-template-columns:12.5ch 1.5ch minmax(0,1fr);padding-block:2px}.log-msg{grid-column:2/-1}}.screens{background:var(--surface);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;container:screens/inline-size}.screens-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.screens-scope{align-items:baseline;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-meta);margin:0;display:inline-flex}.screens-filter{max-width:100%;height:26px;padding:0 var(--space-2);border-color:var(--ink);font-size:var(--text-meta)}.screens-filter-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.screens-filter-hint{color:var(--ink-muted)}.screens-body{flex:auto;min-height:0;overflow:auto}.screens-table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.screens-table thead th{z-index:1;border-bottom:1px solid var(--rule-strong);background:var(--surface);color:var(--ink-muted);font-size:var(--text-overline);letter-spacing:.06em;text-align:right;text-transform:uppercase;white-space:nowrap;padding:0;font-weight:600;position:sticky;top:0}.screens-table thead th[data-col=name],.screens-table thead th[data-col=dominant]{text-align:left}.screens-table thead th[data-col=dominant]>span{padding:8px var(--space-4) 7px var(--space-2);display:inline-block}.sort-btn{padding:8px var(--space-2) 7px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color var(--dur-fast) linear;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}th[data-col=name] .sort-btn{padding-left:var(--space-4)}.sort-btn:hover{color:var(--ink)}.sort-btn svg{opacity:0;transition:opacity var(--dur-fast) linear, transform var(--dur) var(--ease-out)}th[aria-sort] .sort-btn{color:var(--ink)}th[aria-sort] .sort-btn svg{opacity:1}th[aria-sort=ascending] .sort-btn svg{transform:rotate(180deg)}.screens-table tbody tr{border-bottom:1px solid var(--rule);cursor:pointer;transition:background-color var(--dur-fast) linear}.screens-table tbody tr:hover{background:var(--hover-wash)}.screens-table tbody tr[data-selected]{background:var(--active-wash);box-shadow:inset 2px 0 0 var(--ink)}.screens-table tbody th,.screens-table td{padding:7px var(--space-2);text-align:right;vertical-align:middle;white-space:nowrap;font-weight:400}.screens-table tbody th{width:40%;max-width:0;padding-left:var(--space-4);text-align:left}.screens-table td.mono{font-size:var(--text-meta)}.screen-cell{max-width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-weight:500;display:inline-flex}.screen-cell[data-none]{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-meta)}.screen-cell-name{text-overflow:ellipsis;overflow:hidden}.screen-cell:focus-visible{outline-offset:3px}td[data-col=jankPercent]{min-width:64px}.jank-value[data-flag]{color:var(--jank-text);font-weight:600}.jank-meter{background:var(--rule);border-radius:2px;height:3px;margin-top:3px;display:block;overflow:hidden}.jank-meter>span{background:var(--jank);transform-origin:0;height:100%;transition:transform var(--dur) var(--ease-out);border-radius:2px;display:block}.p90-worst{color:var(--ink-muted);font-size:var(--text-overline);margin-top:2px;display:block}td[data-col=dominant]{padding-right:var(--space-4);text-align:left}.dominant{font-size:var(--text-meta);align-items:center;gap:6px;display:inline-flex}.dominant-name{color:var(--ink-2)}.stage-profile{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);animation:profile-in var(--dur) var(--ease-out) both;margin:0;display:grid}@keyframes profile-in{0%{opacity:0;transform:translateY(3px)}}.stage-bar{gap:2px;height:10px;display:flex}.stage-seg{background:var(--key,var(--ink-muted));border-radius:2px;min-width:2px}.stage-list{font-size:var(--text-meta);gap:3px;margin:0;padding:0;list-style:none;display:grid}.stage-list li{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto 4ch;display:grid}.stage-name{color:var(--ink-2)}.stage-share{color:var(--ink-muted);text-align:right}.screens-note{padding:var(--space-3) var(--space-4);color:var(--ink-2);font-size:var(--text-small);margin:0}.screens-empty{gap:var(--space-2);max-width:560px;padding:var(--space-5) var(--space-4);color:var(--ink-2);font-size:var(--text-small);grid-template-columns:minmax(0,1fr);display:grid}.screens-empty p{margin:0}.screens-empty-title{color:var(--ink);font-size:var(--text-body);font-weight:600}.screens-empty[data-tone=critical] .screens-empty-title{color:var(--log-e)}.screens-empty-detail{padding:var(--space-2) var(--space-3);border-left:2px solid var(--critical);border-radius:var(--radius-s);background:var(--critical-wash);color:var(--ink);font-size:var(--text-meta);overflow-wrap:anywhere}.screens-empty .screens-empty-note{color:var(--ink-muted);font-size:var(--text-meta)}.screens-snippet{margin:var(--space-1) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--surface-sunk);color:var(--ink);font-size:var(--text-meta);line-height:1.55;overflow-x:auto}@container screens (width<=560px){.screens-table [data-col=slowPercent]{display:none}}@container screens (width<=440px){.screens-table [data-col=typicalP90Ms]{display:none}}.side{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.side-tabs{gap:var(--space-1);padding:0 var(--space-3);border-bottom:1px solid var(--rule);background:var(--surface);flex:none;display:flex}.side-tab{height:36px;padding:0 var(--space-2);color:var(--ink-muted);font-size:var(--text-small);letter-spacing:.01em;transition:color var(--dur-fast) linear;background:0 0;border:0;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative}.side-tab:after{right:var(--space-2);bottom:-1px;left:var(--space-2);background:var(--ink);content:"";height:2px;transition:transform var(--dur) var(--ease-out);border-radius:1px;position:absolute;transform:scaleX(0)}.side-tab:hover,.side-tab[aria-selected=true]{color:var(--ink)}.side-tab[aria-selected=true]:after{transform:scaleX(1)}.side-tab:focus-visible{outline-offset:-2px}.side-tab-count{border-radius:var(--radius-pill);background:var(--surface-sunk);min-width:18px;box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2);font-size:var(--text-overline);text-align:center;padding:0 5px;font-weight:500;line-height:16px}.side-panel{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.side-panel:focus-visible{outline-offset:-2px}.side-panel[hidden]{display:none}.side-panel>.logcat{flex:auto}.stat-strip{border-bottom:1px solid var(--rule)}.readouts{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid}.readout{min-width:0;padding:10px var(--space-4) 9px;border-right:1px solid var(--rule)}.readout:last-child{border-right:0}.readout .overline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.readout-body{align-items:baseline;gap:2px var(--space-2);flex-wrap:wrap;margin:2px 0 0;display:flex}.readout-value{font-size:var(--text-readout);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;line-height:1.05}.readout[data-empty] .readout-value{color:var(--ink-muted);font-weight:400}.readout-note{color:var(--ink-2);font-size:var(--text-body);white-space:nowrap;align-self:center;margin:5px 0 4px;font-weight:500}.readout[title]{cursor:help}.readout-unit{color:var(--ink-muted);font-size:var(--text-small);letter-spacing:0;margin-left:3px;font-weight:400}.readout-detail{text-overflow:ellipsis;color:var(--ink-muted);font-size:var(--text-meta);white-space:nowrap;flex-basis:100%;margin-top:1px;overflow:hidden}.readout-flag{border-radius:var(--radius-s);background:var(--jank-wash);height:18px;color:var(--jank-text);font-size:var(--text-overline);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:flag-in var(--dur) var(--ease-out) both;align-items:center;gap:4px;padding:0 6px;font-weight:600;display:inline-flex}.readout-flag svg{color:var(--jank)}@keyframes flag-in{0%{opacity:0;transform:scale(.92)}}.cursor-readout{margin-right:var(--space-2);font-size:var(--text-small);white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.live-btn{border-color:var(--ink)}.live-dot{background:var(--good);border-radius:50%;width:7px;height:7px}@media (width<=1400px){.readout{padding-inline:var(--space-3)}.readout-value{font-size:1.375rem}}@media (width<=760px){.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.readout{border-bottom:1px solid var(--rule)}.readout:nth-child(3n){border-right:0}.readout:nth-child(n+4){border-bottom:0}}@media (width<=420px){.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.readout:nth-child(3n){border-right:1px solid var(--rule)}.readout:nth-child(2n){border-right:0}.readout:nth-child(n+4){border-bottom:1px solid var(--rule)}.readout:nth-child(n+5){border-bottom:0}}.empty-state{max-width:440px;padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-pop);color:var(--ink-2);font-size:var(--text-body);position:relative}.empty-state:before{border-radius:var(--radius-m) 0 0 var(--radius-m);background:var(--ink);content:"";width:3px;position:absolute;inset:-1px auto -1px -1px}.empty-state[data-tone=critical]:before{background:var(--critical)}.empty-state p{margin:0 0 var(--space-2)}.empty-state .overline{margin-bottom:var(--space-1)}.empty-title{margin:0 0 var(--space-3);color:var(--ink);font-size:var(--text-title);letter-spacing:-.005em;font-weight:600}.empty-code{margin:var(--space-2) 0 var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--surface-sunk);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-small)}.empty-state code{border-radius:var(--radius-s);background:var(--surface-sunk);color:var(--ink);padding:1px 4px}.empty-steps{gap:var(--space-2);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.empty-steps li{gap:var(--space-2);counter-increment:step;grid-template-columns:20px 1fr;display:grid}.empty-steps li:before{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-small);content:counter(step, decimal-leading-zero)}.empty-devices{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.empty-devices li{padding-left:var(--space-3);border-left:2px solid var(--jank);gap:2px;display:grid}.empty-devices .mono{color:var(--ink);font-size:var(--text-small)}.empty-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:var(--critical-wash);color:var(--log-e);font-size:var(--text-small);overflow-wrap:anywhere}.timeline-overlay{background-color:color-mix(in srgb, var(--surface) 82%, transparent);background-image:radial-gradient(circle, var(--rule-strong) 1px, transparent 1.2px);background-size:16px 16px}.banner{align-items:center;gap:var(--space-1) var(--space-2);padding:7px var(--space-4);border-bottom:1px solid var(--rule);background:var(--surface);font-size:var(--text-small);animation:banner-in var(--dur) var(--ease-out) both;flex-wrap:wrap;display:flex}.banner[data-tone=critical]{border-bottom-color:color-mix(in srgb, var(--critical) 35%, var(--rule));background:color-mix(in srgb, var(--critical) 7%, var(--surface))}.banner[data-tone=quiet]{color:var(--ink-2)}.banner code{font-size:var(--text-meta)}.banner-meta{color:var(--ink-muted);font-size:var(--text-meta)}.banner-hint{color:var(--ink-2)}.banner-dot{background:var(--critical);border-radius:50%;width:8px;height:8px}.banner-spinner{border:1.5px solid var(--rule-strong);border-top-color:var(--ink);border-radius:50%;width:10px;height:10px;animation:.9s linear infinite spin}.banner-close{border-radius:var(--radius-s);width:24px;height:24px;color:var(--ink-2);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.banner-close:hover{background:var(--hover-wash);color:var(--ink)}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}.crash{min-height:100dvh;padding:var(--space-5) var(--space-4);place-items:center;display:grid}.crash-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.lane.lane--screens{z-index:4;flex:none;height:auto;min-height:0;position:relative}.lane.lane--screens .lane-head{padding-bottom:2px}.screen-readout{min-width:0;font-size:var(--text-meta);white-space:nowrap;align-items:center;gap:6px;margin:0;display:inline-flex}.screen-readout-name{color:var(--ink);text-overflow:ellipsis;font-weight:500;overflow:hidden}.screen-readout[data-at-cursor] .legend-value{background:var(--hover-wash)}.screen-swatch{background:var(--band,var(--ink-muted));border-radius:2px;flex:none;width:9px;height:9px;display:inline-block}.screen-swatch[data-bg]{background:repeating-linear-gradient(135deg, var(--ink-muted) 0 1px, transparent 1px 3px);box-shadow:inset 0 0 0 1px var(--rule-strong)}[data-color=screen1]{--band:var(--viz-screen-1)}[data-color=screen2]{--band:var(--viz-screen-2)}[data-color=screen3]{--band:var(--viz-screen-3)}.screen-clear{max-width:220px;font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.screen-clear-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.screen-clear svg{opacity:.7;flex:none}.screen-view-link{border-radius:var(--radius-s);color:var(--ink-2);font-size:var(--text-meta);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:3px;white-space:nowrap;transition:color var(--dur-fast) linear, text-decoration-color var(--dur-fast) linear;background:0 0;border:0;align-self:center;align-items:center;gap:4px;padding:0 2px;font-weight:500;display:inline-flex}.screen-view-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.screen-view-link svg{transition:transform var(--dur) var(--ease-out)}.screen-view-link:hover svg{transform:translate(2px)}.screen-track-host{height:30px;position:relative}.screen-track{position:absolute;top:3px;bottom:5px}.screen-track:before{border-radius:var(--radius-s);background:var(--surface-sunk);content:"";position:absolute;inset:0}.screen-track-empty{padding-left:var(--space-2);color:var(--ink-muted);font-size:var(--text-meta);align-items:center;display:flex;position:absolute;inset:0}.screen-band{border:0;border-right:2px solid var(--surface);background:color-mix(in srgb, var(--band,var(--ink-muted)) 17%, var(--surface));min-width:3px;box-shadow:inset 2px 0 0 var(--band,var(--ink-muted));color:var(--ink);font-family:var(--font-sans);font-size:var(--text-meta);text-align:left;white-space:nowrap;transition:background-color var(--dur-fast) linear, opacity var(--dur-fast) linear;background-clip:padding-box;border-radius:2px;align-items:center;margin:0;padding:0;font-weight:500;line-height:1;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.screen-band[data-labelled]{padding:0 6px 0 7px}.screen-band-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.screen-band[data-cluster]{background:repeating-linear-gradient(90deg, var(--ink-muted) 0 1px, transparent 1px 3px);box-shadow:none;opacity:.55;background-clip:padding-box}button.screen-band:hover{background-color:color-mix(in srgb, var(--band) 28%, var(--surface))}button.screen-band:focus-visible{z-index:2;outline-offset:0}.screen-band[data-open]{border-right:0;border-radius:2px 0 0 2px}.screen-band[data-selected]{z-index:1;background-color:color-mix(in srgb, var(--band) 34%, var(--surface));box-shadow:inset 3px 0 0 var(--band), inset 0 0 0 1px var(--band);font-weight:600}.screen-track[data-has-selection] .screen-band:not([data-selected]){opacity:.5}.screen-track[data-has-selection] .screen-band:not([data-selected]):hover{opacity:.85}.screen-band[data-bg]{background:repeating-linear-gradient(135deg, var(--rule-strong) 0 1px, color-mix(in srgb, var(--surface-sunk) 70%, var(--surface)) 1px 6px);box-shadow:none;color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-overline);letter-spacing:.04em;text-transform:uppercase;background-clip:padding-box;font-weight:500}.screen-track-cursor,.screen-track-probe{z-index:3;opacity:0;pointer-events:none;width:0;position:absolute;top:-3px;bottom:-5px;left:0}.screen-track-cursor{border-left:1px solid var(--ink-muted)}.screen-track-probe{border-left:1px solid var(--ink);transition:opacity var(--dur-fast) linear}.screen-tip{z-index:20;border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface-raised);width:260px;box-shadow:var(--shadow-pop);pointer-events:none;animation:tip-in .14s var(--ease-out) both;padding:8px 10px 9px;position:absolute;top:calc(100% + 8px);transform:translate(-50%)}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,-2px)}}.screen-tip p{margin:0}.screen-tip-title{align-items:center;gap:6px;min-width:0;display:flex}.screen-tip-name{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.screen-tip-kind{border:1px solid var(--rule-strong);border-radius:var(--radius-s);color:var(--ink-2);font-size:var(--text-overline);letter-spacing:.04em;text-transform:uppercase;flex:none;margin-left:auto;padding:1px 5px;font-weight:600}.screen-tip .screen-tip-class{color:var(--ink-2);font-size:var(--text-meta);overflow-wrap:anywhere;margin-top:4px}.screen-tip .screen-tip-time{justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--rule);color:var(--ink);font-size:var(--text-meta);margin-top:6px;padding-top:6px;display:flex}.screen-tip-time span{color:var(--ink-muted)}@media (forced-colors:active){.screen-band{border:1px solid canvastext}.screen-band[data-selected]{outline:2px solid highlight}}.timeline{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.timeline-toolbar{z-index:3;align-items:center;gap:var(--space-2);min-height:40px;padding:5px var(--space-4);border-bottom:1px solid var(--rule);background:var(--surface);flex-wrap:wrap;display:flex;position:relative}.timeline-toolbar>.overline{margin-right:auto}.timeline-lanes{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.timeline-lanes[data-dense] .lane:not(.lane--screens){min-height:108px}.timeline-lanes[data-dense] .lane-plot{min-height:68px}.lane{border-top:1px solid var(--rule);min-height:136px;animation:lane-in .42s var(--ease-out) both;flex-direction:column;flex:1 1 0;margin:0;display:flex}.lane:first-child{border-top:0}.lane:nth-child(2){animation-delay:40ms}.lane:nth-child(3){animation-delay:80ms}.lane:nth-child(4){animation-delay:.12s}.lane:nth-child(n+5){animation-delay:.16s}@keyframes lane-in{0%{opacity:0;transform:translateY(4px)}}.lane-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-4) 0;flex-wrap:wrap;display:flex}.lane-name{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.lane-title{font-size:var(--text-small);letter-spacing:.01em;margin:0;font-weight:600}.lane-unit{color:var(--ink-muted);font-size:var(--text-meta);white-space:nowrap}.lane-hint{width:18px;height:18px;color:var(--ink-muted);cursor:help;border-radius:50%;align-self:center;place-items:center;display:inline-grid}.lane-hint:hover,.lane-hint:focus-visible{color:var(--ink);background:var(--hover-wash)}.lane-toggle{border:1px solid var(--rule-strong);border-radius:var(--radius-s);height:20px;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-overline);transition:background-color var(--dur-fast) linear, color var(--dur-fast) linear;background:0 0;align-self:center;padding:0 7px;font-weight:500}.lane-toggle:hover{background:var(--hover-wash);color:var(--ink)}.lane-toggle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--ink-inverse)}.lane-legend{gap:2px var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legend-item{font-size:var(--text-meta);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-label{color:var(--ink-muted)}.legend-value{border-radius:var(--radius-s);min-width:3.5ch;color:var(--ink);font-size:var(--text-meta);text-align:right;transition:background-color var(--dur-fast) linear;padding:0 3px;font-weight:500}.lane-legend[data-at-cursor] .legend-value{background:var(--hover-wash)}.legend-key{background:var(--key,var(--ink));border-radius:1px;flex:none;width:14px;height:2px;display:inline-block}.legend-key[data-key=thin]{height:1px}.legend-key[data-key=area]{border-radius:2px;width:9px;height:9px}.legend-key[data-key=bar]{border-radius:2px 2px 0 0;width:4px;height:10px}.legend-key[data-tint]{background:color-mix(in srgb, var(--key,var(--ink)) 45%, var(--surface))}.legend-key[data-color=cpu]{--key:var(--viz-cpu)}.legend-key[data-color=fps]{--key:var(--viz-fps)}.legend-key[data-color=jank]{--key:var(--jank)}.legend-key[data-color=frameTime]{--key:var(--viz-frametime)}.legend-key[data-color=frameMax]{--key:var(--viz-framemax)}.legend-key[data-color=memNative]{--key:var(--viz-mem-native)}.legend-key[data-color=memJava]{--key:var(--viz-mem-java)}.legend-key[data-color=memGraphics]{--key:var(--viz-mem-graphics)}.legend-key[data-color=memCode]{--key:var(--viz-mem-code)}.legend-key[data-color=memOther]{--key:var(--viz-mem-other)}.legend-key[data-color=memTotal]{--key:var(--viz-mem-total)}.legend-key[data-color=ink]{--key:var(--ink)}[data-color=stageInput]{--key:var(--viz-stage-input)}[data-color=stageAnimation]{--key:var(--viz-stage-animation)}[data-color=stageLayout]{--key:var(--viz-stage-layout)}[data-color=stageDraw]{--key:var(--viz-stage-draw)}[data-color=stageSync]{--key:var(--viz-stage-sync)}[data-color=stageCommand]{--key:var(--viz-stage-command)}[data-color=stageSwap]{--key:var(--viz-stage-swap)}[data-color=stageDelay]{--key:var(--viz-stage-delay)}[data-color=stageGpu]{--key:var(--viz-stage-gpu)}.legend-item[data-emphasis] .legend-label{color:var(--ink);font-weight:600}.legend-item[data-emphasis] .legend-value{box-shadow:inset 0 0 0 1px var(--rule-strong);font-weight:600}.legend-item[title]{cursor:help}.source-tag{border:1px solid var(--rule-strong);border-radius:var(--radius-s);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-overline);white-space:nowrap;align-self:center;padding:1px 6px;font-weight:500}.source-tag[data-source=sdk]{border-color:color-mix(in srgb, var(--good) 45%, var(--rule-strong));background:var(--good-wash);color:var(--ink)}.source-tag[data-idle]{color:var(--ink-2);cursor:help;background:0 0;border-style:dashed}.lane-plot{flex:auto;min-height:92px;position:relative;overflow:hidden}.lane-plot>.uplot{width:100%;font-family:var(--font-mono);position:absolute;inset:0}.lane-plot .u-hz .u-cursor-x{border-right:1px solid var(--ink-muted)}.lane-plot .u-cursor-pt{box-shadow:0 0 0 1px var(--rule-strong)}.lane-probe{border-left:1px solid var(--ink);opacity:0;pointer-events:none;width:0;transition:opacity var(--dur-fast) linear;position:absolute;top:0;bottom:0;left:0}.lane-probe:before{background:var(--ink);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);content:"";border-radius:50%;position:absolute;top:0;left:-4px}.timeline-notice{align-items:center;gap:var(--space-2);padding:6px var(--space-4);border-bottom:1px solid var(--rule);background:var(--surface-sunk);color:var(--ink-2);font-size:var(--text-small);display:flex}.timeline-overlay{z-index:2;padding:var(--space-5);animation:overlay-in var(--dur) var(--ease-out) both;place-items:center;display:grid;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}}@media (width<=1024px){.lane{flex:none;height:210px}}@media (width<=640px){.lane{height:184px}.lane-head{padding-inline:var(--space-3)}}.topbar{z-index:10;align-items:flex-end;gap:var(--space-5);padding:10px var(--space-4) 10px;border-bottom:1px solid var(--rule-strong);background:var(--plane);display:flex;position:relative}.topbar-brand{flex-direction:column;flex:none;align-self:center;gap:1px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.brand-mark{flex:none}.brand-dot{fill:var(--brand)}.brand-word{font-size:var(--text-title);letter-spacing:-.015em;font-weight:600;line-height:1}.brand-word span{color:var(--ink-2);font-weight:400}.topbar-version{color:var(--ink-muted);font-size:var(--text-overline);letter-spacing:.02em;padding-left:30px}.topbar-controls{align-items:flex-end;gap:var(--space-2) var(--space-3);min-width:0;padding-left:var(--space-5);border-left:1px solid var(--rule-strong);flex-wrap:wrap;flex:auto;display:flex}.field{gap:3px;min-width:0;display:grid}.field--grow{flex:260px;max-width:440px}.field-row{gap:var(--space-1);display:flex}.select-wrap,.combo{min-width:0;position:relative}.select-wrap{flex:auto}.select,.combo-input{border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);width:100%;height:30px;color:var(--ink);font-size:var(--text-small);text-overflow:ellipsis;transition:border-color var(--dur-fast) linear;padding:0 28px 0 10px}.select{appearance:none;cursor:pointer;width:300px;max-width:100%}.select:hover:not(:disabled),.combo-input:hover:not(:disabled){border-color:var(--ink-muted)}.select:disabled,.combo-input:disabled{background:var(--surface-sunk);color:var(--ink-2);cursor:not-allowed}.combo-input::placeholder{color:var(--ink-muted);font-family:var(--font-sans)}.combo[data-open] .combo-input{border-color:var(--focus);outline:none}.select-chevron{color:var(--ink-muted);pointer-events:none;transition:transform var(--dur) var(--ease-out);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.combo[data-open] .select-chevron{transform:translateY(-50%)rotate(180deg)}.combo-pop{z-index:30;border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface-raised);width:max(100%,380px);max-width:calc(100vw - 32px);max-height:min(420px,60vh);box-shadow:var(--shadow-pop);transform-origin:0 0;animation:pop-in .16s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)scale(.99)}}.combo-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);display:flex}.check{font-size:var(--text-small);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.check input{width:14px;height:14px;accent-color:var(--ink);margin:0}.combo-status{color:var(--ink-muted);font-size:var(--text-meta);white-space:nowrap}.combo-list{padding:var(--space-1);flex:auto;margin:0;list-style:none;overflow-y:auto}.combo-option{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-s);cursor:pointer;display:flex}.combo-option[aria-selected=true]{background:var(--active-wash)}.combo-option[data-current]{box-shadow:inset 2px 0 0 var(--ink)}.combo-option[data-kind=reveal]{color:var(--ink-2);font-size:var(--text-small)}.combo-option[data-kind=reveal] .combo-name:before{color:var(--ink-muted);content:"+";margin-right:6px}.combo-note{padding:6px var(--space-3);border-bottom:1px solid var(--rule);background:var(--surface-sunk);color:var(--ink-2);font-size:var(--text-meta);margin:0}.combo-note--foot{border-top:1px solid var(--rule);border-bottom:0}.combo-kbd{border:1px solid var(--rule-strong);border-radius:var(--radius-s);color:var(--ink-muted);font-size:var(--text-overline);padding:0 4px}.combo-name{min-width:0;font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.combo-name mark{background:var(--event-wash);color:inherit;border-radius:2px}.combo-empty{padding:var(--space-3) var(--space-2);color:var(--ink-muted);font-size:var(--text-small)}.pid-badge{border-radius:var(--radius-s);background:var(--good-wash);color:var(--good);font-size:var(--text-overline);flex:none;padding:1px 6px;font-weight:600}.sys-badge{color:var(--ink-muted);font-size:var(--text-overline);letter-spacing:.04em;text-transform:uppercase;flex:none}.topbar-session{align-items:center;gap:var(--space-3);min-width:0;display:flex}.session-btn{min-width:84px}.session-btn--stop{border-color:var(--ink);font-weight:600}.status-pill{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);min-width:0;max-width:360px;height:26px;color:var(--ink-2);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.status-dot{background:var(--ink-muted);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.status-meta{color:var(--ink-muted);font-size:var(--text-meta);font-weight:400}.status-meta:before{color:var(--rule-strong);content:"·";margin-right:6px}.status-error{font-family:var(--font-sans);text-overflow:ellipsis;overflow:hidden}.status-pill[data-status=running]{border-color:color-mix(in srgb, var(--good) 45%, var(--rule-strong));color:var(--ink)}.status-pill[data-status=running] .status-dot{background:var(--good)}.status-pill[data-status=running] .status-dot:after,.status-pill[data-status=waiting] .status-dot:after{content:"";animation:pulse 1.6s var(--ease-out) infinite;border:1.5px solid;border-radius:50%;position:absolute;inset:-3px}.status-pill[data-status=running] .status-dot:after{color:var(--good)}.status-pill[data-status=waiting]{color:var(--ink)}.status-pill[data-status=waiting] .status-dot{background:var(--ink-2)}.status-pill[data-status=waiting] .status-dot:after{color:var(--ink-2)}.status-pill[data-status=error]{border-color:color-mix(in srgb, var(--critical) 50%, var(--rule-strong));background:var(--critical-wash);color:var(--log-e)}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.status-dot:after{display:none}}.sdk-status{position:relative}.sdk-pill{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);height:26px;color:var(--ink-2);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.sdk-dot{background:var(--ink-muted);border-radius:2px;flex:none;width:7px;height:7px}.sdk-pill[data-state=connected]{color:var(--ink)}.sdk-pill[data-state=connected] .sdk-dot{background:var(--good)}.sdk-meta{color:var(--ink-muted);font-size:var(--text-meta);font-weight:400}.sdk-meta:before{color:var(--rule-strong);content:"·";margin:0 5px}.sdk-pill[data-state=disconnected] .sdk-dot{box-shadow:inset 0 0 0 1.5px var(--ink-muted);background:0 0}button.sdk-pill{transition:background-color var(--dur-fast) linear, border-color var(--dur-fast) linear;border-style:dashed}button.sdk-pill:hover,button.sdk-pill[aria-expanded=true]{border-color:var(--ink-muted);background:var(--hover-wash);color:var(--ink)}button.sdk-pill .sdk-dot{box-shadow:inset 0 0 0 1.5px var(--ink-muted);background:0 0}.sdk-pop{z-index:30;gap:var(--space-2);width:540px;max-width:calc(100vw - 32px);padding:var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface-raised);box-shadow:var(--shadow-pop);transform-origin:100% 0;animation:pop-in .16s var(--ease-out) both;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;top:calc(100% + 6px);right:0}@media (width<=640px){.sdk-pop{transform-origin:0 0;left:0;right:auto}}button.sdk-pill[data-state=failed]{border-style:solid;border-color:color-mix(in srgb, var(--critical) 50%, var(--rule-strong));background:var(--critical-wash);color:var(--log-e)}button.sdk-pill[data-state=failed] .sdk-dot{background:var(--critical);box-shadow:none}.sdk-pop:focus-visible{outline-offset:0}.sdk-pop-error{padding:var(--space-2) var(--space-3);border-left:2px solid var(--critical);border-radius:var(--radius-s);background:var(--critical-wash);color:var(--ink);font-size:var(--text-meta);overflow-wrap:anywhere;margin:0}.sdk-pop-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sdk-pop-title{font-size:var(--text-small);margin:0;font-weight:600}.sdk-pop-close{border-color:#0000;width:24px;height:24px}.sdk-pop-text{color:var(--ink-2);font-size:var(--text-meta);margin:0;line-height:1.5}.sdk-snippet{border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--surface-sunk);position:relative}.sdk-snippet pre{padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--text-meta);margin:0;line-height:1.55;overflow-x:auto}.sdk-snippet-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:4px 4px 4px var(--space-3);border-bottom:1px solid var(--rule);display:flex}.sdk-copy{height:24px;padding:0 var(--space-2);font-size:var(--text-meta)}.topbar-link{color:var(--ink-muted);font-size:var(--text-meta);flex:none;align-self:center;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.link-dot{background:var(--good);border-radius:50%;width:6px;height:6px}.topbar-link:not([data-state=open]) .link-dot{background:var(--critical)}@media (width<=1180px){.topbar{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap}.topbar-controls{border-left:0;flex-basis:100%;order:3;padding-left:0}}@media (width<=640px){.field,.field--grow{flex:100%;max-width:none}.select{width:100%}.topbar-session{flex-wrap:wrap;flex:100%}.status-pill{max-width:100%}}.app{flex-direction:column;min-width:0;height:100dvh;display:flex}.banners:empty{display:none}.workspace{background:var(--rule-strong);flex:auto;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:1px;min-height:0;display:grid}.instrument{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.timeline-notice{margin:0}@media (width<=1024px){.app{height:auto;min-height:100dvh}.workspace{grid-template-columns:minmax(0,1fr)}.side{height:min(72vh,680px)}}