.pe-harness{--pe-control-bg: #1a1f23;--pe-mode-bg: rgba(255, 255, 255, .04);--pe-harness-line: color-mix(in srgb, var(--muted) 55%, transparent);font-family:var(--font-display);margin:0 0 1.15rem;padding:.65rem .8rem .75rem;border:1px dashed var(--pe-harness-line);border-radius:.45rem;background:color-mix(in srgb,var(--panel) 72%,transparent)}html[data-theme=light] .pe-harness{--pe-control-bg: #ffffff;--pe-mode-bg: rgba(0, 0, 0, .04);background:color-mix(in srgb,var(--panel) 88%,var(--wash))}.pe-harness-label{display:block;margin:0 0 .45rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pe-harness-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.55rem .85rem}.pe-harness-placement{margin-bottom:.55rem}.pe-harness-look{margin-bottom:.15rem}.pe-ctrl,.pe-blend-label{display:grid;grid-template-rows:1.05rem auto;align-items:start;justify-items:start;gap:.28rem;margin:0}.pe-ctrl-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:1.85rem}.pe-appearance .variant-switch{display:grid;grid-template-rows:1.05rem auto;align-items:start;justify-items:start;gap:.28rem;margin:0}.pe-appearance .variant-switch-track{display:inline-flex;min-height:1.85rem;align-items:stretch}.pe-appearance .variant-switch-item{display:inline-flex;align-items:center;padding:.28rem .65rem;font-size:.75rem}.pe-blend-select{min-height:1.85rem;box-sizing:border-box}.pe-resize-hint{margin:0;align-self:end;flex:1 1 12rem;font-size:.72rem;line-height:1.35;color:var(--muted);max-width:22rem;padding-bottom:.2rem}.pe-facsimile{margin:0;padding:.35rem 0 .25rem;border:0;background:transparent;overflow:visible}.pe-rows{display:grid;gap:2.25rem}.pe-row{display:grid;gap:.4rem}.pe-row .pe-cell{display:grid;gap:.4rem;width:var(--pe-zone-width, 100%);max-width:100%;justify-self:start}.pe-rows[data-edge=left] .pe-stage{height:var(--pe-zone-height, auto);min-height:calc(var(--demo-stage-min-path) * .92)}.pe-cell-label{margin:0;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pe-blend-slot{margin:0}.pe-blend-label{font:inherit;color:var(--muted)}.pe-blend-select{font:inherit;font-size:.78rem;font-family:var(--font-display);color:var(--ink);background:var(--pe-control-bg, #1a1f23);border:1px solid var(--line);border-radius:.3rem;padding:.28rem .5rem;min-width:8.5rem}html[data-theme=light] .pe-blend-select{background:#fff}.pe-ico-btn,.pe-style-btn{display:inline-grid;place-items:center;min-width:2rem;min-height:1.85rem;padding:.28rem .4rem}.pe-style-btn{grid-auto-flow:column;gap:.35rem;padding-inline:.45rem}.pe-style-caption{font-size:.72rem;font-weight:600;letter-spacing:.02em}.pe-ctrl-svg{width:1.15rem;height:1.15rem;display:block}.pe-style-swatch{display:block;width:1.15rem;height:1.15rem;border-radius:.2rem;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}.pe-style-swatch-color{background:linear-gradient(135deg,#4285f4 0 33%,#ea4335 33% 66%,#c9a227 66%)}.pe-style-swatch-subtle{background:linear-gradient(135deg,color-mix(in srgb,#4285f4 22%,#6a7378) 0 50%,color-mix(in srgb,#a142f4 18%,#8a9094) 50%)}.pe-reset{margin-left:.15rem;align-self:end}.mode-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.mode-btn{font:inherit;font-size:.75rem;font-family:var(--font-display);color:var(--muted);background:var(--pe-mode-bg, rgba(255, 255, 255, .04));border:1px solid var(--line);border-radius:.3rem;padding:.22rem .45rem;cursor:pointer}html[data-theme=light] .mode-btn{--pe-mode-bg: rgba(0, 0, 0, .04)}.mode-btn:hover{color:var(--ink)}.mode-btn.is-on{color:var(--accent-on-sheer);background:var(--accent-sheer);border-color:var(--accent-sheer-border)}.pe-align{margin-left:.25rem}.pe-align[hidden]{display:none}.align-ico{display:grid;width:.72rem;height:1.05rem;gap:1px;padding:1px;border:1px solid currentColor;border-radius:1px}.align-ico-start{align-content:start}.align-ico-end{align-content:end}.align-ico i{display:block;height:2px;background:currentColor}.pe-stage{--rail-idle: .65rem;--rail-hover: 3.15rem;--rail-hover-side: 5.75rem;--idle: var(--rail-idle);--blend: color;--pe-home-size: 3.15rem;--pe-home-size-side: 3.35rem;--pe-hop-top: 7.1rem;--pe-hop-left: 5.85rem;--pe-arrow: .7rem;--pe-trail-end-inset: 100px;--pe-rail-foundation: #1c2226;--pe-depth-shadow: rgba(0, 0, 0, .82);--pe-tile-face-base: #2a3034;--pe-stage: #101418;--pe-wash: 18%;--pe-chroma-seg: #1c2226;--pe-seg-ink: #fff;--pe-focus: #fff;--pe-mono-mix-top: 18%;--pe-mono-mix-left: 14%;--pe-mono-mix-seg: 14%;--pe-mono-l-top: 42%;--pe-mono-l-left: 28%;--pe-mono-l-min: 18%;--pe-mono-l-span: 42%;position:relative;min-height:var(--demo-stage-min-path);border:1px solid var(--line);border-radius:.45rem;overflow:hidden;color:var(--ink);box-shadow:var(--demo-stage-shadow);background:radial-gradient(80% 70% at 100% 0%,color-mix(in srgb,var(--page, #a142f4) var(--pe-wash),transparent),transparent 50%),var(--pe-stage)}.pe-resize{position:absolute;z-index:10;touch-action:none;background:transparent}.pe-resize:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 0%,transparent);transition:background .15s ease}.pe-resize:hover:after,.pe-resize:focus-visible:after,.pe-resize.is-dragging:after{background:color-mix(in srgb,var(--accent) 45%,transparent)}.pe-resize-e{top:0;right:0;width:.5rem;height:100%;cursor:ew-resize}.pe-resize-s{left:0;bottom:0;width:100%;height:.5rem;cursor:ns-resize}.pe-resize:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}html[data-theme=light] .pe-stage{--pe-stage: #f4f7f6;--pe-wash: 14%;--pe-chroma-seg: #e4e9e7;--pe-rail-foundation: #e4e9e7;--pe-depth-shadow: rgba(20, 28, 26, .58);--pe-seg-ink: #1a211f;--pe-focus: var(--accent);--pe-mono-mix-top: 22%;--pe-mono-mix-left: 18%;--pe-mono-mix-seg: 16%;--pe-mono-l-top: 78%;--pe-mono-l-left: 70%;--pe-mono-l-min: 62%;--pe-mono-l-span: 28%}.pe-stage.is-chroma{--pe-rail-foundation: var(--pe-chroma-seg)}.pe-stage.is-tint{--pe-rail-foundation: var(--mono-top)}.pe-stage.is-tint[data-edge=left]{--pe-rail-foundation: var(--mono-left)}.pe-stage .cr-rail{display:flex;place-items:unset;overflow:hidden;background:var(--pe-rail-foundation);transition:width .22s ease,height .22s ease,top .22s ease,left .22s ease,background .3s ease}.pe-stage[data-edge=top] .pe-top{top:0;left:0;right:0;height:var(--rail-idle);z-index:4;flex-direction:row;align-items:stretch}.pe-stage[data-edge=top].is-open .pe-top,.pe-stage[data-edge=top]:has(.pe-top:hover,.pe-top:focus-within) .pe-top{height:var(--rail-hover);left:0}.pe-stage[data-edge=left] .pe-left{top:0;left:0;bottom:0;height:auto;width:var(--rail-idle);z-index:4;flex-direction:column;align-items:stretch}.pe-stage[data-edge=left].is-open .pe-left,.pe-stage[data-edge=left]:has(.pe-left:hover,.pe-left:focus-within) .pe-left{width:var(--rail-hover-side);top:0;bottom:0}.pe-home-pin{position:relative;z-index:6;flex:0 0 var(--pe-home-size);width:var(--pe-home-size);height:100%;overflow:visible}.pe-stage[data-edge=left] .pe-home-pin{width:100%;height:var(--pe-home-size-side);flex:0 0 var(--pe-home-size-side)}.pe-home{position:relative;z-index:1;width:100%;height:100%}.pe-home-tip{position:absolute;z-index:2;pointer-events:none;background:var(--pe-tile-face-base);overflow:hidden}.pe-home-tip-face{display:block;position:absolute;inset:0;background:var(--seg);mix-blend-mode:var(--blend, normal)}.pe-stage[data-edge=top] .pe-home-tip{top:0;bottom:0;left:100%;width:var(--pe-arrow);margin-left:-.5px;clip-path:polygon(0 0,100% 50%,0 100%)}.pe-stage[data-edge=left] .pe-home-tip{--pe-arrow-n: .55rem;left:0;right:0;top:100%;height:var(--pe-arrow-n);margin-top:-.5px;clip-path:polygon(0 0,100% 0,50% 100%)}.pe-home-ico{position:relative;z-index:2;display:grid;place-items:center;opacity:0;pointer-events:none;color:var(--tile-ink, var(--pe-seg-ink))}.pe-home-svg{width:1.15rem;height:1.15rem;display:block}.pe-stage[data-edge=left] .pe-home-svg{width:1.25rem;height:1.25rem}.pe-stage.is-open .pe-home-ico,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-within) .pe-home-ico{opacity:1}.pe-scroll{position:relative;z-index:1;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;margin-inline-start:calc(var(--pe-home-size) * -1);padding-inline-start:var(--pe-home-size);touch-action:none;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.pe-scroll::-webkit-scrollbar{display:none;width:0;height:0}.pe-scroll.is-dragging{cursor:grabbing;user-select:none}.pe-scroll-top{overflow-x:auto;overflow-y:hidden;height:100%}.pe-scroll-left{overflow-y:auto;overflow-x:hidden;width:100%;margin-inline-start:0;padding-inline-start:0;margin-block-start:calc(var(--pe-home-size-side) * -1);padding-block-start:var(--pe-home-size-side)}.pe-track{position:relative;display:flex;width:max-content;min-width:100%;height:100%;z-index:0}.pe-track-top{flex-direction:row;align-items:stretch}.pe-track-left{flex-direction:column;width:100%;min-width:0;height:max-content;min-height:100%}.pe-track-top:after,.pe-track-left:after{content:"";flex:0 0 var(--pe-trail-end-inset);pointer-events:none}.pe-track-top:after{width:var(--pe-trail-end-inset);align-self:stretch}.pe-track-left:after{height:var(--pe-trail-end-inset);width:100%}.pe-depth-shadow{position:absolute;z-index:5;pointer-events:none;left:0;top:0;width:0;height:100%;opacity:0;--pe-depth-i: 0;background:linear-gradient(to right,var(--pe-depth-shadow) 0%,color-mix(in srgb,var(--pe-depth-shadow) 78%,transparent) 36%,transparent 100%)}.pe-left>.pe-depth-shadow{width:100%;height:0;background:linear-gradient(to bottom,var(--pe-depth-shadow) 0%,color-mix(in srgb,var(--pe-depth-shadow) 78%,transparent) 36%,transparent 100%)}.pe-slack{flex:1 1 auto;min-width:0;min-height:0}.pe-seg{position:relative;z-index:2;flex:0 0 auto;border:0;margin:0;padding:0;cursor:pointer;color:var(--tile-ink, var(--pe-seg-ink, #fff));background:var(--pe-tile-face-base);isolation:isolate;font-family:var(--font-display);min-width:0;min-height:0;overflow:visible}.pe-track-top>.pe-seg{flex:0 0 var(--pe-hop-top);width:var(--pe-hop-top);height:100%}.pe-track-left>.pe-seg{flex:0 0 var(--pe-hop-left);height:var(--pe-hop-left);width:100%}.pe-arrow{--pe-arrow-n: var(--pe-arrow)}.pe-stage[data-edge=top] .pe-arrow:not(.pe-home){clip-path:polygon(0 0,calc(100% - var(--pe-arrow-n)) 0,100% 50%,calc(100% - var(--pe-arrow-n)) 100%,0 100%,var(--pe-arrow-n) 50%);margin-left:calc(var(--pe-arrow-n) * -1);padding-left:calc(var(--pe-arrow-n) * .55);padding-right:calc(var(--pe-arrow-n) * .85)}.pe-stage[data-edge=top] .pe-arrow-home{clip-path:none;border-radius:0}.pe-stage[data-edge=left] .pe-arrow:not(.pe-home){--pe-arrow-n: .55rem;clip-path:polygon(0 0,50% var(--pe-arrow-n),100% 0,100% calc(100% - var(--pe-arrow-n)),50% 100%,0 calc(100% - var(--pe-arrow-n)));margin-top:calc(var(--pe-arrow-n) * -1);padding-top:calc(var(--pe-arrow-n) * 1.2);padding-bottom:calc(var(--pe-arrow-n) * 1.2);padding-inline:.5rem .6rem}.pe-stage[data-edge=left] .pe-arrow-home{--pe-arrow-n: .55rem;clip-path:none;border-radius:0}.pe-chevron{display:none}.pe-seg-color{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--seg);mix-blend-mode:var(--blend, normal)}.pe-seg:focus-visible{outline:2px solid var(--pe-focus);outline-offset:-2px;z-index:4}.pe-seg-top,.pe-seg-left{display:grid;place-items:center}.pe-seg-top:not(.pe-home){grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;align-items:center;justify-items:start;column-gap:.3rem;padding-inline:.2rem .35rem;text-align:start}.pe-seg-left:not(.pe-home){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;gap:.12rem;text-align:center}.pe-label,.pe-mark{position:relative;z-index:2;opacity:0;pointer-events:none;color:var(--tile-ink, var(--pe-seg-ink))}.pe-label{font-size:.62rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;opacity:0}.pe-seg-top .pe-mark{font-size:1.05rem;line-height:1;flex:0 0 auto}.pe-seg-left .pe-mark{font-size:1.05rem;line-height:1}.pe-seg-top .pe-label{position:relative;width:auto;height:auto;overflow:hidden;text-overflow:ellipsis;font-size:.62rem;font-weight:600}.pe-seg-left .pe-label{position:relative;width:auto;max-width:100%;height:auto;overflow:hidden;clip:auto;font-size:.78rem;font-weight:700;letter-spacing:.02em}.pe-stage.is-open .pe-label,.pe-stage.is-open .pe-mark,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-within) .pe-label,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-within) .pe-mark{opacity:1}.pe-stage.is-open .pe-seg-top .pe-label,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-within) .pe-seg-top .pe-label{opacity:.78}.pe-stage.is-open .pe-seg-left .pe-label,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-within) .pe-seg-left .pe-label{opacity:1}.pe-stage.is-live .pe-seg.is-focus{filter:brightness(1.08);z-index:3}.pe-content{margin:calc(var(--rail-idle) + .55rem) .75rem .75rem calc(var(--rail-idle) + .55rem)}.pe-crumbs{margin:0 0 .75rem}.pe-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .35rem;margin:0;padding:0;list-style:none;font-size:.78rem;color:var(--muted)}.pe-crumbs li{display:inline-flex;align-items:center;gap:.35rem}.pe-crumbs li:not(:last-child):after{content:"/";opacity:.55;pointer-events:none}.pe-crumb{font:inherit;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.12em}.pe-crumb:hover{color:var(--ink)}.pe-crumb.is-here{color:var(--ink);text-decoration:none;cursor:default;font-weight:600}.pe-stage[data-edge=top] .pe-content{margin-left:1rem}.pe-stage[data-edge=left] .pe-content{margin-top:1rem}.pe-stage.is-chroma .pe-seg,.pe-stage.is-tint .pe-seg{color:var(--tile-ink, var(--pe-seg-ink))}.pe-stage.is-chroma .pe-seg{background:var(--pe-tile-face-base)}.pe-stage.is-tint .pe-seg{background:var(--mono)}.pe-stage.is-tint .pe-seg-color{opacity:0}.pe-stage.is-tint.is-open .pe-seg-color,.pe-stage.is-tint:has(.cr-rail:hover,.cr-rail:focus-within) .pe-seg-color{opacity:1;-webkit-mask-image:radial-gradient(6.5rem circle at var(--local-x, -40rem) var(--local-y, -40rem),#000 0%,#000 22%,transparent 78%);mask-image:radial-gradient(6.5rem circle at var(--local-x, -40rem) var(--local-y, -40rem),#000 0%,#000 22%,transparent 78%)}.pe-stage.is-blend-preview.is-tint .pe-seg-color{opacity:1;-webkit-mask-image:none;mask-image:none}::view-transition-group(.pe-keep){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1);z-index:6}::view-transition-group(.pe-leaf){animation-duration:.4s;z-index:3}::view-transition-old(.pe-leaf-top){animation:pe-leaf-top .4s cubic-bezier(.22,1,.36,1) both}::view-transition-old(.pe-leaf-left){animation:pe-leaf-left .4s cubic-bezier(.22,1,.36,1) both}::view-transition-new(.pe-leaf){animation:none;opacity:0}@keyframes pe-leaf-top{to{opacity:0;transform:translate(42%) scale(.38)}}@keyframes pe-leaf-left{to{opacity:0;transform:translateY(42%) scale(.38)}}