.product-frame[data-astro-cid-m2uqkkpl]{--ink:#272622;--ink-secondary:#56544d;--ink-tertiary:#77736a;--line:#dedbd3;--line-soft:#ebe8e1;--surface-soft:#f7f6f2;--shadow-low:0 1px 2px #2726220a, 0 8px 30px #2726220d;--shadow-high:0 2px 4px #2726220d, 0 28px 80px #27262221;box-shadow:var(--shadow-high);background:#fff;border:1px solid #d8d4ca;border-radius:.7rem;margin:0;position:relative;overflow:hidden}.window-bar[data-astro-cid-m2uqkkpl]{border-bottom:1px solid var(--line-soft);background:#fbfaf8;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 1rem;font-size:.72rem;display:grid}.traffic[data-astro-cid-m2uqkkpl]{gap:.4rem;display:flex}.traffic[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]{background:#d9d6cf;border-radius:50%;width:10px;height:10px}.traffic[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]:first-child{background:#ee756d}.traffic[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]:nth-child(2){background:#edbc55}.traffic[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]:nth-child(3){background:#63c06b}.doc-title[data-astro-cid-m2uqkkpl]{color:var(--ink-secondary);font-weight:650}.window-actions[data-astro-cid-m2uqkkpl]{color:var(--ink-tertiary);justify-self:end;align-items:center;gap:1rem;display:flex}.window-actions[data-astro-cid-m2uqkkpl] strong[data-astro-cid-m2uqkkpl]{color:var(--brand)}.workspace[data-astro-cid-m2uqkkpl]{grid-template-columns:minmax(0,1fr) 240px;min-height:510px;display:grid}.canvas[data-astro-cid-m2uqkkpl]{background-color:#fbfbfa;background-image:radial-gradient(#d9d6cf .8px,#0000 .8px);background-size:20px 20px;min-width:0;position:relative;overflow:hidden}.canvas[data-astro-cid-m2uqkkpl]>svg[data-astro-cid-m2uqkkpl]{width:100%;height:100%;min-height:510px}.branches[data-astro-cid-m2uqkkpl] path[data-astro-cid-m2uqkkpl]{stroke-dasharray:340;stroke-dashoffset:340px;animation:draw-branch 1.1s var(--ease-out) forwards}.branches[data-astro-cid-m2uqkkpl] path[data-astro-cid-m2uqkkpl]:nth-child(2),.branches[data-astro-cid-m2uqkkpl] path[data-astro-cid-m2uqkkpl]:nth-child(4){animation-delay:.15s}.map-node[data-astro-cid-m2uqkkpl],.root-node[data-astro-cid-m2uqkkpl]{opacity:0;transform-box:fill-box;transform-origin:50%;animation:node-in .55s var(--ease-out) .3s forwards}.map-node[data-astro-cid-m2uqkkpl]:nth-of-type(2),.map-node[data-astro-cid-m2uqkkpl]:nth-of-type(4){animation-delay:.44s}.map-node[data-astro-cid-m2uqkkpl] rect[data-astro-cid-m2uqkkpl]{filter:drop-shadow(0 7px 12px #2726220f)}.map-node[data-astro-cid-m2uqkkpl] text[data-astro-cid-m2uqkkpl]{fill:#45433d;text-anchor:middle;dominant-baseline:middle;font:600 15px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.map-node[data-astro-cid-m2uqkkpl] .sub[data-astro-cid-m2uqkkpl]{fill:#8a867e;font-size:11px;font-weight:500}.root-node[data-astro-cid-m2uqkkpl] text[data-astro-cid-m2uqkkpl]{fill:#fff;text-anchor:middle;font:650 16px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.root-node[data-astro-cid-m2uqkkpl] .root-sub[data-astro-cid-m2uqkkpl]{fill:#bdb9af;font-size:10px;font-weight:500}.canvas-status[data-astro-cid-m2uqkkpl]{color:var(--green);align-items:center;gap:.25rem;font-size:.66rem;display:inline-flex;position:absolute;top:.8rem;right:.9rem}.zoom[data-astro-cid-m2uqkkpl]{border:1px solid var(--line);box-shadow:var(--shadow-low);background:#fff;border-radius:.55rem;display:flex;position:absolute;bottom:1rem;left:1rem;overflow:hidden}.zoom[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl]{border-right:1px solid var(--line-soft);min-width:32px;height:30px;color:var(--ink-secondary);place-items:center;font-size:.63rem;display:grid}.zoom[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl]:last-child{border:0;min-width:46px}.inspector[data-astro-cid-m2uqkkpl]{border-left:1px solid var(--line-soft);background:#f8f7f4;padding:.9rem}.inspector-tabs[data-astro-cid-m2uqkkpl]{color:var(--ink-tertiary);text-align:center;background:#eceae5;border-radius:.55rem;grid-template-columns:repeat(4,1fr);gap:.15rem;padding:.2rem;font-size:.62rem;display:grid}.inspector-tabs[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl],.inspector-tabs[data-astro-cid-m2uqkkpl] strong[data-astro-cid-m2uqkkpl]{border-radius:.4rem;padding:.45rem .2rem}.inspector-tabs[data-astro-cid-m2uqkkpl] strong[data-astro-cid-m2uqkkpl]{color:var(--brand-strong);box-shadow:var(--shadow-low);background:#fff}.property-group[data-astro-cid-m2uqkkpl]{border-bottom:1px solid var(--line-soft);margin-top:1.15rem;padding-bottom:1.1rem}.property-group[data-astro-cid-m2uqkkpl] label[data-astro-cid-m2uqkkpl]{color:var(--ink-secondary);margin-bottom:.55rem;font-size:.66rem;font-weight:650;display:block}.select-row[data-astro-cid-m2uqkkpl]{border:1px solid var(--line);color:var(--ink-secondary);background:#fff;border-radius:.45rem;justify-content:space-between;padding:.5rem .55rem;font-size:.64rem;display:flex}.select-row[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]{font-style:normal}.segments[data-astro-cid-m2uqkkpl]{text-align:center;background:#eceae5;border-radius:.45rem;grid-template-columns:repeat(3,1fr);padding:.18rem;font-size:.58rem;display:grid}.segments[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl],.segments[data-astro-cid-m2uqkkpl] strong[data-astro-cid-m2uqkkpl]{border-radius:.34rem;padding:.4rem .15rem}.segments[data-astro-cid-m2uqkkpl] strong[data-astro-cid-m2uqkkpl]{color:var(--brand-strong);background:#fff}.slider[data-astro-cid-m2uqkkpl]{background:#dcd9d1;border-radius:3px;height:3px;margin:.75rem .2rem .25rem;position:relative}.slider[data-astro-cid-m2uqkkpl] i[data-astro-cid-m2uqkkpl]{background:var(--brand);border-radius:3px;height:3px;position:absolute}.slider[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl]{border:2px solid var(--brand);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:58%;transform:translateY(-50%)}.property-group[data-astro-cid-m2uqkkpl] small[data-astro-cid-m2uqkkpl]{color:var(--ink-tertiary);font-size:.55rem}.property-group[data-astro-cid-m2uqkkpl].compact{justify-content:space-between;align-items:center;display:flex}.property-group[data-astro-cid-m2uqkkpl].compact label[data-astro-cid-m2uqkkpl]{margin:0}.toggle[data-astro-cid-m2uqkkpl]{background:#cbc8c0;border-radius:15px;width:26px;height:15px;padding:2px}.toggle[data-astro-cid-m2uqkkpl]:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;display:block;box-shadow:0 1px 3px #0000002e}.toggle[data-astro-cid-m2uqkkpl].active{background:var(--brand)}.toggle[data-astro-cid-m2uqkkpl].active:after{margin-left:11px}.line-sample[data-astro-cid-m2uqkkpl]{background:var(--brand);border-radius:2px;width:44px;height:2px}figcaption[data-astro-cid-m2uqkkpl]{color:var(--ink-tertiary);box-shadow:var(--shadow-low);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #dedbd3c2;border-radius:999px;padding:.28rem .5rem;font-size:.57rem;line-height:1;position:absolute;bottom:.7rem;right:.7rem}@keyframes draw-branch{to{stroke-dashoffset:0}}@keyframes node-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=820px){.workspace[data-astro-cid-m2uqkkpl]{grid-template-columns:1fr;min-height:0}.inspector[data-astro-cid-m2uqkkpl]{display:none}.canvas[data-astro-cid-m2uqkkpl]{place-items:center;min-height:clamp(15.5rem,55vw,25rem);display:grid}.canvas[data-astro-cid-m2uqkkpl]>svg[data-astro-cid-m2uqkkpl]{width:100%;height:auto;min-height:0;transform:none}}@media (width<=520px){.window-actions[data-astro-cid-m2uqkkpl] span[data-astro-cid-m2uqkkpl]{display:none}.window-actions[data-astro-cid-m2uqkkpl]{gap:0}.canvas[data-astro-cid-m2uqkkpl]{min-height:13.5rem}.zoom[data-astro-cid-m2uqkkpl]{display:none}}