.tcr-demo .cs-detail{margin:0;display:flex;flex-direction:column}.tcr-demo .cs-detail-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-gap:var(--pl-4);gap:var(--pl-4);padding:var(--pl-3) 0;border-top:1px solid var(--pl-line-soft)}.tcr-demo .cs-detail-row:first-child{border-top:0;padding-top:0}.tcr-demo .cs-detail-row:last-child{padding-bottom:0}.tcr-demo .cs-detail dt{margin:0;font-size:var(--pl-t-label);color:var(--pl-ink-3)}.tcr-demo .cs-detail dd{margin:0;min-width:0;font-size:var(--pl-t-body);color:var(--pl-ink);overflow-wrap:anywhere}@media (max-width:520px){.tcr-demo .cs-detail-row{grid-template-columns:minmax(0,1fr);gap:2px}}@container console-pane (max-width: 520px){.tcr-demo :where([data-pane=browser]) .cs-detail-row{grid-template-columns:minmax(0,1fr);gap:2px}}.tcr-demo .pv-dialog-scrim{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--pl-4);background:var(--pl-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pv-dialog-fade var(--pl-dur) var(--pl-ease) both}.tcr-demo .pv-dialog{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 2 * var(--pl-4));overflow:hidden;padding:var(--pl-6);background:var(--pl-raised);border:1px solid var(--pl-line);border-radius:var(--pl-r-2xl);box-shadow:var(--tcr-shadow-dialog);animation:pv-dialog-rise var(--pl-dur) var(--pl-ease) both}.tcr-demo :where([data-pane=browser]) .pv-dialog{max-height:min(calc(100dvh - 2 * var(--pl-4)),calc(var(--ws-pane-h, 100dvh) - 36px - 2 * var(--pl-4)))}.tcr-demo .pv-dialog.lg{max-width:672px}.tcr-demo .pv-dialog.xl{max-width:768px}.tcr-demo .pv-dialog:focus,.tcr-demo .pv-dialog:focus-visible{outline:none}.tcr-demo .pv-dialog-head{display:flex;flex:0 0 auto;align-items:flex-start;gap:var(--pl-3);margin:0 0 var(--pl-2)}.tcr-demo .pv-dialog-lead{min-width:0;flex:1 1 auto}.tcr-demo .pv-dialog-title{margin:0;font-family:var(--pl-display);font-size:var(--pl-t-section);font-weight:var(--pl-w-semi);letter-spacing:var(--pl-track-heading);line-height:var(--pl-lh-snug);color:var(--pl-ink)}.tcr-demo .pv-dialog-sub{margin:var(--pl-1) 0 0;font-size:var(--pl-t-label);line-height:var(--pl-lh-snug);color:var(--pl-ink-3)}.tcr-demo .pv-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:calc(var(--pl-1) * -1);padding:var(--pl-1);font-size:var(--pl-t-body);line-height:var(--pl-lh-body);color:var(--pl-ink-2)}.tcr-demo .pv-dialog-body p{margin:0}.tcr-demo .pv-dialog-body>*+*{margin-top:var(--pl-3)}.tcr-demo .pv-dialog-foot{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--pl-2);margin-top:var(--pl-6)}.tcr-demo .pv-dialog-foot>a,.tcr-demo .pv-dialog-foot>button{min-height:40px}.tcr-demo .pv-dialog-close{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:0;background:none;border-radius:var(--pl-r-sm);color:var(--pl-ink-3);cursor:pointer}.tcr-demo .pv-dialog-close:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--pl-hover);color:var(--pl-ink)}.tcr-demo .pv-dialog-close:disabled{opacity:.5;cursor:not-allowed}.tcr-demo .pv-dialog-close svg{width:18px;height:18px}@keyframes pv-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes pv-dialog-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:520px){.tcr-demo .pv-dialog-scrim{place-items:end stretch;padding:0}.tcr-demo .pv-dialog,.tcr-demo .pv-dialog.lg,.tcr-demo .pv-dialog.xl{max-width:none;border-radius:var(--pl-r-2xl) var(--pl-r-2xl) 0 0;max-height:88dvh}.tcr-demo .pv-dialog-foot{flex-direction:column;align-items:stretch}.tcr-demo .pv-dialog-foot>*{width:100%;justify-content:center}}@container console-pane (max-width: 520px){.tcr-demo :where([data-pane=browser]) .pv-dialog-scrim{place-items:end stretch;padding:0}.tcr-demo :where([data-pane=browser]) .pv-dialog,.tcr-demo :where([data-pane=browser]) .pv-dialog.lg,.tcr-demo :where([data-pane=browser]) .pv-dialog.xl{max-width:none;border-radius:var(--pl-r-2xl) var(--pl-r-2xl) 0 0;max-height:88dvh}.tcr-demo :where([data-pane=browser]) .pv-dialog-foot{flex-direction:column;align-items:stretch}.tcr-demo :where([data-pane=browser]) .pv-dialog-foot>*{width:100%;justify-content:center}}@media (pointer:coarse){.tcr-demo .pv-dialog-close{width:44px;height:44px}}.tcr-demo .pv-toast-layer{position:fixed;right:var(--pl-6);bottom:calc(var(--pl-6) + 44px);z-index:180;display:flex;flex-direction:column;align-items:flex-end;gap:var(--pl-2);pointer-events:none}.tcr-demo .pv-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--pl-3);max-width:min(420px,calc(100vw - 32px));padding:var(--pl-3) var(--pl-4);background:var(--pl-raised);border:1px solid var(--pl-line);border-radius:var(--pl-r-lg);box-shadow:var(--pl-pop);animation:pv-toast-in var(--pl-dur) var(--pl-ease) both}.tcr-demo .pv-toast.warning{border-color:var(--pl-warn-edge)}.tcr-demo .pv-toast.danger{border-color:var(--pl-danger-edge,var(--pl-line))}.tcr-demo .pv-toast-ico{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--pl-accent-wash);color:var(--pl-accent-text)}.tcr-demo .pv-toast.success .pv-toast-ico{background:var(--pl-ok-wash);color:var(--pl-ok)}.tcr-demo .pv-toast.warning .pv-toast-ico{background:var(--pl-warn-wash);color:var(--pl-warn)}.tcr-demo .pv-toast.danger .pv-toast-ico{background:var(--pl-danger-wash);color:var(--pl-danger)}.tcr-demo .pv-toast-tx{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:var(--pl-t-label);font-weight:var(--pl-w-semi);color:var(--pl-ink);line-height:var(--pl-lh-snug)}.tcr-demo .pv-toast-sub{font-size:var(--pl-t-meta);font-weight:var(--pl-w-medium);color:var(--pl-ink-3)}.tcr-demo .pv-toast-x{flex:0 0 auto;margin:-8px -6px -8px 4px;padding:8px 6px;min-height:32px;border:0;background:none;border-radius:var(--pl-r-xs);cursor:pointer;font:inherit;font-size:var(--pl-t-meta);color:var(--pl-ink-3)}.tcr-demo .pv-toast-x:hover{color:var(--pl-ink);background:var(--pl-hover)}@keyframes pv-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:760px){.tcr-demo .pv-toast-layer{left:var(--pl-3);right:var(--pl-3);bottom:calc(var(--pl-3) + 56px);align-items:center}}@container console-pane (max-width: 760px){.tcr-demo :where([data-pane=browser]) .pv-toast-layer{left:var(--pl-3);right:var(--pl-3);bottom:calc(var(--pl-3) + 56px);align-items:center}}@media (pointer:coarse){.tcr-demo .pv-toast-x{min-height:44px;min-width:44px}}.tcr-demo .pv-meter{min-width:0}.tcr-demo .pv-meter-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pl-3);margin-bottom:6px}.tcr-demo .pv-meter-k{font-size:var(--pl-t-micro);font-weight:var(--pl-w-semi);text-transform:uppercase;letter-spacing:var(--pl-track-caps);color:var(--pl-ink-3)}.tcr-demo .pv-meter-v{font-size:var(--pl-t-meta);font-weight:var(--pl-w-semi);color:var(--pl-ink-2)}.tcr-demo .pv-meter-v.success{color:var(--pl-ok)}.tcr-demo .pv-meter-v.warning{color:var(--pl-warn)}.tcr-demo .pv-meter-v.danger{color:var(--pl-danger)}.tcr-demo .pv-meter-v.info{color:var(--pl-accent-text)}.tcr-demo .pv-meter-v .pct{font-family:var(--pl-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--pl-ink-2);font-weight:var(--pl-w-medium)}.tcr-demo .pv-meter-track{height:6px;border-radius:var(--pl-r-pill);background:var(--pl-hover);overflow:hidden}.tcr-demo .pv-meter-fill{display:block;height:100%;border-radius:var(--pl-r-pill);background:var(--pl-ink-3);transition:width .36s var(--pl-ease)}.tcr-demo .pv-meter-fill.success{background:var(--pl-ok)}.tcr-demo .pv-meter-fill.warning{background:var(--pl-warn)}.tcr-demo .pv-meter-fill.danger{background:var(--pl-danger)}.tcr-demo .pv-meter-fill.info{background:var(--pl-accent)}