.pc-root{--pc-bg:#0b0b10;--pc-card-bg:#121319;--pc-card-border:#f0f0e51a;--pc-text-main:#f0f0e5;--pc-text-soft:#f0f0e58c;--pc-connector-text:#f0f0e5;--pc-connector-image:#46e7d0;--pc-connector-video:#4ea8ff;--pc-grid-color:#ffffff12;--pc-glass-bg:#0e0f14b8}.pc-canvas-root{background-color:var(--pc-bg);-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.pc-canvas-root.panning{cursor:grabbing}.pc-grid-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.pc-stage{transform-origin:0 0;z-index:1;width:1px;height:1px;position:absolute;top:0;left:0}.pc-card{--node-accent:var(--pc-connector-text);--node-accent-strong:#f0f0e580;--node-accent-ring:#f0f0e547;border:1px solid var(--node-accent-ring);background:var(--pc-card-bg);pointer-events:auto;cursor:grab;color:var(--pc-text-main);border-radius:13px;flex-direction:column;gap:8px;padding:11px 11px 12px;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;box-shadow:0 18px 36px -24px #000000e0,0 8px 14px #00000061}.pc-card:active{cursor:grabbing}.pc-card.dragging{border-color:var(--node-accent);box-shadow:0 18px 36px -24px #000000e0, 0 8px 14px #00000061, 0 24px 34px -20px var(--node-accent-strong), 0 0 0 1px var(--node-accent-ring);z-index:4}.pc-card.selected{border-color:var(--node-accent);box-shadow:0 18px 36px -24px #000000e0, 0 8px 14px #00000061, 0 22px 32px -20px var(--node-accent-strong), 0 0 0 1px var(--node-accent-ring)}.pc-card[data-accent=image]{--node-accent:var(--pc-connector-image);--node-accent-strong:#46e7d080;--node-accent-ring:#46e7d04d}.pc-card[data-accent=video]{--node-accent:var(--pc-connector-video);--node-accent-strong:#4ea8ff80;--node-accent-ring:#4ea8ff4d}.pc-node-header{color:var(--pc-text-main);letter-spacing:.01em;cursor:inherit;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.pc-type-label{color:var(--pc-text-soft);text-transform:lowercase;font-size:10px}.pc-meta{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.pc-meta-chip{height:16px;color:var(--pc-text-soft);white-space:nowrap;background:#ffffff0a;border:1px solid #f0f0e524;border-radius:999px;flex:none;align-items:center;padding:0 6px;font-size:8.5px;font-weight:600;display:inline-flex}.pc-meta-kind{letter-spacing:.03em;color:var(--node-accent);white-space:nowrap;flex:none;font-size:8.5px;font-weight:700}.pc-node-header .pc-dots{color:#ffffff4d;letter-spacing:1px;flex:none;font-size:13px}.pc-card-body-text{color:var(--pc-text-soft);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:9px 10px;font-size:11px;line-height:1.5}.pc-media{color:color-mix(in srgb, var(--node-accent) 55%, transparent);background:linear-gradient(145deg,#17181f,#0b0c11 70%);border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pc-media .pc-media-icon{opacity:.55;width:30%;height:30%}.pc-media-toolbar{gap:4px;display:flex;position:absolute;top:6px;right:7px}.pc-media-toolbar-btn{color:#f0f0e5a6;background:#00000073;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.pc-media-toolbar-btn svg{width:9px;height:9px}.pc-media-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--pc-text-soft);background:#00000073;border-radius:999px;padding:2px 6px;font-size:8.5px;font-weight:700;position:absolute;top:6px;left:7px}.pc-media-time{font-variant-numeric:tabular-nums;color:var(--pc-text-soft);background:#00000080;border-radius:999px;padding:1px 6px;font-size:9px;position:absolute;bottom:6px;right:7px}.pc-media-play{width:26px;height:26px;color:var(--pc-text-main);background:#00000073;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.pc-footer-row{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.pc-footer-link{color:var(--pc-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.pc-card-footer-btn{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--node-accent) 85%, white 10%);background:color-mix(in srgb, var(--node-accent) 12%, transparent);border:1px solid var(--node-accent-ring);white-space:nowrap;border-radius:6px;flex:none;padding:5px 9px;font-size:9.5px;font-weight:700}.pc-port{pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;transform:translateY(-50%)}.pc-port:before{content:"";background:var(--pc-bg);border:2px solid;border-radius:50%;position:absolute;inset:2px}.pc-port.connected:before{background:radial-gradient(circle at center, currentColor 0 3px, transparent 3.2px), var(--pc-bg);box-shadow:0 0 6px}.pc-port[data-kind=text]{color:var(--pc-connector-text)}.pc-port[data-kind=image]{color:var(--pc-connector-image)}.pc-port[data-kind=video]{color:var(--pc-connector-video)}.pc-connections-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.pc-edge{fill:none;stroke-width:2px;stroke-linecap:round}.pc-edge[data-kind=text]{stroke:var(--pc-connector-text);filter:drop-shadow(0 0 5px #f0f0e566)}.pc-edge[data-kind=image]{stroke:var(--pc-connector-image);filter:drop-shadow(0 0 5px #46e7d066)}.pc-edge[data-kind=video]{stroke:var(--pc-connector-video);filter:drop-shadow(0 0 5px #4ea8ff66)}.pc-dock{z-index:3;background:var(--pc-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #f0f0e51f;border-radius:9px;align-items:center;gap:2px;max-width:calc(100% - 24px);height:38px;padding:4px 7px;display:inline-flex;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.pc-dock-icon{color:#f0f0e559;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pc-dock-divider{background:#ffffff14;flex-shrink:0;width:1px;height:16px;margin:0 3px}.pc-dock-btn{width:26px;height:26px;color:var(--pc-text-soft);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .12s,color .12s;display:flex}.pc-dock-btn:hover{color:var(--pc-text-main);background:#ffffff12}.pc-dock-zoom{text-align:center;min-width:38px;color:var(--pc-text-soft);font-size:10.5px;font-weight:600}.pc-dock-add{color:#e8941a;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:600;display:flex}@media (max-width:640px){.pc-dock-icon,.pc-dock-divider:first-of-type{display:none}}