.drop-shadow-smooth-3xl{filter:var(--filter-smooth-3xl)}.ti{background:var(--ti-paper);color:var(--ti-ink)}.ti-bar{border-bottom:1px solid var(--ti-line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;display:flex}.ti-grp{min-width:0;max-width:100%;color:var(--ti-ink-2);align-items:center;gap:8px;font-size:13px;display:flex}.ti-seg{border:1px solid var(--ti-line);background:var(--ti-fill);border-radius:999px;gap:2px;min-width:0;padding:2px;display:inline-flex;overflow-x:auto}.ti-seg button,.ti-only{min-height:40px;color:var(--ti-ink-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:13.5px}.ti-seg button[aria-pressed=true]{background:var(--ti-ink);color:var(--ti-paper);font-weight:500}.ti-sum{width:100%;color:var(--ti-ink-2);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;display:flex}.ti-sum b{color:var(--ti-ink);font-weight:600}.ti-dot{vertical-align:1px;background:var(--ti-lens);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ti-dot[data-kind=none]{background:var(--ti-none)}.ti-only{color:var(--ti-ink);align-items:center;gap:8px;margin-left:auto;display:inline-flex}.ti-only i{background:var(--ti-line);border-radius:999px;flex:none;width:36px;height:22px;position:relative}.ti-only i:after{content:"";background:var(--ti-paper);border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.ti-only[aria-pressed=true] i{background:var(--ti-ink)}.ti-only[aria-pressed=true] i:after{left:17px}.ti-insp{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.ti-insp[data-wide]{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.ti-draw{background-color:var(--ti-stage);min-width:0;padding:8px 0}.ti-insp[data-wide] .ti-draw{border-right:1px solid var(--ti-line)}.ti-ov{z-index:3;pointer-events:none;position:absolute;inset:0}.ti-leaders{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ti-leaders path{fill:none;stroke:var(--ti-ink-2);stroke-opacity:.35;stroke-width:1px}.ti-leaders circle{fill:var(--ti-ink-2);fill-opacity:.5}.ti-leaders .on path{stroke:var(--ti-lens);stroke-opacity:1;stroke-width:1.75px}.ti-leaders .on circle{fill:var(--ti-lens);fill-opacity:1}.ti-leaders .dim path{stroke-opacity:.08}.ti-leaders .dim circle{fill-opacity:.12}.ti-hit{box-sizing:border-box;pointer-events:auto;cursor:pointer;position:absolute}.ti-hit[hidden]{display:none}.ti-surface.on{outline:1.5px dashed var(--ti-lens);outline-offset:4px}.ti-surface[data-border]{outline:2px solid var(--ti-lens);outline-offset:0}.ti-pad.on,.ti-gap.on{background:repeating-linear-gradient(135deg, var(--ti-lens-hatch) 0 3px, transparent 3px 7px);place-items:center;display:grid}.ti-gap.on{outline:1px dashed var(--ti-lens)}.ti-radius.on{border-top:2px dashed var(--ti-lens);border-left:2px dashed var(--ti-lens)}.ti-part.on{outline:1.5px dashed var(--ti-lens);outline-offset:3px;border-radius:3px}.ti-shadow.on,.ti-ring.on{outline:1.5px dashed var(--ti-lens)}.ti-shadow.on{background:var(--ti-lens-soft)}.ti-pad[data-side="1"] .ti-chip,.ti-pad[data-side="3"] .ti-chip{position:absolute;top:50%;transform:translate(-50%,-50%)}.ti-pad[data-side="1"] .ti-chip{left:100%}.ti-pad[data-side="3"] .ti-chip{left:0}.ti-chip{background:var(--ti-lens);color:#fff;white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 5px;font:500 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.ti-pin{z-index:6;background:var(--ti-ink);width:24px;height:24px;color:var(--ti-paper);text-align:center;pointer-events:auto;cursor:pointer;box-shadow:0 0 0 2px var(--ti-paper);border:0;border-radius:50%;margin:-12px 0 0 -12px;padding:0;font-family:inherit;font-size:11.5px;font-weight:600;line-height:24px;position:absolute}.ti-pin:before{content:"";position:absolute;inset:-10px}.ti-pin[data-on]{background:var(--ti-lens);color:#fff}.ti-pin[data-dim]{opacity:.3}.ti-rows{min-width:0;padding:8px 0 12px}.ti-insp[data-wide] .ti-rows{padding:12px 0 12px 56px}.ti-line{text-align:left;cursor:pointer;grid-template-columns:26px minmax(0,1fr);gap:2px 10px;padding:10px 16px;transition:opacity .15s,background-color .15s;display:grid}.ti-line+.ti-line{border-top:1px solid var(--ti-line)}.ti-insp[data-wide] .ti-line{border-top:0;border-radius:12px 0 0 12px;padding:10px 18px 10px 4px}.ti-line>:not(.ti-no){grid-column:2;min-width:0}.ti-no{background:var(--ti-fill);width:22px;height:22px;color:var(--ti-ink-2);text-align:center;border-radius:50%;grid-row:1/span 3;margin-top:1px;font-size:11.5px;font-weight:600;line-height:22px}.ti-code{color:var(--ti-ink);overflow-wrap:anywhere;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.ti-prop{color:var(--ti-ink-2)}.ti-tok{background:var(--ti-lens);color:#fff;border-radius:5px;padding:1px 6px;font-size:12.5px;line-height:1.45;display:inline-block}.ti-lit{border-radius:4px;padding:0 4px;display:inline-block}.ti-lit[data-kind=near]{background:var(--ti-near-bg);color:var(--ti-near);box-shadow:inset 0 -1.5px 0 var(--ti-near)}.ti-lit[data-kind=none]{background:var(--ti-none-bg);color:var(--ti-none);box-shadow:inset 0 -1.5px 0 var(--ti-none)}.ti-cap{color:var(--ti-ink-2);align-items:center;gap:8px;font-size:14.5px;line-height:1.4;display:flex}.ti-cap b{color:var(--ti-ink);font-weight:500}.ti-sw{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--ti-line);background:repeating-conic-gradient(var(--ti-line) 0 25%, var(--ti-paper) 0 50%) 0 0 / 8px 8px;border-radius:5px;flex:none;position:relative;overflow:hidden}.ti-sw i{position:absolute;inset:0}.ti-flag,.ti-done{border-radius:999px;justify-self:start;width:fit-content;margin-top:4px;padding:3px 10px;font-size:13px;font-weight:500}.ti-flag[data-kind=near]{background:var(--ti-near-bg);color:var(--ti-near)}.ti-flag[data-kind=none]{background:var(--ti-none-bg);color:var(--ti-none)}.ti-done{color:var(--ti-ink-2);padding:3px 0}.ti-acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ti-act{border:1.5px solid var(--ti-line);background:var(--ti-paper);width:fit-content;min-height:40px;color:var(--ti-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.ti-act[data-main]{border-color:var(--ti-ink)}.ti-act:disabled{opacity:.6;cursor:wait}@media (width<=480px){.ti-act{flex:auto}}.ti-line[data-on]{background:var(--ti-lens-soft)}.ti-line[data-on] .ti-no{background:var(--ti-lens);color:#fff}.ti-line[data-dim]{opacity:.35}.ti-empty{color:var(--ti-ink-2);margin:8px 16px;font-size:15px}.ti-gap .ti-chip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.ts-panel-switch{background:#f4f4f5;border-radius:12px;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #18181b1a,inset 0 0 0 1px #18181b0a}.ts-panel-switch button{color:#0a0a0a;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;font-weight:600;display:inline-flex}.ts-panel-switch button[aria-selected=false]{color:#52525b}.ts-panel-switch button[aria-selected=true]{cursor:default;background:#fff;box-shadow:0 1px 2px #18181b24,0 0 0 1px #18181b0f}.ts-panel-switch button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (prefers-color-scheme:dark){.ts-panel-switch{background:#27272a}.ts-panel-switch button,.ts-panel-switch button[aria-selected=false]{color:#d4d4d8}.ts-panel-switch button[aria-selected=true]{color:#fafafa;background:#3f3f46}}[data-token-lens=on] [data-tok]{outline-offset:3px;outline:1px dashed #2563eb}:where([data-token-lens=on] [data-tok]){position:relative}[data-token-lens=on] [data-tok]:after{content:attr(data-tok);left:var(--tok-x,-3px);top:var(--tok-y,-24px);z-index:6;color:#fff;letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;background:#2563eb;border-radius:5px;padding:4px 6px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}[data-token-lens=on] [data-tok][data-tok-inside]:after{top:8px;left:8px}[data-token-lens=on] [data-tok][data-tok-beside]:after{left:var(--tok-x,calc(100% + 6px));top:50%;transform:translateY(-50%)}[data-token-lens=on] [data-tok][data-tok-inside=middle]:after{top:50%;left:14px;transform:translateY(-50%)}.page-bar{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:0;right:var(--panel-room,0px);z-index:60;pointer-events:none;flex-direction:row-reverse;transition:right .2s,left .2s;display:none;position:fixed}.page-bar>.page-bar-inner{min-width:0;max-width:100%;margin-inline:auto}@media (width>=768px){.page-bar{display:flex}}@media (width>=1024px){.page-bar{left:var(--nav-room,288px)}}.page-bar-inner{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:relative}.page-bar{--card:0 0% 100%;--foreground:240 10% 4%;--background:0 0% 100%;--muted:240 5% 96%;--muted-foreground:240 4% 46%;--border:240 6% 90%;--destructive:0 72% 51%;--pb-on:221 83% 53%;--pb-chip:0 0% 100%;color:hsl(var(--foreground))}@media (prefers-color-scheme:dark){.page-bar{--card:240 6% 10%;--foreground:0 0% 98%;--background:240 6% 10%;--muted:240 4% 16%;--muted-foreground:240 5% 65%;--border:240 4% 20%;--destructive:0 84% 60%;--pb-on:213 94% 68%;--pb-chip:240 5% 26%}}.page-bar-dock{pointer-events:auto;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--border)), 0 8px 28px #0a0a0a24;border-radius:18px;align-items:center;gap:2px;padding:6px;display:flex}.page-bar-on,.page-bar-on:hover{background:hsl(var(--muted));color:hsl(var(--pb-on));box-shadow:inset 0 1px 2px #18181b1a,inset 0 0 0 1px #18181b0a}.page-bar-on svg:not([viewBox="0 0 38 57"]) :is(path,circle,rect){fill:currentColor;fill-opacity:.22}.page-bar-sep{background:hsl(var(--border));align-self:stretch;width:1px;margin:2px 6px}.page-bar-tool[data-tip]:hover:after{content:attr(data-tip);white-space:nowrap;background:hsl(var(--foreground));color:hsl(var(--background));pointer-events:none;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}[data-can-edit=false] .ed-edit-only{display:none!important}[data-commenting] [data-comment-layer]{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z' fill='%23F24822' stroke='white' stroke-width='1.5' stroke-linejoin='round'/></svg>") 2 22,crosshair}@media (width>=768px){body:has(.page-bar) [data-comment-hint]{display:none}}