.handbook-shell .cz-main{max-width:none;padding-right:32px}.handbook-shell .cz-shell{flex-direction:column;gap:16px;margin-top:24px;display:flex}.handbook-shell .cz-tabs{border-bottom:1px solid var(--hb-hair);gap:0;padding:0;display:flex}.handbook-shell .cz-tabs .wb-tab{font:inherit;color:var(--hb-ink-mute);cursor:pointer;font-family:var(--hb-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:11px;transition:color .12s,border-color .12s;display:flex}.handbook-shell .cz-tabs .wb-tab:hover{color:var(--hb-ink)}.handbook-shell .cz-tabs .wb-tab.active{color:var(--hb-ink);border-bottom-color:var(--hb-accent)}.handbook-shell .cz-tabs .wb-tab-ct{background:var(--hb-paper-2);border:1px solid var(--hb-hair);color:var(--hb-ink-faint);border-radius:999px;padding:1px 8px;font-size:10px}.handbook-shell .cz-grid{grid-template-columns:304px 1fr;gap:16px;min-height:640px;display:grid}.handbook-shell .cz-rail{background:var(--hb-paper);border:1px solid var(--hb-hair);border-radius:10px;flex-direction:column;gap:22px;max-height:760px;padding:16px;display:flex;overflow-y:auto}.handbook-shell .cz-rail::-webkit-scrollbar{width:6px}.handbook-shell .cz-rail::-webkit-scrollbar-thumb{background:var(--hb-hair);border-radius:3px}.handbook-shell .cz-rail-head{font-family:var(--hb-mono);letter-spacing:.14em;color:var(--hb-ink-faint);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10.5px;display:flex}.handbook-shell .cz-rail-head .ct{background:var(--hb-paper-2);border:1px solid var(--hb-hair);letter-spacing:.08em;color:var(--hb-ink-mute);border-radius:999px;padding:1px 8px;font-size:10px}.handbook-shell .cz-rail-search{background:var(--hb-paper-2);border:1px solid var(--hb-hair);width:100%;font-family:var(--hb-mono);color:var(--hb-ink);border-radius:6px;outline:none;padding:8px 10px;font-size:12px;transition:border-color .12s,background .12s}.handbook-shell .cz-rail-search::placeholder{color:var(--hb-ink-faint)}.handbook-shell .cz-rail-search:focus{background:var(--hb-paper);border-color:var(--hb-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--hb-accent) 18%, transparent)}.handbook-shell .cz-rail-filters{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.handbook-shell .cz-rail-filter{font-family:var(--hb-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--hb-hair);background:var(--hb-paper);color:var(--hb-ink-mute);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:10px;transition:all .12s}.handbook-shell .cz-rail-filter:hover{border-color:var(--hb-ink-mute);color:var(--hb-ink)}.handbook-shell .cz-rail-filter[data-active=true]{background:var(--hb-ink);border-color:var(--hb-ink);color:var(--hb-paper)}.handbook-shell .cz-rail-empty{border:1px dashed var(--hb-hair);color:var(--hb-ink-mute);text-align:center;border-radius:8px;margin-top:6px;padding:14px;font-size:12px;line-height:1.5}.handbook-shell .cz-rail-empty a{color:var(--hb-accent);text-decoration:none}.handbook-shell .cz-rail-empty a:hover{text-decoration:underline}.handbook-shell .cz-rail-list{flex-direction:column;gap:4px;display:flex}.handbook-shell .cz-lib-item{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;transition:background .12s,border-color .12s;display:flex}.handbook-shell .cz-lib-item:hover{background:var(--hb-paper-2);border-color:var(--hb-hair)}.handbook-shell .cz-lib-item:active{cursor:grabbing}.handbook-shell .cz-lib-tag{font-family:var(--hb-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:8.5px}.handbook-shell .cz-lib-name{min-width:0;color:var(--hb-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.handbook-shell .cz-lib-star{cursor:pointer;color:var(--hb-ink-faint);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1;transition:color .12s,background .12s}.handbook-shell .cz-lib-star:hover{background:var(--hb-paper-2);color:var(--hb-ink)}.handbook-shell .cz-lib-star[data-starred=true]{color:#d4a017}.handbook-shell .cz-template{background:var(--hb-paper-2);border:1px solid var(--hb-hair);cursor:default;border-radius:8px;align-items:stretch;gap:8px;margin-bottom:6px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.handbook-shell .cz-template:hover{border-color:var(--hb-ink-mute);background:var(--hb-paper)}.handbook-shell .cz-template-body{flex:1;min-width:0}.handbook-shell .cz-template-name{font-family:var(--hb-display);font-variation-settings:"opsz" 18, "wght" 540;letter-spacing:-.005em;color:var(--hb-ink);margin-bottom:3px;font-size:13.5px}.handbook-shell .cz-template-tag{font-family:var(--hb-mono);color:var(--hb-ink-mute);word-break:break-word;font-size:10.5px;line-height:1.4}.handbook-shell .cz-template-add{background:var(--hb-paper);border:1px solid var(--hb-hair);font:inherit;cursor:pointer;width:32px;color:var(--hb-ink-mute);border-radius:6px;align-self:center;font-size:16px;transition:all .12s}.handbook-shell .cz-template-add:hover{background:var(--hb-ink);color:var(--hb-paper);border-color:var(--hb-ink)}.handbook-shell .cz-canvas-wrap{flex-direction:column;gap:8px;min-width:0;display:flex}.handbook-shell .cz-bar{background:var(--hb-paper);border:1px solid var(--hb-hair);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.handbook-shell .cz-bar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.handbook-shell .cz-bar-sub{background:var(--hb-paper-2);border:1px solid var(--hb-hair);border-radius:8px;padding:8px 10px}.handbook-shell .cz-flow-pick{background:var(--hb-paper);border:1px solid var(--hb-hair);font:inherit;color:var(--hb-ink);cursor:pointer;border-radius:6px;outline:none;min-width:220px;padding:6px 30px 6px 12px;font-size:13px;font-weight:500;transition:border-color .12s}.handbook-shell .cz-flow-pick:hover{border-color:var(--hb-ink-mute)}.handbook-shell .cz-flow-pick:focus{border-color:var(--hb-accent)}.handbook-shell .cz-btn,.handbook-shell .cz-icon-btn{background:var(--hb-paper);border:1px solid var(--hb-hair);font:inherit;cursor:pointer;color:var(--hb-ink);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .12s;display:inline-flex}.handbook-shell .cz-btn:hover,.handbook-shell .cz-icon-btn:hover{border-color:var(--hb-ink-mute);background:var(--hb-paper-2)}.handbook-shell .cz-icon-btn{justify-content:center;width:32px;padding:6px 0}.handbook-shell .cz-icon-danger:hover{background:color-mix(in oklch, var(--st-blocked) 12%, transparent);border-color:var(--st-blocked);color:var(--st-blocked)}.handbook-shell .cz-btn-primary{background:var(--hb-ink);border-color:var(--hb-ink);color:var(--hb-paper)}.handbook-shell .cz-btn-primary:hover{background:color-mix(in oklch, var(--hb-ink) 88%, transparent);border-color:var(--hb-ink)}.handbook-shell .cz-saved{font-family:var(--hb-mono);color:var(--hb-ink-faint);align-items:center;gap:6px;margin-right:4px;font-size:11px;display:inline-flex}.handbook-shell .cz-saved:before{content:"";background:var(--st-done);border-radius:999px;width:6px;height:6px}.handbook-shell .cz-canvas{background:var(--hb-paper-2);border:1px solid var(--hb-hair);border-radius:10px;height:620px;position:relative;overflow:hidden}.handbook-shell .cz-canvas[data-drag-over=true]{border-color:var(--hb-accent);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--hb-accent) 25%, transparent)}.handbook-shell .cz-help{font-family:var(--hb-mono);color:var(--hb-ink-mute);pointer-events:none;background:color-mix(in oklch, var(--hb-paper) 88%, transparent);border:1px solid var(--hb-hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;gap:14px;padding:6px 10px;font-size:10.5px;display:flex;position:absolute;top:12px;right:16px}.handbook-shell .cz-help kbd{font-family:var(--hb-mono);background:var(--hb-paper);border:1px solid var(--hb-hair);color:var(--hb-ink);border-radius:3px;margin:0 2px;padding:1px 5px;font-size:10px}.handbook-shell .cz-node{background:var(--hb-paper);border:1px solid var(--hb-hair);min-width:200px;max-width:260px;font-family:var(--hb-body,system-ui);border-radius:10px;padding:12px 14px 14px;transition:border-color .12s,box-shadow .12s;box-shadow:0 1px #00000005,0 4px 14px -8px #00000014}.handbook-shell .cz-node:hover{border-color:var(--hb-ink-mute)}.handbook-shell .react-flow__node.selected .cz-node,.handbook-shell .react-flow__node:focus-visible .cz-node{border-color:var(--hb-ink);box-shadow:0 1px 0 #0000000a, 0 8px 24px -10px #00000029, 0 0 0 3px color-mix(in oklch, var(--hb-ink) 6%, transparent)}.handbook-shell .cz-node-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.handbook-shell .cz-node-tag{font-family:var(--hb-mono);letter-spacing:.18em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:9.5px}.handbook-shell .cz-tag-cmd{background:color-mix(in oklch, var(--st-todo) 14%, transparent);color:var(--st-todo)}.handbook-shell .cz-tag-agent{background:color-mix(in oklch, var(--st-progress) 16%, transparent);color:var(--st-progress)}.handbook-shell .cz-tag-skill{background:color-mix(in oklch, var(--st-review) 16%, transparent);color:var(--st-review)}.handbook-shell .cz-tag-rule{background:color-mix(in oklch, var(--st-live) 16%, transparent);color:var(--st-live)}.handbook-shell .cz-tag-note{background:var(--hb-paper-2);color:var(--hb-ink-mute);border:1px dashed var(--hb-hair)}.handbook-shell .cz-node-name{color:var(--hb-ink);word-break:break-word;font-size:13.5px;font-weight:500;line-height:1.3;font-family:var(--hb-mono);letter-spacing:-.005em}.handbook-shell .cz-node-task{font-family:var(--hb-display);font-variation-settings:"opsz" 14, "wght" 380, "SOFT" 60;color:var(--hb-ink-mute);margin-top:6px;font-size:12.5px;font-style:italic;line-height:1.45}.handbook-shell .cz-node-note{background:color-mix(in oklch, var(--bar-warning) 25%, var(--hb-paper));border:1px dashed color-mix(in oklch, var(--bar-warning-deep) 60%, transparent)}.handbook-shell .cz-note-text{font-family:var(--hb-display);font-variation-settings:"opsz" 18, "wght" 400, "SOFT" 80;color:var(--hb-ink);font-size:12.5px;font-style:italic;line-height:1.45}.handbook-shell .cz-port{background:var(--hb-paper);border:1.5px solid var(--hb-ink-mute);border-radius:999px;width:9px;height:9px;transition:all .12s}.handbook-shell .cz-port:hover{background:var(--hb-accent);border-color:var(--hb-accent)}.handbook-shell .react-flow__controls{border:1px solid var(--hb-hair);background:var(--hb-paper);border-radius:8px;overflow:hidden;box-shadow:0 1px #0000000a,0 6px 18px -8px #0000001a}.handbook-shell .react-flow__controls-button{background:var(--hb-paper);border-color:var(--hb-hair);color:var(--hb-ink)}.handbook-shell .react-flow__controls-button:hover{background:var(--hb-paper-2)}.handbook-shell .react-flow__minimap{border:1px solid var(--hb-hair);background:var(--hb-paper);border-radius:8px;overflow:hidden;width:168px!important;height:110px!important}.handbook-shell .react-flow__minimap-mask{fill:color-mix(in oklch, var(--hb-ink) 18%, transparent)}.handbook-shell .react-flow__minimap-node{fill:color-mix(in oklch, var(--hb-ink) 35%, transparent);stroke:none}.handbook-shell .react-flow__edge-path{stroke:var(--hb-ink-mute);stroke-width:1.5px}.handbook-shell .react-flow__edge.selected .react-flow__edge-path,.handbook-shell .react-flow__edge:focus-visible .react-flow__edge-path{stroke:var(--hb-accent);stroke-width:2px}.handbook-shell .react-flow__handle{border-radius:50%}.handbook-shell .react-flow__connectionline{stroke:var(--hb-accent);stroke-width:2px;stroke-dasharray:5 3}.handbook-shell .cz-inspector{background:var(--hb-paper);border:1px solid var(--hb-hair);z-index:5;border-radius:10px;width:280px;max-height:calc(100% - 32px);padding:16px;position:absolute;top:16px;right:16px;overflow-y:auto;box-shadow:0 1px #0000000a,0 12px 32px -12px #0000002e}.handbook-shell .cz-inspector-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.handbook-shell .cz-inspector-tag{font-family:var(--hb-mono);letter-spacing:.18em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:9.5px}.handbook-shell .cz-inspector-close{cursor:pointer;color:var(--hb-ink-mute);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.handbook-shell .cz-inspector-close:hover{background:var(--hb-paper-2);color:var(--hb-ink)}.handbook-shell .cz-inspector-title{font-family:var(--hb-display);font-variation-settings:"opsz" 24, "wght" 460;letter-spacing:-.01em;color:var(--hb-ink);word-break:break-word;margin:0 0 4px;font-size:18px;line-height:1.2}.handbook-shell .cz-inspector-ref{font-family:var(--hb-mono);color:var(--hb-ink-faint);margin-bottom:14px;font-size:11px}.handbook-shell .cz-inspector-label{font-family:var(--hb-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hb-ink-faint);margin-top:12px;margin-bottom:4px;font-size:10px}.handbook-shell .cz-inspector-label:first-of-type{margin-top:0}.handbook-shell .cz-inspector-field{background:var(--hb-paper-2);border:1px solid var(--hb-hair);width:100%;font-family:var(--hb-body,system-ui);color:var(--hb-ink);resize:vertical;border-radius:6px;outline:none;min-height:60px;padding:8px 10px;font-size:13px;line-height:1.45;transition:border-color .12s}.handbook-shell .cz-inspector-field:focus{border-color:var(--hb-accent);background:var(--hb-paper)}.handbook-shell .cz-inspector-input{background:var(--hb-paper-2);border:1px solid var(--hb-hair);width:100%;font-family:var(--hb-mono);color:var(--hb-ink);border-radius:6px;outline:none;padding:8px 10px;font-size:12.5px;transition:border-color .12s}.handbook-shell .cz-inspector-input:focus{border-color:var(--hb-accent);background:var(--hb-paper)}.handbook-shell .cz-inspector-link{font-family:var(--hb-mono);color:var(--hb-accent);align-items:center;gap:6px;margin-top:12px;font-size:11px;text-decoration:none;display:inline-flex}.handbook-shell .cz-inspector-link:hover{text-decoration:underline}.handbook-shell .cz-inspector-actions{border-top:1px solid var(--hb-hair);gap:6px;margin-top:16px;padding-top:12px;display:flex}.handbook-shell .cz-modal{background:color-mix(in oklch, var(--hb-ink) 35%, transparent);z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.handbook-shell .cz-modal-card{background:var(--hb-paper);border:1px solid var(--hb-hair);border-radius:12px;flex-direction:column;width:min(720px,92vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 1px #0000000f,0 24px 60px -16px #0000004d}.handbook-shell .cz-modal-head{border-bottom:1px solid var(--hb-hair);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.handbook-shell .cz-modal-head h3{font-family:var(--hb-display);font-variation-settings:"opsz" 24, "wght" 460;letter-spacing:-.01em;color:var(--hb-ink);margin:0;font-size:18px}.handbook-shell .cz-modal-head button{cursor:pointer;color:var(--hb-ink-mute);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px}.handbook-shell .cz-modal-head button:hover{background:var(--hb-paper-2);color:var(--hb-ink)}.handbook-shell .cz-modal-card textarea{border:none;border-bottom:1px solid var(--hb-hair);font-family:var(--hb-mono);resize:none;color:var(--hb-ink);background:var(--hb-paper-2);outline:none;flex:1;min-height:320px;padding:16px 20px;font-size:12.5px;line-height:1.55}.handbook-shell .cz-modal-foot{justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.handbook-shell .cz-archive{padding:18px 2px}.handbook-shell .cz-archive-table{border-collapse:collapse;width:100%;font-size:13.5px}.handbook-shell .cz-archive-table th,.handbook-shell .cz-archive-table td{text-align:left;border-bottom:1px solid var(--hb-hair);color:var(--hb-ink);padding:12px 8px}.handbook-shell .cz-archive-table th{font-family:var(--hb-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hb-ink-faint);border-bottom:1px solid var(--hb-ink-mute);font-size:10.5px;font-weight:500}.handbook-shell .cz-archive-table tbody tr:hover{background:var(--hb-paper-2)}.handbook-shell .cz-link{color:var(--hb-accent);cursor:pointer;font:inherit;font-family:var(--hb-mono);background:0 0;border:none;padding:0;font-size:12px}.handbook-shell .cz-link:hover{text-decoration:underline}.handbook-shell .cz-drag-ghost{background:var(--hb-paper);border:1px solid var(--hb-ink);font-family:var(--hb-mono);pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex;box-shadow:0 1px #0000000a,0 6px 16px -6px #00000029}