.playbook-canvas-container[data-v-bc46b4ae]{background:var(--sf-canvas);border-radius:var(--sf-radius-xl);height:100%;min-height:400px;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.playbook-canvas[data-v-bc46b4ae]{cursor:grab;display:block;height:100%;width:100%}.playbook-canvas[data-v-bc46b4ae]:active{cursor:grabbing}.playbook-canvas[data-v-bc46b4ae],.playbook-canvas[data-v-bc46b4ae]:focus,.playbook-canvas[data-v-bc46b4ae]:focus-visible{box-shadow:none;outline:none}.zoom-controls[data-v-bc46b4ae]{bottom:1rem;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:1rem;z-index:10}.zoom-btn[data-v-bc46b4ae]{align-items:center;background:var(--sf-surface-raised);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);box-shadow:var(--sf-shadow-sm);color:var(--sf-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:40px}.zoom-btn[data-v-bc46b4ae]:hover{background:var(--sf-surface-hover);border-color:var(--sf-border-strong);color:var(--sf-primary)}.zoom-btn[data-v-bc46b4ae]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.canvas-loading[data-v-bc46b4ae]{align-items:center;background:color-mix(in srgb,var(--sf-canvas) 95%,transparent);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:absolute}.loading-spinner[data-v-bc46b4ae]{animation:spin-bc46b4ae 1s linear infinite;border:4px solid var(--sf-border);border-radius:50%;border-top-color:var(--sf-primary);height:40px;width:40px}@keyframes spin-bc46b4ae{to{transform:rotate(1turn)}}.loading-text[data-v-bc46b4ae]{color:var(--sf-text-muted);font-size:.875rem}.canvas-error[data-v-bc46b4ae]{align-items:center;background:color-mix(in srgb,var(--sf-canvas) 95%,transparent);display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;position:absolute}.error-icon[data-v-bc46b4ae]{color:var(--sf-danger);height:48px;width:48px}.error-text[data-v-bc46b4ae]{color:var(--sf-text-secondary);font-size:.875rem}.playbook-detail[data-v-d54b77b3]{height:100%;min-height:400px}.playbook-detail-loading-preview[data-v-d54b77b3]{background:var(--sf-surface-sunken);border-radius:var(--sf-radius-xl);flex:1;padding:2rem}.playbook-detail-loading-info[data-v-d54b77b3]{background:var(--sf-surface);display:flex;flex-direction:column;gap:1rem;padding:2rem;width:420px}.loading-skeleton[data-v-d54b77b3]{animation:skeleton-pulse-d54b77b3 1s linear infinite alternate;border-radius:var(--sf-radius-md);height:100%}.loading-skeleton--badge[data-v-d54b77b3]{height:28px;width:100px}.loading-skeleton--title[data-v-d54b77b3]{height:36px;width:90%}.loading-skeleton--text[data-v-d54b77b3]{height:24px;width:60%}.loading-skeleton--buttons[data-v-d54b77b3]{height:48px;margin-top:1rem;width:100%}.loading-skeleton--description[data-v-d54b77b3]{height:120px;margin-top:1rem;width:100%}@keyframes skeleton-pulse-d54b77b3{0%{background-color:var(--sf-neutral-100)}to{background-color:var(--sf-neutral-200)}}.playbook-detail-wrapper[data-v-d54b77b3]{background:var(--sf-surface);padding:1.5rem}.playbook-detail-content[data-v-d54b77b3]{align-items:stretch;display:flex;flex-direction:row;gap:1.5rem;margin:0 auto;width:100%}.playbook-preview-section[data-v-d54b77b3]{display:flex;flex:1 1 0;flex-direction:column;height:70vh;min-width:0;overflow:hidden}.preview-container[data-v-d54b77b3]{background:var(--sf-canvas);border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl);height:100%;min-height:400px;overflow:hidden;position:relative}.preview-container[data-v-d54b77b3],.preview-expand-btn[data-v-d54b77b3]{align-items:center;display:flex;justify-content:center}.preview-expand-btn[data-v-d54b77b3]{background:var(--sf-surface-raised);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);bottom:1rem;box-shadow:var(--sf-shadow-sm);color:var(--sf-text-secondary);cursor:pointer;height:40px;left:1rem;position:absolute;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:40px;z-index:10}.preview-expand-btn[data-v-d54b77b3]:hover{background:var(--sf-surface-hover);border-color:var(--sf-border-strong);color:var(--sf-primary)}.preview-expand-btn[data-v-d54b77b3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.preview-placeholder[data-v-d54b77b3]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.playbook-info-section[data-v-d54b77b3]{background:var(--sf-surface-raised);border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl);display:flex;flex:1 1 0;flex-direction:column;height:70vh;min-width:0;overflow:hidden}.info-scroll-container[data-v-d54b77b3]{display:flex;flex:1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem}.back-link[data-v-d54b77b3]{align-items:center;border-radius:var(--sf-radius-sm);color:var(--sf-text-muted);display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-bottom:-.5rem;text-decoration:none;transition:color .2s;width:-moz-fit-content;width:fit-content}.back-link[data-v-d54b77b3]:hover{color:var(--sf-primary)}.back-link[data-v-d54b77b3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.playbook-title-row[data-v-d54b77b3]{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.playbook-title-row[data-v-d54b77b3]>:not(.playbook-title){flex-shrink:0}.playbook-title[data-v-d54b77b3]{color:var(--sf-text);font-family:var(--sf-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;min-width:0}.playbook-description[data-v-d54b77b3]{color:var(--sf-text-secondary);font-size:.9375rem;line-height:1.6}.taxonomy-pill[data-v-d54b77b3]{align-items:center;background:var(--secondary-200);border:none;border-radius:var(--sf-radius-sm);color:var(--secondary-800);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:background-color .15s ease}.taxonomy-pill[data-v-d54b77b3]:hover{background:var(--secondary-300)}.taxonomy-pill[data-v-d54b77b3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.action-buttons[data-v-d54b77b3]{display:flex;gap:.75rem}.section-title[data-v-d54b77b3]{color:var(--sf-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.taxonomy-row[data-v-d54b77b3]{border-top:1px solid var(--sf-border);display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding-top:1.25rem;text-align:left}.taxonomy-column[data-v-d54b77b3]{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.taxonomy-row .taxonomy-section[data-v-d54b77b3]{min-width:0;text-align:left}.taxonomy-list[data-v-d54b77b3]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.taxonomy-empty[data-v-d54b77b3]{color:var(--sf-text-muted);display:inline-block;font-size:.8125rem}.share-section[data-v-d54b77b3]{border-top:1px solid var(--sf-border);padding-top:1.25rem}.share-title[data-v-d54b77b3]{color:var(--sf-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.share-icons[data-v-d54b77b3]{display:flex;gap:.5rem}.share-btn[data-v-d54b77b3]{align-items:center;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);color:var(--sf-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:40px}.share-btn[data-v-d54b77b3]:hover{background:var(--sf-surface-hover);color:var(--sf-primary)}.share-btn[data-v-d54b77b3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.playbook-article-wrapper[data-v-d54b77b3]{background:var(--sf-surface);border-top:1px solid var(--sf-border)}.playbook-related-wrapper[data-v-d54b77b3]{margin-top:0}.playbook-related-section[data-v-d54b77b3]{margin:0 auto;padding:3rem 1.5rem}.related-header[data-v-d54b77b3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.related-title[data-v-d54b77b3]{color:var(--sf-text);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.related-grid[data-v-d54b77b3]{align-items:start;display:grid;gap:1.5rem;grid-auto-rows:auto}.playbook-detail-not-found[data-v-d54b77b3]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}@media(max-width:1024px){.playbook-detail-content[data-v-d54b77b3]{align-items:stretch;flex-direction:column}.playbook-info-section[data-v-d54b77b3]{flex:0 0 auto;height:auto;width:100%}.playbook-preview-section[data-v-d54b77b3]{max-width:100%}}@media(max-width:768px){.playbook-detail-loading[data-v-d54b77b3]{flex-direction:column}.playbook-detail-loading-info[data-v-d54b77b3]{width:100%}.playbook-detail-wrapper[data-v-d54b77b3]{padding:1rem}.playbook-detail-content[data-v-d54b77b3]{gap:1rem}.share-icons[data-v-d54b77b3]{flex-wrap:wrap}.playbook-related-section[data-v-d54b77b3]{padding:2rem 1rem}}@media(max-width:480px){.info-scroll-container[data-v-d54b77b3]{padding:1.25rem}.playbook-title[data-v-d54b77b3],.related-title[data-v-d54b77b3]{font-size:1.25rem}}