/* 产品视觉来自 window.P21；这里只定义新页面的内容布局。 */
.pb {line-height:1.5}
.pb * {box-sizing:border-box}
.pb :where(button,input,textarea,select) {font:inherit}
.pb button {cursor:pointer}
.pb button:disabled {cursor:default}
.pb button:focus-visible,.pb a:focus-visible,.pb summary:focus-visible,.pb [tabindex]:focus-visible {outline:2px solid #66866f;outline-offset:3px}
.pb input:focus,.pb textarea:focus {outline:2px solid #66866f;outline-offset:1px}
.pb-stage {position:fixed;inset:0;background:#e7e5df;min-width:1180px}
.pb-window {position:absolute;top:60px;left:24px;right:24px;bottom:24px;background:#fff;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 30px 80px rgba(15,15,15,.18),0 0 0 1px rgba(15,15,15,.06)}



.pb-logo {background:var(--pb-ink);color:#fff;width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--pb-serif);font-style:italic;font-size:17px;line-height:1;padding-right:1px}
.pb-logo-small {width:14px;height:14px;border-radius:4px;font-size:10px;background:var(--pb-faint)}




.pb-main {position:relative;flex:1;min-width:0;display:flex;flex-direction:column}
.pb-scroll {overflow-y:auto;flex:1;padding:0;position:relative}
.pb-page {max-width:900px;margin:0 auto;padding:52px 48px 140px}.pb-title {font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.pb-subtitle {margin-top:6px;color:var(--pb-muted);font-size:15px}.pb-row {display:flex;align-items:center;justify-content:space-between;gap:14px}.pb-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pb-section {margin-top:40px}.pb-section-head {font-size:12px;font-weight:600;color:var(--pb-faint)}.pb-muted {color:var(--pb-muted)}.pb-caption {color:var(--pb-faint);font-size:12px}.pb-explainer {margin:8px 0 16px;color:var(--pb-muted);font-size:13.5px;max-width:650px}
.pb-btn {display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;border-radius:6px;line-height:inherit;vertical-align:middle}

.pb-link {background:transparent;border:0;padding:0;color:var(--pb-muted);font-size:13px}.pb-link:hover {color:var(--pb-green)}
.pb-tag {display:inline-flex;align-items:center;font-size:11px;padding:3px 7px;border-radius:4px;background:#f2f2ef;color:var(--pb-muted);white-space:nowrap}.pb-tag-green {color:var(--pb-green);background:#eef4ef}
.pb-by {display:flex;align-items:center;gap:6px;color:var(--pb-faint);font-size:12px;font-weight:600}
.pb-drafts {display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.pb-draft {min-width:0}
.pb-skill-name {font-size:15.5px;font-weight:500}.pb-draft-desc {color:var(--pb-muted);font-size:13px;flex:1}.pb-draft-foot {margin-top:12px;display:flex;justify-content:flex-end}
.pb-filters {display:flex;gap:5px;margin:14px 0 16px;flex-wrap:wrap}.pb-filter {display:inline-flex;align-items:center;gap:7px;border:1px solid var(--pb-border);border-radius:999px;padding:5px 12px;background:transparent;color:var(--pb-ink);font-size:13px;white-space:nowrap}.pb-filter-on {background:var(--pb-active);border-color:var(--pb-active);color:var(--pb-ink)}
.pb-skill {padding:16px 22px;border:1px solid var(--pb-line);border-radius:10px;margin-top:12px;cursor:pointer;background:#fff}.pb-skill:hover {background:#fafaf9}.pb-skill-desc {color:var(--pb-muted);font-size:13px;margin-top:5px}.pb-skill-meta {color:var(--pb-faint);font-size:12px;margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pb-plus-wrap {position:relative}.pb-menu {position:absolute;right:0;top:42px;width:330px;background:#fff;padding:6px;border:1px solid var(--pb-border);border-radius:10px;z-index:15;box-shadow:0 16px 40px rgba(15,15,15,.16)}.pb-menu button {width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:6px;color:var(--pb-ink)}.pb-menu button:hover {background:var(--pb-side)}.pb-menu small {display:block;margin-top:3px;color:var(--pb-muted);font-size:12px}
.pb-empty {padding:40px 18px;text-align:center;color:var(--pb-muted)}.pb-empty-title {color:var(--pb-ink);font-size:18px;font-weight:500;margin-bottom:8px}.pb-empty .pb-actions {justify-content:center;margin-top:20px}.pb-page-empty {padding-top:95px}
.pb-back {display:inline-flex;gap:5px;align-items:center;margin-bottom:22px}.pb-detail-top {align-items:flex-start}.pb-detail-title {font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.pb-detail-meta {padding:18px 0;margin:20px 0 12px;border-top:1px solid var(--pb-line2);border-bottom:1px solid var(--pb-line2);display:grid;gap:12px}.pb-meta-label {display:inline-block;min-width:66px;color:var(--pb-faint);font-size:12px;margin-right:10px}
.pb-markdown {font-size:14px;line-height:1.55;color:var(--pb-ink)}.pb-markdown p {margin:0 0 14px;white-space:pre-wrap}.pb-body-heading {color:var(--pb-ink);font-weight:600;margin:18px 0 8px;font-size:14.5px}.pb-markdown ol {padding-left:22px;margin:0 0 12px}.pb-files {display:flex;flex-direction:column;gap:8px;margin-top:8px}.pb-file {display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--pb-line);border-radius:6px;background:#fff;text-align:left;color:var(--pb-ink2)}.pb-file:hover {background:var(--pb-side)}.pb code,.pb pre {font-family:var(--pb-mono);font-size:12px}.pb pre {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:8px 0;color:var(--pb-ink2)}
.pb-sources {margin:18px 0;padding:10px 14px;border:1px solid var(--pb-line);border-radius:6px;color:var(--pb-muted);font-size:13px}.pb-sources summary {cursor:pointer}.pb-source {margin-top:12px;display:flex;gap:20px}
.pb-detail-foot {margin-top:26px;border-top:1px solid var(--pb-line);padding-top:20px;display:flex;flex-direction:column;gap:18px}.pb-agent-choices {display:flex;gap:20px;flex-wrap:wrap}.pb-agent-choices label {display:flex;align-items:center;gap:7px;font-size:13px}.pb input[type=checkbox] {appearance:none;width:18px;height:18px;border:1px solid #c9c8c5;border-radius:5px;background:#fff;display:inline-grid;place-items:center;flex-shrink:0;cursor:pointer}
/* 输入和展开层逐项沿用旧 AskPanel，Skill 只改变消息与结果卡内容。 */
.pb-ask-wrap {position:absolute;bottom:20px;left:0;right:0;top:24px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;pointer-events:none;z-index:30}.pb-ask {width:min(600px,calc(100% - 400px));pointer-events:auto;background:#fff;border:1px solid #b7cdbe;border-radius:14px;box-shadow:0 16px 40px rgba(15,15,15,.18),0 2px 6px rgba(15,15,15,.06);overflow:hidden;transition:box-shadow .25s ease}
.pb-chat-expand {display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.pb-ask-open .pb-chat-expand {grid-template-rows:1fr}.pb-chat-clip {min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.pb-chat-panel {flex-shrink:0;display:flex;flex-direction:column;max-height:min(508px,calc(100vh - 190px));border-bottom:1px solid var(--pb-line2);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .25s}.pb-ask-open .pb-chat-panel {opacity:1;visibility:visible;transition:opacity .2s ease}
.pb-chat-head {display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--pb-line2);flex-shrink:0}.pb-chat-clear {appearance:none;border:0;padding:0;background:transparent;color:var(--pb-muted);font-size:19px;line-height:1}.pb-chat-body {display:flex;flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 16px;flex-direction:column;gap:12px}.pb-chat-empty {font-size:13px;color:var(--pb-faint);line-height:1.55}
.pb-chat-message {display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pb-chat-message-you {align-items:flex-end}.pb-chat-bubble {max-width:92%;padding:9px 13px;font-size:13.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.pb-chat-you {border-radius:12px 12px 4px 12px;background:var(--pb-ink);color:#fff}.pb-chat-persom {border-radius:12px 12px 12px 4px;background:var(--pb-soft);color:var(--pb-ink)}.pb-chat-message-chip {padding:3px 9px;border-radius:5px;background:var(--pb-soft);font-size:12px;color:var(--pb-ink2)}
.pb-ask-input {display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;flex-shrink:0}.pb-ask-input input {appearance:none;border:0;outline:0!important;flex:1;min-width:0;color:var(--pb-ink);font-size:14px;background:transparent;padding:4px 2px}.pb-chat-context {display:inline-flex;align-items:center;gap:8px;padding:3px 9px;border-radius:5px;background:var(--pb-soft);font-size:12.5px;white-space:nowrap;max-width:45%;min-width:0;color:var(--pb-ink)}.pb-chat-context>span {overflow:hidden;text-overflow:ellipsis}.pb-chat-context button {appearance:none;border:0;padding:0;background:transparent;color:var(--pb-faint);flex-shrink:0}
.pb-ask-suggestions {padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pb-ask-suggestion {appearance:none;background:#fff;padding:5px 12px;border-radius:999px;border:1px solid var(--pb-line);font-size:12.5px;line-height:1.5;color:var(--pb-muted);text-align:left}
.pb-chat-result {border:1px solid var(--pb-border);border-radius:12px;padding:12px 14px}.pb-chat-result .pb-row {margin-top:8px}.pb-chat-result .pb-actions {margin-top:15px}.pb-chat-result-title {font-size:12.5px;color:var(--pb-muted);font-weight:500;margin-bottom:8px}
.pb-overlay {position:absolute;inset:0;z-index:80;background:rgba(15,15,15,.28);display:flex;align-items:center;justify-content:center;padding:24px}.pb-modal {width:520px;max-width:100%;max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#fff;border:0;border-radius:12px;box-shadow:0 24px 64px rgba(15,15,15,.2);outline:none}.pb-modal-wide {width:860px}.pb-modal-head {display:flex;align-items:center;justify-content:space-between;padding:22px 26px 0;gap:16px}.pb-modal-title {font-size:20px;font-weight:600;letter-spacing:-.01em}.pb-modal-content {padding:18px 26px 24px;overflow-y:auto}.pb-modal-content p {color:var(--pb-muted);margin:0 0 16px}.pb-modal-foot {padding:0 26px 24px;display:flex;justify-content:flex-end;gap:8px}
.pb-select-row {display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #eeeee9}.pb-select-row input {margin-top:5px}.pb-select-row .pb-tag {margin-left:auto}.pb-group-title {font-weight:500;color:var(--pb-ink);font-size:13px;margin-top:22px}
.pb-field {display:flex;flex-direction:column;gap:7px;margin:16px 0}.pb-field input {padding:10px 12px;border:1px solid var(--pb-border);border-radius:6px}.pb-note {font-size:12px;color:var(--pb-faint);margin-top:14px}.pb-error {padding:10px 12px;border-radius:6px;background:#faf0ed;color:var(--pb-red);font-size:13px;margin-top:12px}
.pb-toast {position:absolute;bottom:96px;left:calc(50% + 116px);transform:translateX(-50%);z-index:100;background:var(--pb-ink);color:#f3f4f1;font-size:13px;padding:9px 16px;border-radius:8px;box-shadow:0 12px 30px rgba(15,15,15,.25);pointer-events:none}
.pb-review-tools {position:absolute;top:18px;left:220px;z-index:300;font-family:-apple-system,"PingFang SC",sans-serif;color:var(--pb-ink)}
.pb-tweaks-toggle {display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--pb-ink);color:#fff;border:1px solid var(--pb-ink);font-size:12.5px;font-weight:500;box-shadow:0 4px 12px rgba(15,15,15,.15)}.pb-tweaks-toggle>span {font-size:13px}.pb-tweaks-toggle[aria-expanded="true"] {background:#fff;color:var(--pb-ink);border-color:var(--pb-border)}
.pb-tweaks-panel {position:absolute;top:36px;left:0;width:300px;max-height:calc(100vh - 80px);overflow-y:auto;background:#fff;border-radius:12px;border:1px solid var(--pb-border);box-shadow:0 20px 50px rgba(15,15,15,.22);animation:p21pop .15s ease-out}
.pb-tweaks-head {display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.pb-tweaks-head>span {font-size:14px;font-weight:600}.pb-tweaks-close {display:inline-flex;padding:0;border:0;background:transparent;line-height:1}
.pb-tweaks-section {padding:12px 16px;border-top:1px solid var(--pb-line);display:flex;flex-direction:column;gap:10px}.pb-tweaks-section-title {font-size:11px;font-weight:600;color:var(--pb-faint);letter-spacing:.04em}
.pb-tweaks-actions button {border:1px solid var(--pb-border);background:#fff;border-radius:6px;padding:5px 10px;color:var(--pb-ink);font-size:12.5px}.pb-tweaks-actions {display:flex;flex-wrap:wrap;gap:6px}.pb-tweaks-actions button:hover {background:var(--pb-soft)}
.pb-select-trigger {width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--pb-border);background:#fff;border-radius:6px;padding:5px 12px;color:var(--pb-ink);font-size:12.5px;text-align:left}.pb-select-trigger>svg {flex-shrink:0}.pb-select-trigger:hover,.pb-select-trigger[aria-expanded="true"] {background:var(--pb-soft)}
.pb-select-options {position:fixed;z-index:400;padding:4px;overflow-y:auto;background:#fff;border:1px solid var(--pb-border);border-radius:8px;box-shadow:0 12px 30px rgba(15,15,15,.16);font-family:-apple-system,"PingFang SC",sans-serif;font-size:12.5px;animation:p21pop .15s ease-out}
.pb-select-option {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px;border-radius:5px;cursor:pointer;color:var(--pb-ink)}.pb-select-option-active {background:var(--pb-soft)}.pb-select-option[aria-selected="true"] {font-weight:500}.pb-select-check {width:14px;flex-shrink:0;text-align:center;color:var(--pb-green)}
.pb-tweaks-switch {position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px}.pb-tweaks-switch input {position:absolute;opacity:0;width:1px;height:1px}.pb-tweaks-switch:has(input:focus-visible) {outline:2px solid #66866f;outline-offset:3px}.pb-tweaks-note {font-size:12px;color:var(--pb-muted)}
.pb-change-file {border:1px solid var(--pb-line);border-radius:7px;padding:14px;margin-top:14px}.pb-diff-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.pb-diff-grid>div {padding:10px;background:#faf8f6;min-width:0;border-radius:5px}.pb-diff-grid>div+div {background:#f2f7f1}
.pb-card-preview {padding:25px;border:1px solid var(--pb-line);border-radius:10px;background:#fafaf8;margin-top:24px}.pb-card-profile {display:flex;align-items:center;gap:14px}.pb-card-name {font-family:var(--pb-serif);font-size:25px}.pb-shared-row {border:1px solid var(--pb-line);border-radius:8px;padding:18px;margin-top:12px}.pb-rec-bar {position:absolute;bottom:100px;right:24px;z-index:30;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--pb-border);border-radius:10px;padding:12px 16px;box-shadow:0 10px 28px #0002}.pb-rec-dot {width:8px;height:8px;background:var(--pb-rec);border-radius:50%;animation:pb-pulse 1.6s infinite}.pb-no-wrap {white-space:nowrap}
@keyframes pb-pulse {50%{opacity:.3}}

/* 以下只补充新流程的布局，通用控件、颜色与字体沿用 Persom 2.1。 */
.pb-page-header {align-items:flex-start;gap:16px}
.pb-page-header>.pb-actions {margin-top:4px}
.pb-filter:hover {background:var(--pb-side)}
.pb-close {border:0;background:transparent;padding:0;color:var(--pb-muted);font-size:20px;line-height:1}
.pb-send {width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--pb-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pb-ask-spark {color:var(--pb-green);font-size:17px;line-height:1}
.pb-ask-open {box-shadow:0 24px 64px rgba(15,15,15,.22),0 2px 6px rgba(15,15,15,.06)}
.pb-chat-title {font-size:14px;font-weight:600}
.pb-main::after {content:'';position:absolute;left:0;right:12px;bottom:0;height:100px;z-index:29;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 50%)}

.pb input[type=checkbox]:checked {background:var(--pb-ink);border-color:var(--pb-ink)}
.pb input[type=checkbox]:checked::after {content:"✓";color:#fff;font-size:12px;line-height:1}
.pb input[type=checkbox]:disabled {border-color:var(--pb-line);cursor:default}

.pb-skill-usage {color:var(--pb-faint);font-size:12px;margin-top:5px}
.pb-discovery-banner {min-width:0}.pb-discovery-banner .pb-draft {width:100%}
.pb-detail-modal .pb-modal-content {min-height:0}
.pb-detail-overlay {padding-bottom:var(--pb-ask-space,92px)}.pb-detail-modal {max-height:100%}
.pb-window-has-detail .pb-ask-wrap {z-index:90}.pb-window-has-detail .pb-chat-panel {max-height:min(240px,30vh)}
.pb-overlay:not(.pb-detail-overlay) {z-index:110}
.pb-detail-top>.pb-subtitle {margin-top:0}.pb-agent-list {display:flex;flex-direction:column;gap:6px;margin-top:8px}
.pb-overlay-suspended {pointer-events:none}