html.pc-shell {
  --dur: 200ms;
  --l-w: 336px;
  --r-w: 336px;
  --rail-w: 48px;
  --side-w: 336px;
  --insp-w: 336px;
}
html.pc-shell .pc-app { --lcol: var(--l-w); --rcol: var(--r-w); }
html.pc-shell .pc-app.pc-l-rail { --lcol: var(--rail-w); }
html.pc-shell .pc-app.pc-r-rail { --rcol: var(--rail-w); }

html.pc-shell .pc-icon-btn .pc-ico { margin-right: 0; }
html.pc-shell .pc-ico.pc-ico-end { margin: 0 0 0 6px; }

html.pc-shell .pc-app.pc-boot *, html.pc-shell .pc-app.pc-boot *::before, html.pc-shell .pc-app.pc-boot *::after { transition: none !important; }

html.pc-shell .pc-top { background: #fff; color: var(--text); border-bottom: 1px solid var(--line); padding: 8px 16px; gap: 8px 0; flex-wrap: wrap; }
html.pc-shell .pc-brand { margin-right: 14px; }
html.pc-shell .pc-brand b { color: var(--text); font-size: 15px; }
html.pc-shell .pc-brand small { color: var(--muted); opacity: 1; font-size: 12px; }
html.pc-shell .pc-logo { box-shadow: none; border: 1px solid var(--line); background: #fff; }
html.pc-shell .pc-tg { display: flex; align-items: center; gap: 6px; padding: 0 10px; border-left: 1px solid var(--line); min-height: 32px; }
html.pc-shell .pc-tg-demo { padding-right: 0; }
html.pc-shell .pc-top .pc-seg { background: #eef0f4; }
html.pc-shell .pc-top .pc-seg > button { color: #4b5563; font-size: 12px; }
html.pc-shell .pc-top .pc-seg > button:hover { color: var(--text); }
html.pc-shell .pc-top .pc-seg > button.active-mode { background: #fff; color: #3730a3; box-shadow: 0 0 0 1px var(--accent-line), 0 1px 2px rgba(17, 24, 39, .08); }
html.pc-shell .pc-top label.pc-lang { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; opacity: 1; color: var(--muted); font-weight: 500; }
html.pc-shell .pc-top label.pc-lang .pc-icon { color: var(--muted); }
html.pc-shell .pc-top select { border: 1px solid #d5d9e0; background: #fff; padding: 5px 8px; font-size: 12px; border-radius: 7px; }
html.pc-shell .pc-init { gap: 8px; }
html.pc-shell #pcash-dev-bootstrap { display: inline-flex; align-items: center; padding: 7px 14px; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; border: 0; border-radius: 8px; color: #fff; background: var(--accent); background-image: none; animation: none; box-shadow: none; cursor: pointer; }
html.pc-shell #pcash-dev-bootstrap:hover { filter: brightness(1.08); }
html.pc-shell #pcash-dev-bootstrap:active { transform: scale(.97); }
html.pc-shell #pcash-dev-bootstrap .pc-ico { margin-right: 6px; }
html.pc-shell #pcash-dev-reinit { background: #fff; color: #3730a3; border-color: var(--accent-line); }
html.pc-shell #pcash-dev-reinit:hover { background: var(--accent-2); }
html.pc-shell .pc-top .pc-switch { color: #374151; }
html.pc-shell .pc-top .pc-track { background: #d1d5db; }
html.pc-shell #pcash-dev-autoinit:checked + .pc-track { background: var(--accent); background-image: none; animation: none; }
html.pc-shell #pcash-autoinit-warn { font-size: 12px; }
html.pc-shell #toggleDemoBtn { background: #fff; border: 1px solid #d5d9e0; color: #374151; }
html.pc-shell #toggleDemoBtn:hover { background: var(--panel-2); }
html.pc-shell #toggleDemoBtn.on { background: var(--accent-2); color: #3730a3; border-color: var(--accent-line); }

html.pc-shell .pc-app .pc-main,
html.pc-shell .pc-app.insp-closed .pc-main { position: relative; background: var(--bg); grid-template-columns: var(--lcol) minmax(0, 1fr) var(--rcol); }
html.pc-shell { --dur-c: 230ms; }
html.pc-shell .pc-app #pc-side,
html.pc-shell .pc-app #pc-insp,
html.pc-shell .pc-app.insp-closed #pc-insp {
  display: flex; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; min-width: 0; z-index: 2; overflow: hidden;
  background: var(--panel); transform: none; opacity: 1; visibility: visible; outline: none; border: 0; box-shadow: none;
  clip-path: inset(0 0 0 0);
  transition: clip-path var(--dur-c) var(--ease);
}
html.pc-shell #pc-side::after, html.pc-shell #pc-insp::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: var(--line); pointer-events: none; z-index: 8; transition: transform var(--dur-c) var(--ease); }
html.pc-shell #pc-side::after { transform: translateX(calc(var(--l-w) - 1px)); }
html.pc-shell #pc-insp::after { transform: translateX(0); }
html.pc-shell #pc-side::before, html.pc-shell #pc-insp::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 14px; opacity: 0; pointer-events: none; z-index: 8; transition: transform var(--dur-c) var(--ease), opacity var(--dur-c) var(--ease); }
html.pc-shell #pc-side::before { box-shadow: inset -9px 0 10px -9px rgba(17, 24, 39, .22); transform: translateX(calc(var(--l-w) - 14px)); }
html.pc-shell #pc-insp::before { box-shadow: inset 9px 0 10px -9px rgba(17, 24, 39, .22); transform: translateX(0); }

html.pc-shell .pc-app.pc-l-rail #pc-side,
html.pc-shell .pc-app.pc-r-rail #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-rail #pc-insp { position: absolute; grid-column: auto; grid-row: auto; top: 0; bottom: 0; }
html.pc-shell .pc-app.pc-l-rail #pc-side { left: 0; right: auto; width: var(--l-w); }
html.pc-shell .pc-app.pc-r-rail #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-rail #pc-insp { right: 0; left: auto; width: var(--r-w); }

html.pc-shell .pc-app.pc-l-rail #pc-side,
html.pc-shell .pc-app.pc-l-hid #pc-side { clip-path: inset(0 calc(100% - var(--rail-w)) 0 0); }
html.pc-shell .pc-app.pc-l-rail.pc-l-peek #pc-side { z-index: 35; clip-path: inset(0 0 0 0); }
html.pc-shell .pc-app.pc-l-hid.pc-l-peek #pc-side { clip-path: inset(0 calc(100% - var(--rail-w)) 0 0); }
html.pc-shell .pc-app.pc-l-rail:not(.pc-l-peek) #pc-side::after,
html.pc-shell .pc-app.pc-l-hid #pc-side::after { transform: translateX(calc(var(--rail-w) - 1px)); }
html.pc-shell .pc-app.pc-l-rail:not(.pc-l-peek) #pc-side::before,
html.pc-shell .pc-app.pc-l-hid #pc-side::before { transform: translateX(calc(var(--rail-w) - 14px)); }
html.pc-shell .pc-app.pc-l-rail.pc-l-peek #pc-side::before { opacity: 1; }

html.pc-shell .pc-app.pc-r-rail #pc-insp,
html.pc-shell .pc-app.pc-r-hid #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-rail #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-hid #pc-insp { clip-path: inset(0 0 0 calc(100% - var(--rail-w))); }
html.pc-shell .pc-app.pc-r-rail.pc-r-peek #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-rail.pc-r-peek #pc-insp { z-index: 35; clip-path: inset(0 0 0 0); }
html.pc-shell .pc-app.pc-r-rail:not(.pc-r-peek) #pc-insp::after,
html.pc-shell .pc-app.pc-r-hid #pc-insp::after,
html.pc-shell .pc-app.insp-closed.pc-r-rail:not(.pc-r-peek) #pc-insp::after { transform: translateX(calc(var(--r-w) - var(--rail-w))); }
html.pc-shell .pc-app.pc-r-rail:not(.pc-r-peek) #pc-insp::before,
html.pc-shell .pc-app.pc-r-hid #pc-insp::before,
html.pc-shell .pc-app.insp-closed.pc-r-rail:not(.pc-r-peek) #pc-insp::before { transform: translateX(calc(var(--r-w) - var(--rail-w))); }
html.pc-shell .pc-app.pc-r-rail.pc-r-peek #pc-insp::before,
html.pc-shell .pc-app.insp-closed.pc-r-rail.pc-r-peek #pc-insp::before { opacity: 1; }

html.pc-shell #pc-side > .pc-pane { max-height: var(--sec-h, none); transition: max-height 190ms var(--ease), padding 190ms var(--ease), opacity 190ms var(--ease); }
html.pc-shell .pc-app.pc-l-shut #pc-side > .pc-pane { max-height: 0 !important; overflow: hidden; padding-top: 0; padding-bottom: 0; opacity: 0; transition-duration: 150ms; }

html.pc-shell #pc-side > .pc-dr-head { padding-left: 10px; }
html.pc-shell #pc-insp > .pc-dr-head { padding-right: 10px; }
html.pc-shell #pc-insp > :not(.pc-strip):not(.pc-dr-head) { margin-right: var(--rail-w); }
.pc-strip { position: absolute; top: var(--hd-h, 57px); bottom: 0; right: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 4px; width: var(--rail-w); box-sizing: border-box; padding: 8px 0; background: var(--panel); border-left: 1px solid var(--line-2); }
html.pc-shell .pc-center { position: relative; z-index: 1; }

.pc-dr-head { display: flex; align-items: center; gap: 10px; padding: 12px 12px 10px 14px; flex: 0 0 auto; }
.pc-dr-ico { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--accent-2); color: var(--accent); flex: none; }
.pc-dr-head > div { flex: 1; min-width: 0; }
.pc-dr-head h2 { margin: 0; font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--text); }
.pc-dr-head p { margin: 2px 0 0; font-size: 12px; line-height: 1.4; color: var(--muted); }
.pc-dr-head .pc-btn { flex: none; }


html.pc-shell .pc-tabs { background: var(--panel); border-bottom: 1px solid var(--line); }
html.pc-shell #pc-insp-tabs { padding: 0 8px; }
html.pc-shell #pc-insp-tabs > button { flex: 1 1 0; padding: 9px 4px 9px; font-size: 12px; }
html.pc-shell #pc-insp-tabs .pc-spacer { display: none; }
html.pc-shell .pc-tabs .pc-tab-count { font-size: 12px; min-width: 18px; }

html.pc-shell .pc-pane { padding: 14px 14px 22px; }
.pc-sec-head { margin: 0 0 14px; }
.pc-sec-head h3 { margin: 0; font-size: 15px; font-weight: 700; color: var(--text); }
.pc-sec-head p { margin: 3px 0 0; font-size: 12px; color: var(--muted); }


html.pc-shell .pc-stagebar { padding: 8px 12px; gap: 8px; }
html.pc-shell #pc-side-toggle,
html.pc-shell #pc-insp-toggle { display: none; }
html.pc-shell #pc-actions-btn { display: inline-flex; align-items: center; }
html.pc-shell #pc-actions-btn .pc-ico { margin-right: 6px; }
html.pc-shell #pc-stage-reload .pc-ico { margin: 0; }
html.pc-shell .pc-menu-pop h6 { font-size: 12px; color: var(--muted); }
html.pc-shell .pc-menu-pop button { display: flex; align-items: center; font-size: 12px; }
html.pc-shell .pc-menu-pop button .pc-ico { color: var(--accent); }
html.pc-shell .pc-menu-pop button small { font-size: 12px; color: var(--muted); }

html.pc-shell #pcash-dev-bootstrap-desc { bottom: 84px; }

html.pc-shell .pc-app #pc-side { grid-column: 1; grid-row: 1; }
html.pc-shell .pc-app .pc-center { grid-column: 2; grid-row: 1; }
html.pc-shell .pc-app #pc-insp,
html.pc-shell .pc-app.insp-closed #pc-insp { grid-column: 3; grid-row: 1; }
html.pc-shell .pc-top > *, html.pc-shell .pc-tg > *, html.pc-shell .pc-env, html.pc-shell .pc-init { flex-shrink: 0; min-width: 0; }
html.pc-shell .pc-top .pc-spacer { flex: 1 1 0; min-width: 8px; }
@media (min-width: 1100px) { html.pc-shell .pc-top { flex-wrap: nowrap; } }
html.pc-shell .pc-menu-pop { width: 372px; }
html.pc-shell .pc-menu-pop button { white-space: nowrap; gap: 0; }
html.pc-shell .pc-menu-pop button small { margin-left: auto; padding-left: 14px; }
html.pc-shell .pc-app { grid-template-rows: auto auto minmax(0, 1fr); }
html.pc-shell .pc-app > .pc-top { grid-row: 1; }
html.pc-shell .pc-app > .pc-stagebar-top { grid-row: 2; }
html.pc-shell .pc-app > .pc-main { grid-row: 3; }
html.pc-shell .pc-app > .pc-stagebar-top { flex-wrap: nowrap; border-bottom: 1px solid var(--line); background: var(--panel); position: relative; z-index: 51; }

html.pc-shell .pc-tg-tools { padding-right: 4px; }
body.demo-mode .pc-tg-tools { display: none; }


html.pc-shell .pc-top { gap: 0; }
html.pc-shell .pc-top .pc-btn,
html.pc-shell #pcash-dev-bootstrap { height: 32px; box-sizing: border-box; padding: 0 12px; line-height: 1; }
html.pc-shell .pc-top .pc-logo-btn { padding: 0 10px; }
html.pc-shell .pc-top select { height: 30px; box-sizing: border-box; }
html.pc-shell .pc-top .pc-seg > button { height: 28px; padding: 0 10px; }
html.pc-shell .pc-top .pc-gear { color: #4b5563; }
html.pc-shell .pc-top .pc-gear:hover { color: var(--text); background: rgba(17, 24, 39, .06); }
html.pc-shell .pc-env { gap: 2px; }
html.pc-shell .pc-env .pc-badge,
html.pc-shell #initStatus { display: none; }
html.pc-shell .pc-chip { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 28px; box-sizing: border-box; padding: 0 11px; border: 1px solid transparent; border-radius: 999px; background: #f3f4f6; color: #374151; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: default; }
html.pc-shell .pc-chip .pc-ico { margin: 0; vertical-align: 0; }
html.pc-shell .pc-chip .pc-icon { width: 14px; height: 14px; }
html.pc-shell .pc-env-chip { background: #f0fdf4; color: #166534; border-color: #bbf7d0; }
html.pc-shell .pc-env-chip.direct { background: #fff7ed; color: #9a3412; border-color: #fdba74; }
html.pc-shell .pc-dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: #d97706; }
html.pc-shell .pc-init-chip.ok { background: #dcfce7; color: #166534; }
html.pc-shell .pc-init-chip.ok .pc-dot { background: #16a34a; }
html.pc-shell .pc-init-chip.bad { background: #fee2e2; color: #991b1b; }
html.pc-shell .pc-init-chip.bad .pc-dot { background: #dc2626; }
html.pc-shell .pc-init-chip.busy { background: #fef9c3; color: #854d0e; }
html.pc-shell .pc-init-chip.busy .pc-dot { background: #ca8a04; }
html.pc-shell .pc-init-chip .pc-dot { transition: background-color 150ms var(--ease); }
html.pc-shell .pc-tg-init { gap: 8px; }

html.pc-shell .pc-center { background: var(--bg); }
html.pc-shell .pc-center > .pc-statebar { position: relative; z-index: 8; display: flex; flex: none; flex-wrap: nowrap; align-items: center; gap: 6px 14px; padding: 6px 12px; background: #fff; border-bottom: 1px solid var(--line); font-size: 12px; }
html.pc-shell .pc-statebar .mc-stat { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; border-radius: 0; font-size: 12px; color: var(--muted); white-space: nowrap; }
html.pc-shell .pc-statebar .mc-stat:not(:has(button)) { padding-right: 0; }
html.pc-shell .pc-statebar .mc-stat b { font-size: 12px; font-weight: 600; color: var(--text); }
html.pc-shell .pc-statebar .mc-mono { font-size: 12px; max-width: 92px; }
html.pc-shell .pc-statebar .mc-copy { padding: 2px 8px; font-size: 12px; background: var(--line-2); color: var(--muted); }
html.pc-shell .pc-statebar #mock-flow { display: flex; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; overflow: hidden; }
html.pc-shell .pc-statebar #mock-flow-compact { flex: 0 1 auto; flex-wrap: nowrap; min-width: 0; gap: 6px; overflow: hidden; }
html.pc-shell .pc-statebar #mock-flow-compact > * { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.pc-shell .pc-statebar #mock-flow-compact > .fl-arrow { flex: none; }
html.pc-shell .pc-statebar #mock-flow-compact > :nth-child(n+5), html.pc-shell .pc-statebar #mock-flow-compact > .pc-fl-off { display: none; }
html.pc-shell .pc-statebar #mock-flow-compact > .fl-cur { flex: none; }
html.pc-shell .pc-statebar:has(#mock-flow:not([style*="none"])) > .mc-stat:first-child { display: none; }
@container (max-width: 899px) {
  html.pc-shell .pc-statebar .pc-st-lab { display: none; }
  html.pc-shell .pc-statebar #mock-flow-compact > :nth-child(n+4) { display: none; }
}
html.pc-shell .pc-statebar .fl-cur, html.pc-shell .pc-statebar .fl-next, html.pc-shell .pc-statebar .fl-back { font-size: 12px; }
.pc-flow-more { flex: none; height: 24px; box-sizing: border-box; padding: 0 9px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #374151; font: inherit; font-size: 12px; font-weight: 600; line-height: 1; cursor: pointer; transition: background-color 120ms ease-out, border-color 120ms ease-out; }
.pc-flow-more[hidden] { display: none; }
.pc-flow-more:hover { background: var(--accent-2); border-color: var(--accent-line); color: #3730a3; }
.pc-flow-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
html.pc-shell .pc-statebar .pc-spacer { display: none; }
html.pc-shell .pc-statebar #mock-flow-view-full { margin-left: auto; }
html.pc-shell .pc-statebar .pc-bl { display: none; }
html.pc-shell .pc-statebar .pc-st-actions .pc-btn.sm { width: 28px; padding: 0; justify-content: center; }
@container (min-width: 1000px) {
  html.pc-shell .pc-statebar .pc-bl { display: inline; }
  html.pc-shell .pc-statebar .pc-st-actions .pc-btn.sm { width: auto; padding: 0 10px; }
}
@container (max-width: 719px) {
  html.pc-shell .pc-center > .pc-statebar { flex-wrap: wrap; }
  html.pc-shell .pc-statebar #mock-flow { order: 5; flex: 1 1 100%; }
}
html.pc-shell .pc-statebar .pc-btn.sm { display: inline-flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 10px; font-size: 12px; line-height: 1; }
html.pc-shell .pc-statebar .pc-btn.sm .pc-ico { margin: 0; vertical-align: 0; }
html.pc-shell .pc-st-actions { display: inline-flex; align-items: center; gap: 6px; padding-left: 10px; border-left: 1px solid var(--line); }
html.pc-shell .pc-st-note { position: absolute; top: calc(100% + 8px); right: 12px; z-index: 9; max-width: calc(100% - 24px); padding: 6px 10px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(17, 24, 39, .14); font-size: 12px; font-weight: 600; line-height: 1.3; opacity: 0; transform: translateY(-4px); pointer-events: none; visibility: hidden; transition: opacity 180ms var(--ease), transform 180ms var(--ease), visibility 0s linear 180ms; }
html.pc-shell .pc-st-note.pc-fresh { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }

html.pc-shell #pc-pin { flex: 0 1 auto; display: block; min-height: 0; max-height: 50%; overflow: auto; overscroll-behavior: contain; padding: 10px 12px 12px; background: var(--panel-2); border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line); }
html.pc-shell #pc-pin::-webkit-scrollbar { width: 10px; }
html.pc-shell #pc-pin::-webkit-scrollbar-track { background: var(--panel-2); }
html.pc-shell #pc-pin::-webkit-scrollbar-thumb { background: #9ca3af; border: 2px solid var(--panel-2); border-radius: 6px; }
html.pc-shell #pc-pin::-webkit-scrollbar-thumb:hover { background: #6b7280; }
html.pc-shell #pc-pin #mock-steps { margin: 0; }
html.pc-shell #pc-pin #mock-steps > .mc-body { max-height: none; overflow: visible; }
html.pc-shell #pc-pin #mock-steps .pc-card-wi { overflow: visible; }
html.pc-shell #pc-pin #mock-steps .mc-section-label { flex-wrap: wrap; row-gap: 0; color: var(--accent); cursor: default; }
html.pc-shell #pc-pin #mock-steps .mc-section-label small { flex-basis: 100%; }
html.pc-shell #pc-pin #mock-steps .mc-caret { display: none; }

@media (prefers-reduced-motion: reduce) {
  html.pc-shell .pc-st-note, html.pc-shell .pc-init-chip .pc-dot { transition: none !important; }
}

html.pc-shell .pc-sg { display: flex; align-items: center; gap: 6px; flex: none; padding: 0 0 0 10px; border-left: 1px solid var(--line); min-height: 28px; }
html.pc-shell .pc-stagebar-top { min-width: 0; }

html.pc-shell #pc-side-tabs { display: none; }
html.pc-shell .pc-sec-head { display: none; }
html.pc-shell #pc-side > .pc-dr-head { border-bottom: 1px solid var(--line); }
.pc-sh { flex: none; display: flex; align-items: center; gap: 8px; box-sizing: border-box; width: 100%; height: 44px; padding: 0 12px; background: var(--panel); color: var(--text); border: 0; border-bottom: 1px solid var(--line); font: inherit; text-align: left; cursor: pointer; transition: background-color 120ms ease-out, color 120ms ease-out; }
.pc-sh:hover { background: var(--panel-2); }
.pc-sh:active { background: var(--line-2); }
.pc-sh:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.pc-sh[aria-expanded="true"] { background: var(--accent-2); color: #3730a3; }
.pc-sh-ico { display: grid; place-items: center; flex: none; color: var(--muted); }
.pc-sh[aria-expanded="true"] .pc-sh-ico { color: var(--accent); }
.pc-sh-t { flex: none; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.pc-sh-sum { flex: 1 1 0; min-width: 0; text-align: right; font-size: 12px; font-weight: 400; line-height: 1.2; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-sh-sum.warn { color: #92400e; font-weight: 600; }
.pc-sh-ch { display: grid; place-items: center; flex: none; color: var(--muted); }
.pc-sh-ch .pc-icon { width: 14px; height: 14px; transform: rotate(-90deg); transition: transform 180ms var(--ease); }
.pc-sh[aria-expanded="true"] .pc-sh-ch .pc-icon { transform: none; }
html.pc-shell #pc-side > .pc-pane { flex: 1 1 auto; min-height: 0; padding: 14px 14px 22px; }
html.pc-shell #pc-side > .pc-pane.pc-sec-collapsed { display: none; }
html.pc-shell #pc-side > .pc-pane.pc-sec-in { animation: pcSecIn 180ms var(--ease) both; }
html.pc-shell #pc-side > .pc-pane.pc-sec-out { opacity: 0; transform: translateY(-4px); transition: opacity 140ms ease-out, transform 140ms ease-out; }
@keyframes pcSecIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .pc-sh, .pc-sh-ch .pc-icon { transition: none !important; }
  html.pc-shell #pc-side > .pc-pane.pc-sec-in { animation: none !important; }
  html.pc-shell #pc-side > .pc-pane.pc-sec-out { transition: none !important; }
}

#pc-side > .pc-dr-head, #pc-insp > .pc-dr-head { border-bottom: 1px solid var(--line); }

.pc-rail-grow { flex: 1 1 auto; }
.pc-rail-sep { flex: none; width: 24px; height: 1px; margin: 4px 0; background: var(--line); }
.pc-rail-btn { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; flex: none; width: 36px; min-height: 36px; box-sizing: border-box; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #4b5563; font: inherit; cursor: pointer; transition: background-color 120ms ease-out, color 120ms ease-out, transform 120ms var(--ease); }
.pc-rail-btn[hidden] { display: none; }
.pc-rail-btn:hover { background: var(--panel-2); color: var(--text); }
.pc-rail-btn:active { transform: scale(.96); }
.pc-rail-btn.pc-on { background: var(--accent-2); color: #3730a3; }
.pc-rail-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.pc-rail-ico { display: grid; place-items: center; flex: none; }
.pc-rail-btn .pc-icon { width: 18px; height: 18px; }
.pc-rail-status, .pc-rail-sms { width: 44px; padding: 6px 0; }
.pc-rdot { display: block; width: 10px; height: 10px; border-radius: 50%; background: #d97706; transition: background-color 150ms var(--ease); }
.pc-rail-status.ok .pc-rdot { background: #16a34a; }
.pc-rail-status.bad .pc-rdot { background: #dc2626; }
.pc-rail-status.busy .pc-rdot { background: #ca8a04; }
.pc-rail-status .pc-rail-ico { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.pc-rstep { max-width: 100%; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .02em; color: #1f2937; white-space: nowrap; }
.pc-rail-sms .pc-rail-ico { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.pc-rsms { display: inline-block; max-width: 100%; font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; letter-spacing: 0; color: #854d0e; background: #fef9c3; border: 1px solid #fde047; border-radius: 5px; padding: 2px 2px; }
.pc-rail-sms.pc-copied { background: #dcfce7; }
.pc-rail-badge { position: absolute; top: -4px; right: -3px; box-sizing: border-box; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #e5e7eb; color: #374151; font-size: 12px; font-weight: 600; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums; pointer-events: none; }
.pc-rail-badge[hidden] { display: none; }
.pc-rail-badge.err { background: #dc2626; color: #fff; }
.pc-rail-btn.pc-on .pc-rail-badge:not(.err) { background: #c7d2fe; color: #312e81; }
.pc-bump { animation: pcBump 160ms var(--ease) both; }
@keyframes pcBump { from { transform: scale(.9); } to { transform: none; } }
.pc-rail-dot { position: absolute; top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: #d97706; box-shadow: 0 0 0 2px #fff; pointer-events: none; }
.pc-rail-dot[hidden] { display: none; }
.pc-flash { animation: pcFlash 900ms var(--ease) both; }
@keyframes pcFlash { 0% { box-shadow: 0 0 0 3px rgba(79, 70, 229, .45); } 100% { box-shadow: 0 0 0 3px rgba(79, 70, 229, 0); } }

.pc-strip .pc-tip { display: none; }

html.pc-shell #pc-toasts { top: auto; left: auto; right: 12px; bottom: 12px; width: 320px; max-width: calc(100% - 24px); display: flex; flex-direction: column-reverse; gap: 8px; font: inherit; }
html.pc-shell #pc-toasts[hidden] { display: none; }
html.pc-shell .pc-toast { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; row-gap: 1px; align-items: center; box-sizing: border-box; margin: 0; padding: 10px 12px; font: 13px/1.3 inherit; color: var(--text); background: #fff; border: 1px solid var(--line); border-left-width: 1px; border-radius: 10px; box-shadow: 0 8px 24px rgba(17, 24, 39, .14), 0 1px 3px rgba(17, 24, 39, .08); animation: pcToastIn 200ms ease-out; transition: opacity 150ms linear !important; }
html.pc-shell .pc-toast > .pc-tn-ico { grid-column: 1; grid-row: 1 / span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--accent); background: var(--accent-2); }
html.pc-shell .pc-toast > .pc-tn-ico .pc-icon { width: 14px; height: 14px; }
html.pc-shell .pc-toast > span:not(.pc-tn-ico) { grid-column: 2; min-width: 0; align-items: baseline; font-size: 13px; }
html.pc-shell .pc-toast b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--text); }
html.pc-shell .pc-toast > span:not(.pc-tn-ico) > span { flex: none; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
html.pc-shell .pc-toast > div { grid-column: 2; margin: 0; font-size: 12px; line-height: 1.3; color: var(--muted); }
html.pc-shell .pc-toast.pc-t-old { opacity: 0 !important; pointer-events: none; }
html.pc-shell .pc-toast.pc-t-gone { display: none; }
@keyframes pcToastIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }


@media (prefers-reduced-motion: reduce) {
  html.pc-shell .pc-app #pc-side, html.pc-shell .pc-app #pc-insp, .pc-strip,
  .pc-rail-btn, .pc-rdot, .pc-flow-more { transition: none !important; }
  .pc-bump, .pc-flash { animation: none !important; }
}

html.pc-shell .pc-app:not(.pc-mode-tsx) #partner-view-toggle { display: none; }

html.pc-shell .pc-top { position: relative; z-index: 52; }
html.pc-shell .pc-top, html.pc-shell .pc-app > .pc-stagebar-top, html.pc-shell .pc-center > .pc-statebar { transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease); }
html.pc-shell .pc-bar-hid { transform: translateY(-100%); opacity: 0; pointer-events: none; }
html.pc-shell .pc-bar-off { display: none !important; }
.pc-bar-x { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; margin-left: 8px; color: #6b7280; border-radius: 6px; }
.pc-bar-x .pc-icon { width: 14px; height: 14px; }
.pc-bar-x:hover { color: var(--text); }
html.pc-shell .pc-statebar > .pc-bar-x { margin-left: 0; }
html.pc-shell .pc-stagebar-top > .pc-bar-x { margin-left: 0; }

.pc-pills { position: fixed; top: 0; right: 12px; z-index: 30; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; pointer-events: none; }
.pc-pill { pointer-events: auto; display: inline-flex; align-items: center; max-width: 340px; height: 28px; box-sizing: border-box; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #1f2937; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; box-shadow: 0 4px 14px rgba(17, 24, 39, .12), 0 1px 3px rgba(17, 24, 39, .08); transform-origin: 100% 0; animation: pcPillIn 160ms var(--ease) both; overflow: hidden; }
.pc-pill[hidden] { display: none; }
.pc-pill-main { display: inline-flex; align-items: center; gap: 8px; min-width: 0; height: 100%; padding: 0 12px 0 10px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; transition: background-color 120ms ease-out, color 120ms ease-out; }
.pc-pill-main:hover { background: var(--accent-2); color: #3730a3; }
.pc-pill-main:focus-visible, .pc-pill-tg:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.pc-pill-tg { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 100%; padding: 0; border: 0; border-left: 1px solid var(--line); background: transparent; color: #4b5563; cursor: pointer; transition: background-color 120ms ease-out, color 120ms ease-out; }
.pc-pill-tg .pc-icon { width: 14px; height: 14px; }
.pc-pill-tg:hover { background: var(--panel-2); color: var(--text); }
.pc-pill-tg[aria-pressed="true"] { background: var(--accent-2); color: #3730a3; }
.pc-pill-i { display: inline-flex; align-items: center; flex: none; color: var(--accent); }
.pc-pill-i .pc-icon { width: 14px; height: 14px; }
.pc-pill-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
@keyframes pcPillIn { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: none; } }
html.pc-shell #pc-sms-stack { top: calc(12px + var(--pc-pills-h, 0px)); }
@media (prefers-reduced-motion: reduce) {
  html.pc-shell .pc-top, html.pc-shell .pc-app > .pc-stagebar-top, html.pc-shell .pc-center > .pc-statebar, .pc-pill { transition: none !important; }
  .pc-pill { animation: none !important; }
}

.pc-pill .pc-dot.ok { background: #16a34a; }
.pc-pill .pc-dot.busy { background: #ca8a04; }
.pc-pill .pc-dot.bad { background: #dc2626; }

html.pc-shell .pc-app.pc-l-gone { --lcol: 0px; }
html.pc-shell .pc-app.pc-r-gone { --rcol: 0px; }
html.pc-shell .pc-app.pc-l-rail.pc-l-gone #pc-side { transform: translateX(-100%); visibility: hidden; pointer-events: none; transition: transform 160ms var(--ease), visibility 0s linear 160ms; }
html.pc-shell .pc-app.pc-r-rail.pc-r-gone #pc-insp,
html.pc-shell .pc-app.insp-closed.pc-r-rail.pc-r-gone #pc-insp { transform: translateX(100%); visibility: hidden; pointer-events: none; transition: transform 160ms var(--ease), visibility 0s linear 160ms; }

.pc-arrow { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; color: #4b5563; border-radius: 7px; }
.pc-arrow .pc-icon { width: 16px; height: 16px; }
.pc-arrow:hover { color: var(--text); }

.pc-edge { position: fixed; bottom: 0; z-index: 36; width: 24px; }
.pc-edge[hidden] { display: none; }
.pc-edge-l { left: 0; }
.pc-edge-r { right: 0; }
.pc-edge-tab { position: absolute; top: 50%; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px; background: #fff; color: #374151; border: 1px solid var(--line); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; opacity: 0; pointer-events: none; box-shadow: 0 6px 20px rgba(17, 24, 39, .14); transition: transform 160ms var(--ease), opacity 160ms var(--ease), background-color 120ms ease-out, color 120ms ease-out; }
.pc-edge-tab span { writing-mode: vertical-rl; line-height: 14px; white-space: nowrap; }
.pc-edge-tab .pc-icon { width: 14px; height: 14px; }
.pc-edge-l .pc-edge-tab { left: 0; border-left: 0; border-radius: 0 8px 8px 0; transform: translate(-100%, -50%); }
.pc-edge-r .pc-edge-tab { right: 0; border-right: 0; border-radius: 8px 0 0 8px; transform: translate(100%, -50%); }
.pc-edge.open .pc-edge-tab { opacity: 1; pointer-events: auto; transform: translate(0, -50%); }
.pc-edge-r.open .pc-edge-tab { transform: translate(0, -50%); }
.pc-edge-tab:hover { background: var(--accent-2); color: #3730a3; }
.pc-edge-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

.pc-pills-list { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.pc-pills { align-items: flex-start; left: 12px; right: auto; }
.pc-pill, .pc-pills-hide { transition: transform 180ms var(--ease) calc(var(--i, 0) * 40ms), opacity 180ms var(--ease) calc(var(--i, 0) * 40ms), background-color 120ms ease-out; }
.pc-pills.pc-away .pc-pill, .pc-pills.pc-away .pc-pills-hide { opacity: 0; transform: translateY(-14px); }
.pc-pill { animation-fill-mode: backwards; }
.pc-pills-hide { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 22px; margin-top: 8px; padding: 0; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #4b5563; cursor: pointer; box-shadow: 0 2px 8px rgba(17, 24, 39, .1); }
.pc-pills-hide[hidden] { display: none; }
.pc-pills-hide .pc-icon { width: 14px; height: 14px; }
.pc-pills-hide:hover { transform: translateY(-2px); color: var(--text); }
.pc-pills-hide:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.pc-pills[hidden] { display: none; }

.pc-pmenu { position: fixed; z-index: 55; min-width: 200px; padding-top: 6px; opacity: 0; transform: translateY(-4px); transform-origin: 0 0; pointer-events: none; transition: opacity 160ms var(--ease), transform 160ms var(--ease); }
.pc-pmenu[hidden] { display: none; }
.pc-pmenu.open { opacity: 1; transform: none; pointer-events: auto; }
.pc-pmenu-card { padding: 4px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 32px rgba(17, 24, 39, .18); }
.pc-pmenu-i { display: flex; align-items: center; gap: 6px; width: 100%; padding: 7px 10px 7px 6px; border: 0; border-radius: 6px; background: transparent; color: #374151; font: inherit; font-size: 12px; font-weight: 500; text-align: left; white-space: nowrap; cursor: pointer; transition: background-color 120ms ease-out; }
.pc-pmenu-i:hover, .pc-pmenu-i:focus-visible { background: var(--panel-2); }
.pc-pmenu-i:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.pc-pmenu-i[aria-checked="true"] { color: #3730a3; font-weight: 600; }
.pc-pmenu-i.strong { font-weight: 600; color: #1f2937; }
.pc-pmenu-ck { display: inline-flex; width: 14px; flex: none; color: var(--accent); }
.pc-pmenu-ck .pc-icon { width: 14px; height: 14px; }
.pc-pmenu-sep { height: 1px; margin: 4px 6px; background: var(--line); }
.pc-pmenu-info { padding: 6px 10px; font-size: 12px; font-weight: 600; color: #4b5563; }
@media (prefers-reduced-motion: reduce) {
  .pc-edge-tab, .pc-pzone-tab, .pc-hint, .pc-pmenu, .pc-pill, .pc-pills-hide { transition: none !important; }
}

[data-pc-tip] { position: relative; }
[data-pc-tip]::after { content: attr(data-pc-tip); position: absolute; top: calc(100% + 6px); left: 50%; z-index: 60; padding: 5px 8px; border-radius: 6px; background: #111827; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.2; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%, -2px); transition: opacity 120ms ease-out, transform 120ms var(--ease); }
[data-pc-tip]:hover::after { opacity: 1; transform: translate(-50%, 0); transition-delay: 350ms; }
[data-pc-tip]:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }
[data-pc-tip][data-pc-tip-align="end"]::after { left: auto; right: 0; transform: translate(0, -2px); }
[data-pc-tip][data-pc-tip-align="end"]:hover::after, [data-pc-tip][data-pc-tip-align="end"]:focus-visible::after { transform: none; }
[data-pc-tip][data-pc-tip-align="start"]::after { left: 0; transform: translate(0, -2px); }
[data-pc-tip][data-pc-tip-align="start"]:hover::after, [data-pc-tip][data-pc-tip-align="start"]:focus-visible::after { transform: none; }

.pc-arrow { position: relative; }
.pc-ai { position: absolute; inset: 0; display: inline-flex; align-items: center; justify-content: center; transition: opacity 120ms ease-out; }
.pc-ai-b, .pc-ai-c { opacity: 0; }
.pc-arrow.is-out .pc-ai-a { opacity: 0; }
.pc-arrow.is-out .pc-ai-c { opacity: 1; }
.pc-arrow.is-pin .pc-ai-a, .pc-arrow.is-pin .pc-ai-c { opacity: 0; }
.pc-arrow.is-pin .pc-ai-b { opacity: 1; }

.pc-pill { overflow: visible; }
.pc-pill-main { border-radius: 999px 0 0 999px; }
.pc-pill-main:only-child { border-radius: 999px; }
.pc-pill-tg:last-child { border-radius: 0 999px 999px 0; }

.pc-pzone { position: fixed; top: 0; z-index: 60; width: 220px; height: 24px; }
.pc-pzone[hidden] { display: none; }
.pc-pzone-tab { position: absolute; left: 0; top: 8px; display: inline-flex; align-items: center; height: 28px; box-sizing: border-box; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #374151; font: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; cursor: pointer; box-shadow: 0 6px 20px rgba(17, 24, 39, .14); opacity: 0; pointer-events: none; transform: translateY(calc(-100% - 8px)); transition: transform 160ms var(--ease), opacity 160ms var(--ease), background-color 120ms ease-out; }
.pc-pzone-tab small { display: none; margin-left: 8px; font-size: 12px; font-weight: 400; color: #6b7280; }
.pc-pzone.open .pc-pzone-tab { opacity: 1; pointer-events: auto; transform: none; }
.pc-pzone-tab:hover { background: var(--accent-2); color: #3730a3; }
.pc-pzone-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.pc-pzone-tab.pc-teach { animation: pcTeachY 1160ms linear both; }
.pc-pzone-tab.pc-teach small { display: inline; }
@keyframes pcTeachY {
  0% { opacity: 1; transform: translateY(calc(-100% - 8px)); animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1); }
  22.41% { opacity: 1; transform: translateY(0); animation-timing-function: linear; }
  82.76% { opacity: 1; transform: translateY(0); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% { opacity: 1; transform: translateY(calc(-100% - 8px)); }
}
.pc-edge-l .pc-edge-tab.pc-teach { animation: pcTeachXL 1160ms linear both; }
.pc-edge-r .pc-edge-tab.pc-teach { animation: pcTeachXR 1160ms linear both; }
@keyframes pcTeachXL {
  0% { opacity: 1; transform: translate(-100%, -50%); animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1); }
  22.41% { opacity: 1; transform: translate(0, -50%); animation-timing-function: linear; }
  82.76% { opacity: 1; transform: translate(0, -50%); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% { opacity: 1; transform: translate(-100%, -50%); }
}
@keyframes pcTeachXR {
  0% { opacity: 1; transform: translate(100%, -50%); animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1); }
  22.41% { opacity: 1; transform: translate(0, -50%); animation-timing-function: linear; }
  82.76% { opacity: 1; transform: translate(0, -50%); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% { opacity: 1; transform: translate(100%, -50%); }
}
@keyframes pcTeachFadeY { 0% { opacity: 0; transform: none; } 13%, 87% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes pcTeachFadeL { 0% { opacity: 0; transform: translate(0, -50%); } 13%, 87% { opacity: 1; transform: translate(0, -50%); } 100% { opacity: 0; transform: translate(0, -50%); } }
@media (prefers-reduced-motion: reduce) {
  .pc-pzone-tab.pc-teach { animation: pcTeachFadeY 1160ms linear both; transform: none; }
  .pc-edge-l .pc-edge-tab.pc-teach, .pc-edge-r .pc-edge-tab.pc-teach { animation: pcTeachFadeL 1160ms linear both; transform: translate(0, -50%); }
  .pc-ai, [data-pc-tip]::after { transition: none !important; }
}

html.pc-shell .pc-statebar .pc-copy-i { display: none; margin: 0; }
html.pc-shell .pc-center > .pc-statebar { gap: 6px 8px; }
html.pc-shell .pc-statebar .mc-mono { max-width: 84px; }
@container (max-width: 899px) {
  html.pc-shell .pc-statebar [data-copy] .pc-copy-t { display: none; }
  html.pc-shell .pc-statebar [data-copy] .pc-copy-i { display: inline-flex; }
  html.pc-shell .pc-statebar [data-copy] { padding: 3px 6px; }
}

.pc-pills { top: 0; transform: translateY(var(--ay, 8px)); }
.pc-pills.pc-placed { transition: transform 180ms var(--ease); }
.pc-pzone { transform: translateY(var(--ay, 0px)); clip-path: inset(0 -30px -70px -30px); }
.pc-pzone.pc-placed { transition: transform 180ms var(--ease); }
.pc-edge { top: var(--ay, 0px); }
@media (prefers-reduced-motion: reduce) {
  .pc-pills.pc-placed, .pc-pzone.pc-placed { transition: none; }
}

.pc-pill { animation: none; }
.pc-pill.pc-pill-in { animation: pcPillIn 160ms var(--ease) backwards; }
.pc-pill.pc-pill-leaving { opacity: 0; pointer-events: none; transition: opacity 140ms ease-out; transition-delay: 0s; }
.pc-pzone-n { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; box-sizing: border-box; margin-left: 8px; padding: 0 5px; border-radius: 9px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 600; line-height: 18px; font-variant-numeric: tabular-nums; }
.pc-pzone-n[hidden] { display: none; }
.pc-pzone-n.pc-pop { animation: pcPop 160ms var(--ease) both; }
@keyframes pcPop { from { transform: scale(.85); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .pc-pzone-n.pc-pop { animation: none; } .pc-pill.pc-pill-in { animation: none; } }

.pc-pmenu { min-width: 248px; }
.pc-pmenu-card { padding: 6px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(17, 24, 39, .02), 0 1px 2px rgba(17, 24, 39, .06), 0 8px 24px rgba(17, 24, 39, .12), 0 20px 48px rgba(17, 24, 39, .08); }
.pc-pmenu-group { padding: 8px 10px 4px; font-size: 12px; font-weight: 600; line-height: 1.2; color: #6b7280; }
.pc-pmenu-i { gap: 10px; height: 32px; padding: 0 10px; border-radius: 8px; }
.pc-pmenu-i.info { cursor: default; color: #374151; }
.pc-pmenu-i.info:hover { background: transparent; }
.pc-pmenu-ico { display: inline-flex; flex: none; color: #6b7280; }
.pc-pmenu-ico .pc-icon { width: 16px; height: 16px; }
.pc-pmenu-i[aria-checked="true"] .pc-pmenu-ico, .pc-pmenu-i.strong .pc-pmenu-ico { color: var(--accent); }
.pc-pmenu-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pc-pmenu-v { flex: none; max-width: 120px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; color: #6b7280; font-variant-numeric: tabular-nums; }
.pc-pmenu-ck { display: inline-flex; flex: none; width: 14px; margin: 0; color: var(--accent); }
.pc-pmenu-ck .pc-icon { width: 14px; height: 14px; }
.pc-pmenu-sep { margin: 4px 4px; }

.pc-pzone-tab.pc-signal { animation: pcSignal 1360ms linear both; }
.pc-pzone-tab.pc-signal small { display: inline; }
.pc-pzone-tab::after { content: ''; position: absolute; inset: -3px; border-radius: 999px; box-shadow: 0 0 0 3px rgba(79, 70, 229, .35); opacity: 0; pointer-events: none; }
.pc-pzone-tab.pc-signal::after { animation: pcRing 400ms ease-out 260ms both; }
@keyframes pcSignal {
  0% { opacity: 1; transform: translateY(calc(-100% - 8px)); animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1); }
  19.12% { opacity: 1; transform: translateY(0); animation-timing-function: linear; }
  85.29% { opacity: 1; transform: translateY(0); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  100% { opacity: 1; transform: translateY(calc(-100% - 8px)); }
}
@keyframes pcRing { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 0; } }
@keyframes pcSignalFade { 0% { opacity: 0; transform: none; } 11%, 89% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .pc-pzone-tab.pc-signal { animation: pcSignalFade 1360ms linear both; transform: none; }
  .pc-pzone-tab.pc-signal::after { animation: none; }
}


html.pc-shell #pc-flowdrawer { display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; max-height: 46vh; overflow: hidden; padding: 16px 16px 16px calc(16px + var(--pc-pills-w, 0px)); transition: padding-left 180ms var(--ease); }
html.pc-shell #pc-flowdrawer[hidden] { display: none; }
html.pc-shell #pc-flowdrawer > div:first-child { flex: none; overflow-y: hidden; overscroll-behavior: contain; }
html.pc-shell #mock-flow-map { flex: none; }
html.pc-shell .fl-node { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: clip; }
.pc-fd-cap { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex: none; }
html.pc-shell .pc-fd-cap #mock-flow-caption { flex: 1 1 0; min-width: 0; margin: 0; line-height: 1.5; }
.pc-fd-fold { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; }
.pc-fd-fold .pc-ico { margin: 0; }
@media (prefers-reduced-motion: reduce) { html.pc-shell #pc-flowdrawer { transition: none; } }

.pc-stepnav { display: inline-flex; align-items: center; gap: 2px; flex: none; }
html.pc-shell .pc-stepnav-bar .pc-sn { position: relative; width: 24px; height: 24px; padding: 0; border-radius: 6px; color: #4b5563; }
html.pc-shell .pc-stepnav-bar .pc-sn .pc-ai { position: absolute; inset: 0; }
.pc-sn { position: relative; }
.pc-sn:disabled { opacity: .4; cursor: default; }
.pc-pill-tg.pc-sn .pc-ai { position: absolute; inset: 0; }
.pc-sn .pc-ai-b { opacity: 0; }
.pc-sn.is-busy .pc-ai-a { opacity: 0; }
.pc-sn.is-busy .pc-ai-b { opacity: 1; }
.pc-sn.is-busy .pc-ai-b .pc-icon { animation: pcSpin 900ms linear infinite; }
@keyframes pcSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .pc-sn.is-busy .pc-ai-b .pc-icon { animation: none; } }
html.pc-shell .pc-statebar #mock-flow > .pc-stepnav { margin-right: 4px; }

.pc-sh-ico { position: relative; }
.pc-sh-dot { position: absolute; top: -4px; right: -5px; width: 9px; height: 9px; border-radius: 50%; background: #d97706; box-shadow: 0 0 0 2px var(--panel); pointer-events: none; }
.pc-sh-dot[hidden] { display: none; }

html.pc-shell #pc-side > .pc-sh { padding-left: 16px; }
html.pc-shell #pc-side > .pc-sh .pc-sh-ico { margin-right: 8px; }

html.pc-shell #pc-insp-tabs { display: none; }
html.pc-shell .pc-dr-head { min-height: 58px; box-sizing: border-box; }
html.pc-shell .pc-dr-head-r { padding: 12px 10px 10px 14px; }
html.pc-shell .pc-dr-head-r .pc-hd-t { flex: 1 1 0; min-width: 0; }
html.pc-shell .pc-dr-head-r h2, html.pc-shell .pc-dr-head-r .pc-hd-t p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-hd-actions { display: flex; align-items: center; gap: 6px; flex: none; }
.pc-hd-actions:empty { display: none; }
.pc-hd-act { flex: none; height: 28px; padding: 0 10px; }
.pc-hd-act[hidden] { display: none; }

html.pc-shell #pc-pin { flex: none; display: block; min-height: 0; max-height: none; overflow: visible; padding: 0; background: transparent; border: 0; }
html.pc-shell #pc-pin #mock-steps { margin: 0; border: 0; background: transparent; }
html.pc-shell #pc-pin #mock-steps .mc-section-label { display: none; }
html.pc-shell #pc-pin #mock-steps > .mc-body, html.pc-shell #pc-pin #mock-steps .pc-card-w, html.pc-shell #pc-pin #mock-steps .pc-card-wi { max-height: none; overflow: visible; grid-template-rows: 1fr; opacity: 1; visibility: visible; }
html.pc-shell #pc-insp > .pc-pane { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 14px 14px 22px; }

.pc-strip .pc-rail-btn { margin: 0 6px; }
.pc-rail-badge { top: -2px; right: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; font-size: 12px; line-height: 16px; }
.pc-rail-btn.pc-on { background: transparent; color: #4b5563; }
html.pc-shell .pc-app:not(.pc-r-rail) #pc-strip-r .pc-rail-btn.pc-on,
html.pc-shell .pc-app.pc-r-peek #pc-strip-r .pc-rail-btn.pc-on { background: var(--accent-2); color: #3730a3; }
.pc-strip .pc-rail-btn::before { content: ''; position: absolute; left: -6px; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: var(--accent); opacity: 0; transform: scaleY(.6); transition: opacity 160ms var(--ease), transform 160ms var(--ease); }
html.pc-shell .pc-app:not(.pc-r-rail) #pc-strip-r .pc-rail-btn.pc-on::before,
html.pc-shell .pc-app.pc-r-peek #pc-strip-r .pc-rail-btn.pc-on::before { opacity: 1; transform: none; }
.pc-strip .pc-rail-btn[hidden] { display: none; }
[data-pc-tip][data-pc-tip-pos="left"]::after { top: 50%; left: auto; right: calc(100% + 8px); transform: translate(4px, -50%); }
[data-pc-tip][data-pc-tip-pos="left"]:hover::after, [data-pc-tip][data-pc-tip-pos="left"]:focus-visible::after { transform: translate(0, -50%); }

html.pc-shell .pc-log { gap: 4px; }
html.pc-shell .pc-log-item.pc-lg { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
html.pc-shell .pc-log-item.pc-lg > div:first-child { display: flex; align-items: center; justify-content: flex-start; gap: 8px; height: 32px; box-sizing: border-box; padding: 0 10px; background: transparent; color: var(--text); font: 12px/1 inherit; cursor: pointer; }
html.pc-shell .pc-log-item.pc-lg > div:first-child:hover { background: var(--panel-2); }
html.pc-shell .pc-log-item.pc-lg > div:first-child:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.pc-lg-type { flex: none; max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 8px; border-radius: 999px; background: var(--accent-2); color: #3730a3; font-size: 12px; font-weight: 600; line-height: 1.2; }
.pc-lg-sum { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; font-weight: 400; }
.pc-lg-time { flex: none; margin-left: auto; color: #6b7280; font-size: 12px; font-weight: 400; font-variant-numeric: tabular-nums; }
.pc-lg-sum + .pc-lg-time { margin-left: 0; }
.pc-lg-ch { flex: none; display: inline-flex; color: #6b7280; }
.pc-lg-ch .pc-icon { width: 14px; height: 14px; transform: rotate(-90deg); transition: transform 160ms var(--ease); }
.pc-lg.open .pc-lg-ch .pc-icon { transform: none; }
html.pc-shell .pc-log-item.pc-lg > pre { display: none; margin: 0; padding: 10px 12px; max-height: 240px; overflow: auto; background: var(--panel-2); color: #1f2937; border-top: 1px solid var(--line-2); font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
.pc-lg.open > pre { display: block; }
.pc-lg-copy { display: none; margin: 6px 10px 8px auto; }
.pc-lg.open .pc-lg-copy { display: flex; }
.pc-lg-copy .pc-ico { margin: 0; }
@media (prefers-reduced-motion: reduce) { .pc-lg-ch .pc-icon, .pc-strip .pc-rail-btn::before { transition: none; } }
html.pc-shell .pc-dr-head > .pc-hd-actions { flex: none; }
html.pc-shell .pc-log-item.pc-lg.open > pre { display: block; }
.pc-lg-type { max-width: 50%; }
.pc-lg-type { max-width: 30%; }
.pc-lg-type.err { background: #fee2e2; color: #991b1b; }

html.pc-shell #pc-vp-size { display: none; }
html.pc-shell .pc-vpx { position: relative; z-index: 1; flex: none; display: inline-block; height: 32px; }
html.pc-shell .pc-vpx.pc-vpx-open { z-index: 40; }
html.pc-shell .pc-vpx > .pc-vps { position: absolute; top: 0; left: 0; width: max-content; clip-path: inset(0 calc(100% - var(--vw, 100%)) 0 0 round 9px); transition: clip-path 130ms var(--ease), box-shadow 130ms ease-out; }
html.pc-shell .pc-vpx-open > .pc-vps { clip-path: inset(-14px -240px -420px -64px round 9px); box-shadow: 0 8px 24px rgba(17, 24, 39, .16), 0 1px 3px rgba(17, 24, 39, .1); transition: clip-path 180ms var(--ease), box-shadow 180ms ease-out; }
html.pc-shell .pc-vps-pill { display: none; }
html.pc-shell .pc-vpx .pc-vps-btn:focus-visible { outline-offset: -2px; }
html.pc-shell .pc-vpx-face { background: #fff; box-shadow: 0 0 0 1px var(--accent-line), 0 1px 2px rgba(17, 24, 39, .08); }
html.pc-shell .pc-vps-track > .pc-vps-btn[aria-pressed="true"]:not(.pc-vps-more) { display: none; }
html.pc-shell .pc-vps-more[aria-pressed="true"] { color: #4b5563; }
html.pc-shell .pc-vpx .pc-vps-track > .pc-vps-btn { opacity: 0; transform: translateX(-4px); transition: color 120ms ease-out, background-color 120ms ease-out, opacity 80ms ease-out, transform 80ms var(--ease); }
html.pc-shell .pc-vpx-open .pc-vps-track > .pc-vps-btn { opacity: 1; transform: none; transition: color 120ms ease-out, background-color 120ms ease-out, opacity 80ms ease-out calc(var(--i, 0) * 20ms), transform 80ms var(--ease) calc(var(--i, 0) * 20ms); }
html.pc-shell .pc-vpx-scale { flex: none; min-width: 36px; font-size: 12px; font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  html.pc-shell .pc-vpx > .pc-vps, html.pc-shell .pc-vpx .pc-vps-track > .pc-vps-btn, html.pc-shell .pc-toast { transition: none !important; animation: none; }
}
html.pc-shell .pc-ev-monitor-row { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--line); background: var(--panel); position: sticky; top: 0; z-index: 2; }
html.pc-shell .pc-ev-monitor-row label { margin: 0; font-size: 13px; }

html.pc-shell .pc-tg-help { position: relative; padding-right: 0; }
html.pc-shell .pc-help-btn { width: 30px; height: 30px; padding: 0; justify-content: center; border-radius: 50%; font-size: 14px; font-weight: 700; color: #4b5563; border: 1px solid var(--line); background: #fff; }
html.pc-shell .pc-help-btn:hover, html.pc-shell .pc-help-btn[aria-expanded="true"] { color: #3730a3; border-color: var(--accent-line); background: var(--accent-2); }
.pc-help-pop { position: absolute; top: calc(100% + 10px); right: 0; z-index: 80; width: 340px; max-width: calc(100vw - 16px); padding: 14px; background: #fff; color: var(--text); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 32px rgba(17, 24, 39, .18); }
.pc-help-pop h6 { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: var(--muted); text-transform: none; letter-spacing: 0; }
.pc-keys { display: grid; grid-template-columns: auto 1fr; gap: 8px 12px; margin: 0; align-items: baseline; }
.pc-keys dt { white-space: nowrap; }
.pc-keys dd { margin: 0; font-size: 12px; color: #374151; }
.pc-keys kbd { display: inline-block; min-width: 20px; padding: 2px 6px; font: 600 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; color: var(--text); background: #f3f4f6; border: 1px solid #d5d9e0; border-bottom-width: 2px; border-radius: 5px; }
.pc-help-note { margin: 12px 0; font-size: 11px; color: var(--muted); }
.pc-help-tour { width: 100%; justify-content: center; }
.pc-tour { position: fixed; inset: 0; z-index: 9999; }
.pc-tour-hole { position: fixed; left: 50%; top: 50%; width: 0; height: 0; border-radius: 10px; box-shadow: 0 0 0 9999px rgba(17, 24, 39, .55); outline: 2px solid var(--accent); transition: left 260ms var(--ease), top 260ms var(--ease), width 260ms var(--ease), height 260ms var(--ease); }
.pc-tour-card { position: fixed; left: -9999px; top: 0; width: 320px; max-width: calc(100vw - 16px); padding: 14px 16px 12px; background: #fff; color: var(--text); border-radius: 12px; box-shadow: 0 16px 40px rgba(17, 24, 39, .28); transition: left 260ms var(--ease), top 260ms var(--ease); }
.pc-tour-n { font-size: 11px; font-weight: 600; color: var(--muted); }
.pc-tour-card h6 { margin: 4px 0 6px; font-size: 15px; font-weight: 600; color: var(--text); text-transform: none; letter-spacing: 0; }
.pc-tour-card p { margin: 0 0 12px; font-size: 13px; line-height: 1.5; color: #374151; }
.pc-tour-act { display: flex; align-items: center; gap: 6px; }
.pc-tour-act .pc-spacer { flex: 1; }
@media (prefers-reduced-motion: reduce) { .pc-tour-hole, .pc-tour-card { transition: none; } }
html.pc-shell .pc-help-btn.pc-help-new { color: #fff; background: #f97316; border-color: #ea580c; animation: pcHelpPulse 1.4s ease-out infinite; }
html.pc-shell .pc-help-btn.pc-help-new:hover, html.pc-shell .pc-help-btn.pc-help-new[aria-expanded="true"] { color: #fff; background: #ea580c; border-color: #c2410c; }
@keyframes pcHelpPulse { 0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, .75); transform: scale(1); } 45% { transform: scale(1.12); } 70% { box-shadow: 0 0 0 12px rgba(249, 115, 22, 0); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); } }
@media (prefers-reduced-motion: reduce) { html.pc-shell .pc-help-btn.pc-help-new { animation: none; box-shadow: 0 0 0 3px rgba(249, 115, 22, .45); } }
.pc-tour-x { width: 100%; justify-content: center; margin: 0 0 12px; color: #fff; background: var(--accent); border-color: var(--accent); }
.pc-tour-x:hover { filter: brightness(1.08); }