:root{color-scheme:light;--cf-bg:#f3f5f7;--cf-surface:#ffffff;--cf-surface-muted:#eef2f5;--cf-border:#d9e0e7;--cf-text:#172231;--cf-text-muted:#607080;--cf-primary:#f5b51b;--cf-primary-dark:#172231;--cf-danger:#c92d2d;--cf-warning:#d98516;--cf-success:#247a49;--cf-canvas-bg:#fbfcfd;--cf-canvas-grid:#dce4eb;--phase-l1:#e23b3b;--phase-l2:#f7f4ea;--phase-l3:#2f6fde;--phase-neutral:#3b4653;--mono:"Courier New",ui-monospace,monospace}[data-theme=light]{color-scheme:light;--cf-bg:#f3f5f7;--cf-surface:#ffffff;--cf-surface-muted:#eef2f5;--cf-border:#d9e0e7;--cf-text:#172231;--cf-text-muted:#607080;--cf-primary:#f5b51b;--cf-primary-dark:#172231;--cf-danger:#c92d2d;--cf-warning:#d98516;--cf-success:#247a49;--cf-canvas-bg:#fbfcfd;--cf-canvas-grid:#dce4eb;--phase-neutral:#3b4653}[data-theme=dark]{color-scheme:dark;--cf-bg:#111927;--cf-surface:#182231;--cf-surface-muted:#223044;--cf-border:#314156;--cf-text:#f3f6f8;--cf-text-muted:#a6b3c2;--cf-primary:#f5b51b;--cf-primary-dark:#07111f;--cf-danger:#ff6b6b;--cf-warning:#ffb84c;--cf-success:#6bd690;--cf-canvas-bg:#101826;--cf-canvas-grid:#253348;--phase-neutral:#8b98a8}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--cf-bg);color:var(--cf-text);font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}a{color:inherit}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--cf-primary) 62%,transparent);outline-offset:2px}.home-page{min-height:100vh;display:grid;place-items:center;padding:24px}.home-card{max-width:640px;border:1px solid var(--cf-border);background:var(--cf-surface);border-radius:8px;padding:24px;box-shadow:0 18px 45px rgba(23,34,49,.1)}.home-card h1{margin:0 0 10px}.home-card p{margin:0 0 18px;color:var(--cf-text-muted)}.home-link{display:inline-block;text-decoration:none;background:var(--cf-primary);color:#16120a;font-weight:700;border-radius:6px;padding:10px 14px}.pb-root{background:var(--cf-bg);color:var(--cf-text);height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.pb-toolbar{align-items:center;background:var(--cf-surface);border-bottom:1px solid var(--cf-border);display:grid;grid-gap:16px;gap:16px;grid-template-columns:auto minmax(260px,1fr) auto;padding:12px 18px;box-shadow:0 8px 24px rgba(23,34,49,.08);z-index:3}.pb-brand{gap:10px;min-width:0}.pb-brand,.pb-brand-mark{align-items:center;display:flex}.pb-brand-mark{background:var(--cf-primary);border-radius:8px;color:#16120a;flex:0 0 38px;font-size:13px;font-weight:800;height:38px;justify-content:center}.pb-brand-copy{min-width:0}.pb-brand-copy h1,.pb-brand-copy p{margin:0}.pb-brand-copy p{color:var(--cf-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pb-brand-copy h1{color:var(--cf-text);font-size:18px;line-height:1.15;white-space:nowrap}.pb-status-pill{border:1px solid color-mix(in srgb,var(--cf-primary) 55%,var(--cf-border));border-radius:999px;color:var(--cf-primary-dark);font-size:11px;font-weight:700;padding:5px 8px;white-space:nowrap}[data-theme=dark] .pb-status-pill{color:var(--cf-primary)}.pb-plan-title{align-items:center;background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:8px;display:flex;gap:8px;min-width:0;padding:6px 10px}.pb-plan-title span{color:var(--cf-text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pb-title-input{background:transparent;border:0;color:var(--cf-text);font-size:14px;min-width:0;width:100%}.pb-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pb-button{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:7px;color:var(--cf-text);cursor:pointer;font-size:12px;font-weight:700;min-height:32px;padding:7px 11px}.pb-button:hover:not(:disabled){border-color:var(--cf-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--cf-primary) 28%,transparent)}.pb-button:disabled{cursor:not-allowed;opacity:.48}.pb-button--theme{background:var(--cf-primary);border-color:var(--cf-primary);color:#17130a}.pb-button--danger{color:var(--cf-danger)}.pb-button--danger:hover:not(:disabled){border-color:var(--cf-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--cf-danger) 24%,transparent)}.pb-file-input{display:none}.pb-main{display:grid;grid-gap:14px;gap:14px;grid-template-columns:230px minmax(0,1fr) 300px;min-height:0;padding:14px}.pb-canvas-wrap,.pb-panel{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:8px;box-shadow:0 14px 34px rgba(23,34,49,.09)}[data-theme=dark] .pb-canvas-wrap,[data-theme=dark] .pb-panel{box-shadow:0 16px 36px rgba(0,0,0,.28)}.pb-panel{overflow:auto;padding:14px}.pb-panel h2,.pb-panel h3{color:var(--cf-text-muted);font-size:11px;letter-spacing:.12em;margin:16px 0 9px;text-transform:uppercase}.pb-panel h2:first-child,.pb-panel h3:first-child{margin-top:0}.pb-palette-group{margin-bottom:16px}.pb-palette-list{display:grid;grid-gap:8px;gap:8px}.pb-palette-item{align-items:center;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:8px;color:var(--cf-text);cursor:-webkit-grab;cursor:grab;display:flex;gap:10px;padding:9px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.pb-palette-item:hover{background:var(--cf-surface-muted);border-color:var(--cf-primary)}.pb-palette-item:active{cursor:-webkit-grabbing;cursor:grabbing}.pb-swatch{align-items:center;border:1px solid rgba(0,0,0,.18);border-radius:6px;color:#111;display:flex;flex:0 0 30px;font-size:10px;font-weight:800;height:30px;justify-content:center}.pb-node-band--three,.pb-swatch--three{background:linear-gradient(90deg,var(--phase-l1) 33.3%,var(--phase-l2) 33.3% 66.6%,var(--phase-l3) 66.6%)}.pb-phase-l1,.pb-swatch--l1{background:var(--phase-l1)}.pb-phase-l2,.pb-swatch--l2{background:var(--phase-l2)}.pb-phase-l3,.pb-swatch--l3{background:var(--phase-l3)}.pb-swatch--neutral{background:var(--phase-neutral);color:#fff}.pb-palette-item small,.pb-palette-item strong{display:block}.pb-palette-item strong{font-size:12px}.pb-palette-item small{color:var(--cf-text-muted);font-size:10px;margin-top:2px}.pb-legend{border-top:1px solid var(--cf-border);color:var(--cf-text-muted);display:grid;font-size:11px;grid-gap:7px;gap:7px;line-height:1.5;margin-top:16px;padding-top:12px}.pb-legend strong{color:var(--cf-text)}.pb-dot{border:1px solid rgba(0,0,0,.24);border-radius:50%;display:inline-block;height:10px;margin-right:5px;vertical-align:middle;width:10px}.pb-dot--l1{background:var(--phase-l1)}.pb-dot--l2{background:var(--phase-l2)}.pb-dot--l3{background:var(--phase-l3)}.pb-canvas-wrap{overflow:auto;background:linear-gradient(var(--cf-canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cf-canvas-grid) 1px,transparent 1px);background-color:var(--cf-canvas-bg);background-size:24px 24px}.pb-canvas,.pb-canvas-wrap{position:relative}.pb-wires{inset:0;pointer-events:none;position:absolute}.pb-wire{fill:none;pointer-events:stroke;stroke-linecap:round;stroke-width:3.5;cursor:pointer}.pb-wire--selected{filter:drop-shadow(0 0 5px var(--cf-primary));stroke-width:5}.pb-wire--draft{stroke:var(--cf-primary);stroke-dasharray:5 4;stroke-width:2}.pb-node{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:8px;box-shadow:0 12px 22px rgba(23,34,49,.16);cursor:-webkit-grab;cursor:grab;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .pb-node{box-shadow:0 12px 24px rgba(0,0,0,.34)}.pb-node:active{cursor:-webkit-grabbing;cursor:grabbing}.pb-node--selected{border-color:var(--cf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-primary) 48%,transparent),0 12px 22px rgba(23,34,49,.16)}.pb-node--caution{border-color:#f5c84c}.pb-node--warning{border-color:var(--cf-warning)}.pb-node--blocking,.pb-node--danger{border-color:var(--cf-danger)}.pb-node-band{border-radius:8px 8px 0 0;height:9px}.pb-node-body{padding:9px}.pb-load-input,.pb-node-name{background:transparent;border:0;border-bottom:1px dashed transparent;color:var(--cf-text);font-family:var(--mono);width:100%}.pb-node-name{font-size:13px;font-weight:800}.pb-load-input{color:var(--cf-primary-dark);font-size:10px;margin-top:5px}[data-theme=dark] .pb-load-input{color:var(--cf-primary)}.pb-load-input:focus,.pb-load-input:hover,.pb-node-name:focus,.pb-node-name:hover{border-bottom-color:var(--cf-text-muted);outline:none}.pb-node-rating{align-items:center;color:var(--cf-text-muted);display:flex;font-size:10px;gap:6px;letter-spacing:.03em;margin-top:4px}.pb-node-rating strong{color:var(--cf-primary-dark)}[data-theme=dark] .pb-node-rating strong{color:var(--cf-primary)}.pb-node-warning{border-radius:4px;display:inline-block;font-size:9px;font-weight:800;letter-spacing:.08em;margin-top:6px;padding:2px 5px;text-transform:uppercase}.pb-node-warning--caution{background:#f5c84c;color:#17130a}.pb-node-warning--warning{background:var(--cf-warning);color:#160c04}.pb-node-warning--blocking,.pb-node-warning--danger{background:var(--cf-danger);color:#fff}.pb-phase-chips{display:flex;gap:4px;margin-top:7px}.pb-phase-chip{align-items:center;border:1px solid rgba(0,0,0,.28);border-radius:4px;color:#111;cursor:pointer;display:flex;flex:1 1;font-size:8px;font-weight:800;height:16px;justify-content:center;padding:0}.pb-phase-chip--off{opacity:.22}.pb-port{background:var(--cf-primary);border:2px solid var(--cf-primary-dark);border-radius:50%;cursor:crosshair;height:14px;padding:0;position:absolute;width:14px;z-index:5}.pb-port--in{background:var(--cf-text-muted);top:-8px}.pb-port--in,.pb-port--out{left:50%;transform:translateX(-50%)}.pb-port--out{bottom:-8px}.pb-port:hover{transform:translateX(-50%) scale(1.35)}.pb-hint{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;bottom:22px;box-shadow:0 8px 20px rgba(23,34,49,.12);color:var(--cf-text-muted);font-size:11px;left:50%;padding:7px 16px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:20}.pb-inspector-section{border-top:1px solid var(--cf-border);margin-top:14px;padding-top:14px}.pb-inspector-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.pb-inspector-section p{color:var(--cf-text-muted);font-size:12px;line-height:1.5;margin:0}.pb-placeholder-copy{margin-bottom:9px!important}.pb-inspector-section p span,.pb-inspector-section p strong{display:block}.pb-inspector-section p strong{color:var(--cf-text)}.pb-inspector-section dl{display:grid;grid-gap:7px;gap:7px;margin:0}.pb-inspector-section dl div{display:flex;justify-content:space-between;gap:12px}.pb-inspector-section dd,.pb-inspector-section dt{font-size:12px;margin:0}.pb-inspector-section dt{color:var(--cf-text-muted)}.pb-inspector-section dd{color:var(--cf-text);font-weight:700;text-align:right}.pb-warning-counts{display:flex;flex-wrap:wrap;gap:6px}.pb-warning-item,.pb-warning-pill{border:1px solid var(--cf-border);border-radius:6px;font-size:10px}.pb-warning-pill{color:var(--cf-text-muted);padding:4px 6px;text-transform:uppercase}.pb-warning-list{display:grid;grid-gap:7px;gap:7px;list-style:none;margin:0;padding:0}.pb-warning-item{background:var(--cf-surface-muted);padding:8px}.pb-warning-item span,.pb-warning-item strong{display:block}.pb-warning-item strong{color:var(--cf-text);font-size:10px}.pb-warning-item span{color:var(--cf-text-muted);font-size:11px;line-height:1.4;margin-top:3px}.pb-warning-item--caution,.pb-warning-pill--caution{border-color:#f5c84c}.pb-warning-item--warning,.pb-warning-pill--warning{border-color:var(--cf-warning)}.pb-warning-item--blocking,.pb-warning-item--danger,.pb-warning-pill--blocking,.pb-warning-pill--danger{border-color:var(--cf-danger)}.pb-status{align-items:center;background:var(--cf-surface);border-top:1px solid var(--cf-border);color:var(--cf-text-muted);display:flex;font-size:12px;gap:10px;justify-content:space-between;padding:9px 18px}.pb-status strong{color:var(--cf-primary-dark)}[data-theme=dark] .pb-status strong{color:var(--cf-primary)}.pb-status--ok strong{color:var(--cf-success)}.pb-status--caution strong{color:#b98100}.pb-status--warning strong{color:var(--cf-warning)}.pb-status--blocking strong,.pb-status--danger strong{color:var(--cf-danger)}@media (max-width:1180px){.pb-toolbar{grid-template-columns:1fr}.pb-toolbar-actions{justify-content:flex-start}.pb-main{grid-template-columns:210px minmax(0,1fr)}.pb-inspector{grid-column:1/-1}}@media (max-width:760px){body{overflow:auto}.pb-root{height:auto;min-height:100vh}.pb-main{grid-template-columns:1fr}.pb-toolbar{padding:12px}.pb-brand,.pb-plan-title{align-items:flex-start}.pb-plan-title{flex-direction:column}.pb-hint{display:none}}@media print{.pb-hint,.pb-inspector,.pb-palette,.pb-status,.pb-toolbar-actions{display:none}body{background:#fff;color:#000;overflow:visible}.pb-main{display:block;padding:0}.pb-canvas-wrap{background:none;border:0;box-shadow:none;overflow:visible}.pb-node{box-shadow:none}}