.dbg{--dbg-bg: #16171a;--dbg-ink: #e8e8ea;--dbg-muted: #9a9ba1;--dbg-line: #2c2d33;--dbg-accent: #7a5fd9}.dbg{position:fixed;top:12px;right:12px;z-index:2147482000;box-sizing:border-box;width:240px;max-width:calc(100vw - 24px);padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--dbg-ink) 5%,var(--dbg-bg));border:1px solid var(--dbg-line);border-radius:10px;box-shadow:0 12px 28px -12px #000000b3;color:var(--dbg-muted);font:500 12px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}.dbg[hidden]{display:none}.dbg-head{display:flex;align-items:center;height:32px;margin:0 -4px 0 0}.dbg-title{flex:1;color:var(--dbg-ink);font-weight:600}.dbg-x{appearance:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dbg-muted);cursor:pointer}.dbg-x:hover{color:var(--dbg-ink);background:color-mix(in srgb,var(--dbg-ink) 8%,transparent)}.dbg-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dbg-sec{display:flex;flex-direction:column;gap:8px;margin:0}.dbg-sec-name{margin:0;color:var(--dbg-muted);font:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dbg-note{margin:-4px 0 2px;font-weight:400}.dbg-row{display:flex;align-items:center;gap:8px;min-height:22px;color:var(--dbg-ink);cursor:pointer}.dbg-row-name{flex:1}.dbg-key{box-sizing:border-box;height:18px;padding:0 5px;border:1px solid var(--dbg-line);border-radius:5px;display:inline-grid;place-items:center;color:var(--dbg-muted);font:500 10.5px/1 -apple-system,BlinkMacSystemFont,sans-serif}.dbg-row input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.dbg-track{position:relative;flex:none;width:28px;height:16px;border-radius:999px;background:var(--dbg-line);transition:background-color .12s}.dbg-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dbg-ink);transition:transform .12s}.dbg-row input:checked+.dbg-track{background:var(--dbg-accent)}.dbg-row input:checked+.dbg-track:after{transform:translate(12px)}.dbg-row input:focus-visible+.dbg-track{outline:2px solid var(--dbg-accent);outline-offset:2px}[data-debug~=o] body *:not(svg):not(svg *):not([data-debug-layer]):not([data-debug-layer] *){outline:1px solid rgba(255,0,0,.45)!important;outline-offset:-.5px!important}[data-debug~=t] body :is([title]:not([title=""]),[data-tip]:not([data-tip=""])):not([data-debug-layer] *){box-shadow:0 0 0 2px #f5b83d,inset 0 0 0 999px #f5b83d24!important}[data-debug-layer=measure]{--m-margin: rgba(246, 178, 107, .55);--m-border: rgba(255, 229, 153, .6);--m-padding: rgba(147, 196, 125, .55);--m-content: rgba(111, 168, 220, .45);--m-margin-ink: #f6b26b;--m-border-ink: #ffe599;--m-padding-ink: #93c47d;--m-content-ink: #6fa8dc;--m-gap-ink: #b67cff;--m-pos-ink: #e8e8ea;--m-num-text: #16171a}[data-debug-layer=measure]{position:fixed;inset:0;z-index:2147483001;pointer-events:none;font:500 10px/15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}[data-debug-layer=measure]>.m-marks>*{position:absolute;box-sizing:border-box;left:var(--x);top:var(--y);width:var(--w);height:var(--h)}.m-area{border-style:solid;border-width:var(--t) var(--r) var(--b) var(--l)}.m-area[data-kind=margin]{border-color:var(--m-margin)}.m-area[data-kind=border]{border-color:var(--m-border)}.m-area[data-kind=padding]{border-color:var(--m-padding)}.m-area[data-kind=content]{background:var(--m-content)}.m-gap{background:repeating-linear-gradient(-45deg,rgba(182,124,255,.75) 0 1px,transparent 1px 5px);outline:1px dashed rgba(182,124,255,.9);outline-offset:-1px}.m-cb{outline:1px dotted var(--m-pos-ink);outline-offset:-1px;opacity:.7}.m-pos{border:0 dotted var(--m-pos-ink)}.m-pos[data-axis=y]{border-left-width:1px}.m-pos[data-axis=x]{border-top-width:1px}[data-debug-layer=measure]>.m-marks>.m-num{width:auto;height:auto;padding:0 3px;border-radius:3px;color:var(--m-num-text);box-shadow:0 0 0 1px #00000073;white-space:nowrap;font-variant-numeric:tabular-nums}.m-num[data-kind=margin]{background:var(--m-margin-ink)}.m-num[data-kind=border]{background:var(--m-border-ink)}.m-num[data-kind=padding]{background:var(--m-padding-ink)}.m-num[data-kind=gap]{background:var(--m-gap-ink);color:#fff}.m-num[data-kind=size]{background:var(--m-content-ink);padding:1px 5px}.m-num[data-kind=position]{background:var(--m-pos-ink)}[data-debug-type="0"]{--dbg-type: #46b566}[data-debug-type="1"]{--dbg-type: #5f7ef0}[data-debug-type="2"]{--dbg-type: #a78bfa}[data-debug-type="3"]{--dbg-type: #f06bb0}[data-debug-type="4"]{--dbg-type: #f5b83d}[data-debug-type="5"]{--dbg-type: #3cc4c4}[data-debug-type="6"]{--dbg-type: #e5684b}[data-debug-type="7"]{--dbg-type: #9fd04a}[data-debug~=y] body [data-debug-type]{box-shadow:0 0 0 1px var(--dbg-type),inset 0 0 0 999px color-mix(in srgb,var(--dbg-type) 14%,transparent)!important}[data-debug-layer=type]{position:fixed;right:12px;bottom:12px;z-index:2147481000;box-sizing:border-box;display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;gap:6px 8px;max-height:calc(100vh - 24px);overflow:hidden;padding:8px 10px;background:color-mix(in srgb,#e8e8ea 5%,#16171a);border:1px solid #2c2d33;border-radius:10px;color:#9a9ba1;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none;transition:opacity .15s}[data-debug-layer=type][data-away]{opacity:.12}[data-debug-layer=type]>div{display:contents}[data-debug-layer=type] .swatch{width:10px;height:10px;border-radius:3px;background:var(--dbg-type)}[data-debug-layer=type] .name{color:#e8e8ea}[data-debug-layer=type] :is(.size,.weight,.count){font-variant-numeric:tabular-nums;text-align:right}