.pe-toolbar{flex-wrap:wrap}.pe-toolbar label{display:flex;align-items:center;gap:.5rem}.pe-toolbar input[type=range]{width:9rem}.pe-toolbar select{font:inherit;color:var(--ink);background:#1a1f23;border:1px solid var(--line);border-radius:.3rem;padding:.2rem .4rem}.pe-caption{margin:-.35rem 0 1rem;font-size:.88rem;color:var(--muted);max-width:48rem;line-height:1.45}.pe-quad{display:grid;gap:2.25rem 1rem}.pe-row{display:grid;gap:.4rem 1rem}@media(min-width:52rem){.pe-row{grid-template-columns:1fr 1fr}.pe-row-rest{grid-template-rows:auto auto 1fr}.pe-row-rest .pe-cell{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3}.pe-row-live{grid-template-rows:auto 1fr}.pe-row-live .pe-cell{display:grid;grid-template-rows:subgrid;grid-row:1 / span 2}}.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}.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:#ffffff0a;border:1px solid var(--line);border-radius:.3rem;padding:.22rem .45rem;cursor:pointer}.mode-btn:hover{color:var(--ink)}.mode-btn.is-on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.pe-align{margin-left:.25rem}.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: .35rem;--rail-hover: 2.75rem;--idle: var(--rail-idle);--top-length: 72%;--left-length: 72%;--blend: color;position:relative;min-height:24rem;border:1px solid var(--line);border-radius:.45rem;overflow:hidden;background:radial-gradient(80% 70% at 100% 0%,color-mix(in srgb,var(--page, #a142f4) 18%,transparent),transparent 50%),#101418}.pe-stage .cr-rail{background:transparent}.pe-stage .pe-top.cr-rail,.pe-stage .pe-left.cr-rail{display:flex;place-items:unset;overflow:hidden}.pe-corner{isolation:isolate}.pe-corner-miter,.pe-corner-color{position:absolute;inset:0;pointer-events:none}.pe-miter-top,.pe-miter-left{position:absolute;inset:0}.pe-miter-top{clip-path:polygon(-2px -2px,calc(100% + 2px) -2px,calc(100% + 2px) calc(100% + 2px))}.pe-miter-left{clip-path:polygon(-2px -2px,calc(100% + 2px) calc(100% + 2px),-2px calc(100% + 2px))}.pe-corner-miter .pe-miter-top{background:var(--miter-a)}.pe-corner-miter .pe-miter-left{background:var(--miter-b)}.pe-corner-color .pe-miter-top{background:var(--top-seg)}.pe-corner-color .pe-miter-left{background:var(--left-seg)}.pe-top{display:flex;flex-direction:row;z-index:4}.pe-left{display:flex;flex-direction:column;z-index:4;overflow:hidden}.pe-stack-top{display:flex;flex-direction:row;flex:0 0 auto;max-width:var(--top-length);height:100%;min-width:0}.pe-stack-left{display:flex;flex-direction:column;flex:0 0 auto;max-height:var(--left-length);width:100%;min-height:0}.pe-slack{flex:1 1 auto;min-width:0;min-height:0}.pe-seg{position:relative;flex:0 0 auto;border:0;margin:0;padding:0;cursor:pointer;color:#fff;background:var(--seg);font-family:var(--font-display);min-width:0;min-height:0;overflow:hidden}.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 #fff;outline-offset:-2px;z-index:1}.pe-seg-top,.pe-seg-left{display:grid;place-items:center}.pe-label,.pe-mark{position:relative;z-index:2;opacity:0;pointer-events:none}.pe-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pe-mark{font-size:1.05rem;line-height:1}.pe-stage.is-open .pe-label,.pe-stage.is-open .pe-mark,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-visible) .pe-label,.pe-stage:has(.cr-rail:hover,.cr-rail:focus-visible) .pe-mark{opacity:1}.pe-content{margin:calc(var(--rail-idle) + .85rem) 1rem 1rem calc(var(--rail-idle) + .85rem)}.pe-stage.is-chroma .pe-seg{background:#1c2226}.pe-stage.is-chroma{--miter-a: var(--top-seg);--miter-b: var(--left-seg)}.pe-stage.is-chroma .pe-corner-color{display:none}.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.is-open .pe-corner-color,.pe-stage.is-tint:has(.cr-rail:hover,.cr-rail:focus-visible) .pe-seg-color,.pe-stage.is-tint:has(.cr-rail:hover,.cr-rail:focus-visible) .pe-corner-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,.pe-stage.is-blend-preview.is-tint .pe-corner-color{opacity:1;-webkit-mask-image:none;mask-image:none}.pe-stage.is-tint{--miter-a: var(--mono-top);--miter-b: var(--mono-top)}.pe-stage.is-tint .pe-corner-color{opacity:0;mix-blend-mode:normal}.pe-stage.is-tint.is-open .pe-corner-color,.pe-stage.is-tint.is-blend-preview .pe-corner-color,.pe-stage.is-tint:has(.cr-rail:hover) .pe-corner-color{mix-blend-mode:var(--blend, color)}::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)}}