.pqt-wrap { max-width: 1500px; }
.pqt-lead { max-width: 1000px; font-size: 14px; }
.pqt-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; max-width: 1000px; margin: 18px 0; }
.pqt-stats > div { padding: 14px; border: 1px solid #c3c4c7; border-radius: 5px; background: #fff; }
.pqt-stats span { display: block; color: #646970; }
.pqt-stats strong { display: block; margin-top: 4px; font-size: 23px; }
.pqt-diagnostics { max-width: 700px; }
.pqt-diagnostics li { display: flex; justify-content: space-between; padding: 8px; border-bottom: 1px solid #dcdcde; }
.pqt-change-details { margin: 7px 0 0 18px; }
.pqt-change-details li { margin: 0 0 4px; }
.pqt-quality-table td { vertical-align: top; }
.pqt-quality-table small { color: #646970; }
.pqt-quality-path { min-width: 360px; }
.pqt-quality-cycles { max-width: 1000px; padding: 12px 12px 12px 32px; background: #fff; border-left: 4px solid #d63638; }
.pqt-editor-toolbar,
.pqt-preview-switch,
.pqt-state-editor,
.pqt-new-tree-editor,
.pqt-relation-editor,
.pqt-fragment-import { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin: 15px 0; }
.pqt-editor-toolbar label,
.pqt-state-editor label,
.pqt-new-tree-editor label,
.pqt-relation-editor label { font-weight: 600; }
.pqt-editor-toolbar label { display: grid; gap: 3px; }
.pqt-editor-toolbar input[type="search"] { min-width: 260px; }
.pqt-tree-search-results { margin: 0 0 16px; padding: 12px 14px; background: #fff; border: 1px solid #c3c4c7; border-left: 4px solid #2271b1; }
.pqt-tree-search-results[hidden] { display: none; }
.pqt-tree-search-results p { margin: 0 0 8px; }
.pqt-tree-search-results__matches { color: #50575e; }
.pqt-tree-search-results__list { display: flex; flex-wrap: wrap; gap: 8px; }
.pqt-editor-toolbar select { min-width: 360px; max-width: 620px; }
.pqt-state-editor label,
.pqt-relation-editor label { display: grid; gap: 3px; }
.pqt-state-editor { padding: 12px; background: #fff; border-left: 4px solid #2271b1; }
.pqt-new-tree-editor { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; padding:12px; background:#fff; border-left:4px solid #8c5dd6; }
.pqt-new-tree-editor label { display:flex; flex-direction:column; gap:4px; }
.pqt-new-tree-editor input { min-width:280px; }
.pqt-new-tree-editor textarea,.pqt-state-editor textarea { min-width:320px; }
.pqt-new-tree-editor .pqt-new-tree-producers { min-width:360px; flex:1 1 480px; }
.pqt-new-tree-editor select[multiple] { width:100%; min-height:170px; }
.pqt-new-tree-editor small { color:#646970; }
.pqt-preview-switch { align-items: center; padding: 12px; background: #fff; border: 1px solid #c3c4c7; border-radius: 6px; }
.pqt-preview-switch span { color: #646970; }
.pqt-state-editor input { min-width: 280px; }
.pqt-state-editor select,
.pqt-relation-editor select { max-width: 280px; }
.pqt-state-editor span,
.pqt-fragment-import span { color: #646970; }
.pqt-fragment-import { align-items: center; padding: 12px 0; border-bottom: 1px solid #dcdcde; }
.pqt-tree-preview { position: relative; min-height: 280px; padding: 24px; background: #f6f7f7; border: 1px solid #c3c4c7; border-radius: 6px; overflow: auto; }
.pqt-tree-canvas { position: relative; margin: 0 auto; }
.pqt-tree-node { position: absolute; box-sizing: border-box; width: 280px; min-height: 58px; padding: 9px 12px; border: 1px solid #8c8f94; border-radius: 7px; background: #fff; text-align: center; z-index: 2; }
.pqt-tree-node > small { display: block; margin-bottom: 3px; color: #646970; text-transform: uppercase; letter-spacing: .03em; }
.pqt-tree-node > strong,
.pqt-node-link { display: block; font-weight: 600; }
.pqt-node-link { text-decoration: none; }
.pqt-node-link:hover,
.pqt-success-members a:hover { text-decoration: underline; }
.pqt-tree-node--success { border-color: #8c5fc7; background: #f6f0ff; }
.pqt-tree-node--quest { border-color: #6f8466; background: #f3f8f0; }
.pqt-tree-node--state { border-color: #2271b1; background: #edf6ff; }
.pqt-tree-node--success-milestone { border-color: #7c3aed; background: #f5efff; box-shadow: inset 0 4px 0 #7c3aed; }
.pqt-tree-node--external-goal { border-width: 2px; border-color: #7c3aed; background: #f3eaff; box-shadow: 0 0 0 2px rgba(124, 58, 237, .1); }
.pqt-tree-node--current-goal,
.pqt-tree-node--goal { border-width: 2px; border-color: #a66f00; background: #ffefad; box-shadow: 0 0 0 2px rgba(166, 111, 0, .12); }
.pqt-node-legend { position: sticky; left: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; width: max-content; max-width: 100%; margin: 0 0 20px; padding: 9px 12px; border: 1px solid #c3c4c7; border-radius: 6px; background: rgba(255, 255, 255, .94); color: #50575e; font-size: 12px; z-index: 5; }
.pqt-node-legend span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.pqt-node-legend__swatch { display: inline-block; width: 17px; height: 12px; border: 2px solid; border-radius: 3px; }
.pqt-node-legend__swatch--quest { border-color: #6f8466; background: #f3f8f0; }
.pqt-node-legend__swatch--state { border-color: #2271b1; background: #edf6ff; }
.pqt-node-legend__swatch--success-milestone { border-color: #7c3aed; background: #f5efff; }
.pqt-node-legend__swatch--external-goal { border-color: #7c3aed; background: #f3eaff; }
.pqt-node-legend__swatch--current-goal { border-color: #a66f00; background: #ffefad; }
.pqt-success-members { margin: 9px 0 0; padding: 0; list-style: none; text-align: left; border-top: 1px solid rgba(140, 95, 199, .25); }
.pqt-success-members li { position: relative; margin: 0; padding: 6px 5px 6px 22px; border-bottom: 1px solid rgba(140, 95, 199, .18); line-height: 16px; }
.pqt-success-members li::before { content: '→'; position: absolute; left: 5px; color: #8c5fc7; }
.pqt-success-members a { display: block; text-decoration: none; }
.pqt-inferred-member { display: block; margin-top: 2px; color: #996800; font-size: 10px; line-height: 1.25; }
.pqt-success-member--inferred { background: rgba(255, 196, 0, .08); }
.pqt-node-context { margin: 7px 0 0; color: #646970; font-size: 12px; line-height: 1.35; }
.pqt-tree-svg { position: absolute; inset: 0; z-index: 1; overflow: visible; }
.pqt-tree-svg path { fill: none; stroke: #8c8f94; stroke-width: 2; }
.pqt-tree-svg .pqt-arrow-head { fill: #8c8f94; stroke: none; }
.pqt-tree-empty { color: #646970; text-align: center; padding: 70px 20px; }
.pqt-unconnected { margin: 18px auto 0; padding: 14px; border: 1px dashed #8c8f94; border-radius: 6px; background: rgba(255, 255, 255, .55); }
.pqt-unconnected h3 { margin: 0 0 3px; }
.pqt-unconnected p { margin: 0 0 12px; color: #646970; }
.pqt-unconnected-list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.pqt-tree-node--static { position: relative; left: auto; top: auto; flex: 0 0 280px; }
.pqt-success-column { position: absolute; box-sizing: border-box; padding: 11px 10px; border: 1px solid #8c5fc7; border-radius: 10px; background: rgba(246, 240, 255, .72); text-align: center; z-index: 0; }
.pqt-success-column > strong { display: block; color: #5d3691; font-size: 12px; text-transform: uppercase; letter-spacing: .025em; }
.pqt-success-column > small { display: block; margin-top: 3px; color: #646970; font-size: 10px; line-height: 1.25; }
.pqt-success-column > .pqt-success-order-hint { color: #6f42a6; font-weight: 700; letter-spacing: .02em; }
.pqt-success-column--hierarchy { background: linear-gradient(180deg, rgba(246, 240, 255, .9), rgba(246, 240, 255, .55)); }
.pqt-tree-node--column { box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.pqt-tree-node--presumed-goal { border-width: 2px; border-color: #996800; background: #fff8df; }
.pqt-presumed-goal { display: block; margin-top: 3px; color: #7a5300; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .025em; }
.pqt-tree-canvas--columns .pqt-tree-svg path.pqt-edge--conditional { stroke-dasharray: 7 5; }
.pqt-tree-canvas--columns .pqt-tree-svg path.pqt-edge--recommendation { stroke: #2271b1; stroke-dasharray: 3 6; stroke-width: 2.5; }
.pqt-tree-canvas--columns .pqt-tree-svg path.pqt-edge--intra-success { stroke: #7c3aed; stroke-width: 2.25; }
.pqt-tree-canvas--columns .pqt-tree-svg .pqt-arrow-head--internal { fill: #7c3aed; stroke: none; }
@media (prefers-color-scheme: dark) {
  .pqt-stats > div,
  .pqt-preview-switch,
  .pqt-state-editor,
  .pqt-tree-search-results,
  .pqt-quality-cycles,
  .pqt-tree-node { background: #1d2327; color: #f0f0f1; }
  .pqt-tree-preview { background: #101517; }
  .pqt-unconnected { background: rgba(29, 35, 39, .7); }
  .pqt-tree-node--success { background: #2b2038; }
  .pqt-tree-node--quest { background: #1c2a20; }
  .pqt-tree-node--state { background: #172b3a; }
  .pqt-tree-node--success-milestone { background: #2d1f40; }
  .pqt-tree-node--external-goal { background: #2d1f40; }
  .pqt-tree-node--current-goal,
  .pqt-tree-node--goal { background: #453711; }
  .pqt-tree-node--presumed-goal { background: #352e17; }
  .pqt-presumed-goal { color: #f0cc70; }
  .pqt-node-legend { border-color: #50575e; background: rgba(29, 35, 39, .95); color: #dcdcde; }
  .pqt-node-legend__swatch--quest { background: #1c2a20; }
  .pqt-node-legend__swatch--state { background: #172b3a; }
  .pqt-node-legend__swatch--success-milestone { background: #2d1f40; }
  .pqt-node-legend__swatch--external-goal { background: #2d1f40; }
  .pqt-node-legend__swatch--current-goal { background: #453711; }
  .pqt-success-column { background: rgba(43, 32, 56, .72); }
  .pqt-success-column--hierarchy { background: linear-gradient(180deg, rgba(43, 32, 56, .92), rgba(43, 32, 56, .58)); }
  .pqt-success-column > strong { color: #c7a7ef; }
  .pqt-success-column > .pqt-success-order-hint { color: #c7a7ef; }
  .pqt-node-context,
  .pqt-tree-search-results__matches,
  .pqt-quality-table small,
  .pqt-preview-switch span,
  .pqt-success-column > small,
  .pqt-unconnected p,
  .pqt-state-editor span,
  .pqt-fragment-import span { color: #b9b9b9; }
}
@media (max-width: 782px) {
  .pqt-tree-preview { padding: 10px; }
  .pqt-state-editor,
  .pqt-relation-editor { align-items: stretch; }
  .pqt-state-editor label,
  .pqt-state-editor input,
  .pqt-state-editor select,
  .pqt-relation-editor label,
  .pqt-relation-editor select { width: 100%; max-width: none; min-width: 0; }
  .pqt-editor-toolbar label,
  .pqt-editor-toolbar input[type="search"],
  .pqt-editor-toolbar select { width: 100%; max-width: none; min-width: 0; }
}
.pqt-sync-progress{display:flex;align-items:center;gap:12px;margin:14px 0}.pqt-sync-progress progress{width:min(520px,70%);height:18px}.pqt-sync-log{max-height:320px;overflow:auto;padding:14px;background:#101517;color:#e7f0ed;border-radius:6px;white-space:pre-wrap}.pqt-rollback-panel{margin:18px 0;padding:14px;border:1px solid #dba617;border-left-width:4px;background:rgba(219,166,23,.08)}.pqt-rollback-panel h2{margin-top:0}.pqt-sync .widefat td{vertical-align:middle}
.pqt-production-tools{margin:16px 0;padding:14px;border:1px solid #c3c4c7;border-radius:8px;background:rgba(255,255,255,.45)}.pqt-production-tools h2{margin:0 0 12px}.pqt-production-editor .pqt-state-editor,.pqt-production-editor .pqt-relation-editor{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:8px 0}.pqt-production-editor .pqt-state-editor label,.pqt-production-editor .pqt-relation-editor label{display:flex;flex-direction:column;gap:4px;min-width:170px}.pqt-production-editor .pqt-state-editor input,.pqt-production-editor .pqt-state-editor select,.pqt-production-editor .pqt-relation-editor input,.pqt-production-editor .pqt-relation-editor select{min-width:170px}.pqt-publication-bar{position:sticky;top:32px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:12px;border:1px solid #8c8f94;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}#pqt-editor-save-status{font-weight:600}@media(prefers-color-scheme:dark){.pqt-production-tools,.pqt-publication-bar{background:rgba(25,29,31,.94);border-color:#59636a}}
.pqt-new-tree-tool{padding:0;border:0;background:transparent}.pqt-new-tree-panel{margin-top:10px;padding:14px;border:1px solid #8c5dd6;border-radius:8px;background:rgba(255,255,255,.55)}.pqt-new-tree-panel[hidden]{display:none}.pqt-tree-goal-editor{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.pqt-tree-goal-editor label{display:flex;flex-direction:column;gap:4px;min-width:320px}.pqt-tree-goal-editor select{min-width:320px}.pqt-tree-goal-editor p{flex:1 1 340px;margin:0;color:#646970}.pqt-relation-help{margin:8px 0 0;padding:9px 11px;border-left:4px solid #2271b1;background:rgba(34,113,177,.08);color:#1d2327}.pqt-production-tools hr{margin:14px 0;border:0;border-top:1px solid #c3c4c7}@media(prefers-color-scheme:dark){.pqt-new-tree-tool{background:transparent;border-color:transparent}.pqt-new-tree-panel{background:rgba(25,29,31,.94)}.pqt-tree-goal-editor p{color:#bbc4ca}.pqt-relation-help{color:#e7edf0;background:rgba(34,113,177,.18)}}