.pa-page,.pa-frame{--pa-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}.pa-frame .pub-app__canvas{background:var(--endorr-black);color:#d6dae0;justify-content:flex-start;align-items:stretch;min-height:0;padding:0}.pa-frame .pub-app__panel{background:#fff}.pa-frame .pub-app__body{min-height:520px}.pa-frame{--pa-arrive:cubic-bezier(.23, 1, .32, 1);--pa-scan:#4f8cff}.pa-frame .pub-app__canvas>.pa-xf,.pa-frame .pub-app__panel>.pa-xf{flex-direction:column;flex:1;min-width:0;display:flex}.pa-xf{width:100%;position:relative}.pa-xf__now{flex-direction:column;flex:1;min-width:0;display:flex}.pa-xf__old{pointer-events:none;animation:pa-xf-out .45s var(--pa-arrive) both;flex-direction:column;display:flex;position:absolute;inset:0}.pa-xf__old>*{flex:1}@keyframes pa-xf-out{0%{opacity:1}to{opacity:0}}.pa-code{flex-direction:column;flex:1;gap:10px;width:100%;min-width:0;padding:24px;display:flex}.pa-code pre{font:13px/1.6 var(--pa-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#151a21;border-radius:8px;margin:0;padding:14px 16px;position:relative;overflow:hidden}.pa-code code{font:inherit}.pa-label{letter-spacing:.06em;text-transform:uppercase;color:#8a9097;align-items:center;gap:10px;font-size:11px;display:flex}.pa-label--res{margin-top:8px}.pa-verb{color:#7fd1a0;font-weight:700}.pa-hdr{color:#c9b6f2}.pa-url{color:#8ec5ff}.pa-cmd{color:#e8eaed}.pa-ln,.pa-rl{width:max-content;max-width:100%;display:block}.pa-res{color:#e8eaed;min-height:262px}.pa-pills{display:inline-grid}.pa-pill{font:600 12px/1.4 var(--pa-mono);letter-spacing:0;text-transform:none;border-radius:4px;grid-area:1/1;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.pa-pill--wait{color:#c9cdd2;opacity:0;background:#2a3038}.pa-pill--wait i{background:currentColor;border-radius:50%;width:6px;height:6px}.pa-pill--ok{color:#1a7f45;background:#e4f3ea}.pa-status{color:#c9cdd2;font:600 12px/1.4 var(--pa-mono);letter-spacing:0;text-transform:none;background:#2a3038;border-radius:4px;padding:2px 8px}.pa-status[data-ok=true]{color:#1a7f45;background:#e4f3ea}.pa-sendbar{background:var(--pa-scan);transform-origin:0;opacity:0;height:2px;position:absolute;bottom:0;left:0;right:0}.pa-skel{opacity:0;pointer-events:none;flex-direction:column;gap:14px;display:flex;position:absolute;inset:14px 16px}.pa-skel i{background:#2a3038;border-radius:4px;height:8px;display:block}.pa-code[data-step="0"] .pa-ln{animation:pa-type var(--t) steps(var(--n), end) var(--d) both}.pa-code[data-step="0"] .pa-pill--ok,.pa-code[data-step="1"] .pa-pill--ok,.pa-code[data-step="0"] .pa-rl,.pa-code[data-step="1"] .pa-rl{opacity:0}.pa-code[data-step="1"] .pa-pill--wait{opacity:1;transition:opacity .2s ease-out}.pa-code[data-step="1"] .pa-pill--wait i{animation:1s ease-in-out infinite pa-pulse}.pa-code[data-step="1"] .pa-sendbar{animation:1.4s linear 50ms both pa-send}.pa-code[data-step="1"] .pa-skel{animation:1.6s ease-in-out both pa-skel}.pa-code[data-step="2"] .pa-pill--wait{animation:.15s ease-out both pa-fade-out}.pa-code[data-step="2"] .pa-pill--ok{animation:pa-pop .35s var(--pa-arrive) .15s both}.pa-code[data-step="2"] .pa-skel{animation:.2s ease-out both pa-fade-out}.pa-code[data-step="2"] .pa-rl{animation:pa-line .4s var(--pa-arrive) calc(.25s + var(--i) * .15s) both}.pa-result{background:var(--app-canvas,#eef0f2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.pa-result .pa-label{color:#545b62;align-self:flex-start}.pa-art{aspect-ratio:1;background:#fff;border-radius:8px;width:min(100%,300px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #0b0f1414}.pa-layer{clip-path:inset(0);position:absolute;inset:0}.pa-layer svg{width:100%;height:100%;display:block}.pa-result[data-step="0"] .pa-layer--cut,.pa-result[data-step="1"] .pa-layer--cut,.pa-result[data-step="0"] .pa-layer--hi,.pa-result[data-step="1"] .pa-layer--hi,.pa-result[data-step="2"] .pa-layer--hi{clip-path:inset(0 100% 0 0)}.pa-result[data-step="2"] .pa-layer--cut{transition:clip-path 1.8s linear .35s}.pa-result[data-step="3"] .pa-layer--hi{transition:clip-path 1.3s linear .15s}.pa-scan{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pa-scan i{opacity:0;background:linear-gradient(90deg, transparent calc(100% - 44px), #4f8cff42 calc(100% - 2px), var(--pa-scan) calc(100% - 2px));position:absolute;inset:0;transform:translate(-100%)}.pa-result[data-step="2"] .pa-scan--cut i{animation:1.8s linear .35s both pa-scan}.pa-result[data-step="3"] .pa-scan--hi i{animation:1.3s linear .15s both pa-scan}.pa-meta{flex-direction:column;align-items:center;gap:2px;font-size:13px;display:flex}.pa-meta span{color:#6b737b;font-size:12px}.pa-caps{justify-items:center;display:grid}.pa-cap{background:var(--endorr-paper);opacity:0;border-radius:6px;grid-area:1/1;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.pa-cap--hi{opacity:1}.pa-result[data-step="0"] .pa-cap--hi,.pa-result[data-step="1"] .pa-cap--hi,.pa-result[data-step="2"] .pa-cap--hi{opacity:0}.pa-result[data-step="0"] .pa-cap--orig,.pa-result[data-step="1"] .pa-cap--orig{opacity:1}.pa-result[data-step="2"] .pa-cap--orig{transition:opacity .2s ease-out 1.1s}.pa-result[data-step="2"] .pa-cap--cut{opacity:1;transition:opacity .25s ease-out 1.25s}.pa-result[data-step="3"] .pa-cap--cut{transition:opacity .2s ease-out .95s}.pa-result[data-step="3"] .pa-cap--hi{transition:opacity .25s ease-out 1.05s}@keyframes pa-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pa-line{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pa-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pa-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes pa-send{0%{opacity:1;transform:scaleX(0)}90%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes pa-skel{0%{opacity:0}25%{opacity:.9}60%{opacity:.4}to{opacity:.9}}@keyframes pa-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pa-scan{0%{opacity:0;transform:translate(-100%)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.pa-frame *,.pa-frame :before,.pa-frame :after{transition:none!important;animation:none!important}}@media (max-width:1000px){.pa-frame .pub-app__body{min-height:0}.pa-code,.pa-result{padding:16px}}.pa-vname{font-size:14px}.pa-key{font:13px/1.4 var(--pa-mono);overflow-wrap:anywhere;background:#f2f4f6;border-radius:6px;padding:8px 10px}.pa-vhint{color:#6b737b;font-size:12px}.pa-perms{flex-wrap:wrap;gap:6px;display:flex}.pa-perms span{background:var(--endorr-paper);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.pa-vcode{font:12.5px/1.55 var(--pa-mono);overflow-wrap:anywhere;display:block}.pa-vcode.pa-dim{color:#9aa1a9}.pa-vcode.pa-ink{color:var(--endorr-black)}.pub-visual .pa-status[data-ok=true]{align-self:flex-start}