.pv{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:26px 40px;display:grid}.pv-frame{border-radius:12px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.pv-cap{padding:7px 12px;font-size:12px}.pv-frame[data-t=light]{color:#17171a;background:#fff;box-shadow:0 1px 2px #0002,0 8px 28px #0001}.pv-frame[data-t=dark]{color:#eee;background:#212124;outline:1px solid #2c2c31;box-shadow:0 1px 2px #0004,0 8px 28px #0002}.pv-frame iframe{border:0;min-block-size:220px;inline-size:100%;display:block}@container ccs (max-width:900px){.pv{grid-template-columns:1fr}}@container ccs (max-width:640px){.pv-frame.is-full{inset:0}}.pv-frame.is-full{z-index:20;position:fixed;inset:16px;overflow:auto}.pv-frame.is-full iframe{block-size:calc(100dvh - 72px)!important}.pv-cap{justify-content:space-between;align-items:center;display:flex}.pv-close{all:unset;cursor:pointer;text-underline-offset:2px;text-decoration:underline}.tl{gap:2px;margin-block-start:6px;display:grid}.tl>div{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--color-text-primary) 7%, transparent);grid-template-columns:190px minmax(0,1fr);gap:14px;padding-block:10px;display:grid}.tl>div:last-child{box-shadow:none}.tl code{font-family:var(--font-mono);font-size:13px}.tl span{color:var(--color-text-secondary)}.cmd{background:color-mix(in oklab, var(--color-text-primary) 7%, transparent);border-radius:14px;align-items:center;gap:10px;margin-block-start:12px;padding:8px 8px 8px 16px;display:flex}.cmd code{white-space:nowrap;min-inline-size:0;font-family:var(--font-mono);scrollbar-width:none;flex:1;font-size:13px;overflow-x:auto}.pv{margin-block:30px 0}.pv-frame{border-radius:20px}@container ccs (max-width:720px){.tl>div{grid-template-columns:minmax(0,1fr);gap:2px}}.pv-note{color:var(--color-text-tertiary);margin-block:12px 0;font-size:12.5px}.pv-frame{margin:0}.pv-err{padding:16px}
