.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.tree-editor{height:100%;display:flex;flex-direction:column;position:relative}.toolbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem;display:flex;justify-content:space-between;align-items:center}.toolbar-section{display:flex;gap:.5rem}.tool-btn{padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.tool-btn:hover:not(:disabled){background:#f5f5f5;border-color:#667eea}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn.primary{background:#667eea;color:#fff;border-color:#667eea}.tool-btn.primary:hover{background:#5568d3}.editor-container{flex:1;background:#fafafa}.person-node{background:#fff;border:2px solid #ddd;border-radius:8px;padding:.75rem;min-width:180px;box-shadow:0 2px 8px #0000001a;transition:all .2s;cursor:pointer}.person-node:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.person-node.selected{border-color:#667eea;background:#f0f4ff}.person-avatar{font-size:2rem;text-align:center;margin-bottom:.5rem}.person-info{text-align:center}.person-name{font-weight:600;color:#333;margin-bottom:.25rem}.person-details{font-size:.85rem;color:#666}.person-panel{position:absolute;right:20px;top:80px;width:320px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:10}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.panel-header h3{margin:0;font-size:1.1rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:30px;height:30px}.close-btn:hover{color:#333}.panel-body{padding:1rem}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:#555}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.save-btn{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover{background:#5568d3}.import-gedcom[data-v-cecd1ced]{height:100%;overflow-y:auto;background:linear-gradient(135deg,#667eea15,#764ba215)}.container[data-v-cecd1ced]{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.import-card[data-v-cecd1ced]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a}.card-header h2[data-v-cecd1ced]{margin:0 0 .5rem;color:#333}.card-header p[data-v-cecd1ced]{margin:0;color:#666}.upload-area[data-v-cecd1ced]{margin-top:2rem;border:3px dashed #ddd;border-radius:12px;padding:3rem;text-align:center;transition:all .3s}.upload-area.dragging[data-v-cecd1ced]{border-color:#667eea;background:#f0f4ff}.upload-placeholder[data-v-cecd1ced]{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon[data-v-cecd1ced]{font-size:4rem}.upload-placeholder h3[data-v-cecd1ced]{margin:0;color:#333}.upload-placeholder p[data-v-cecd1ced]{margin:0;color:#666}.upload-btn[data-v-cecd1ced]{padding:.75rem 2rem;background:#667eea;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.upload-btn[data-v-cecd1ced]:hover{background:#5568d3;transform:translateY(-2px)}.upload-hint[data-v-cecd1ced]{font-size:.85rem;color:#999}.upload-success[data-v-cecd1ced]{padding:2rem}.success-icon[data-v-cecd1ced]{font-size:3rem;margin-bottom:1rem}.upload-success h3[data-v-cecd1ced]{margin:.5rem 0;color:#333}.upload-success p[data-v-cecd1ced]{margin:.5rem 0;color:#666}.change-btn[data-v-cecd1ced]{margin-top:1rem;padding:.5rem 1.5rem;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:6px;cursor:pointer;font-weight:500}.change-btn[data-v-cecd1ced]:hover{background:#f0f4ff}.import-options[data-v-cecd1ced]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.import-options h3[data-v-cecd1ced]{margin:0 0 1rem;color:#333}.option-group[data-v-cecd1ced]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.checkbox-label[data-v-cecd1ced]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox][data-v-cecd1ced]{width:18px;height:18px;cursor:pointer}.checkbox-label span[data-v-cecd1ced]{color:#555}.import-btn[data-v-cecd1ced]{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s}.import-btn[data-v-cecd1ced]:hover:not(:disabled){background:#5568d3}.import-btn[data-v-cecd1ced]:disabled{opacity:.6;cursor:not-allowed}.progress-section[data-v-cecd1ced]{margin-top:2rem}.progress-bar[data-v-cecd1ced]{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill[data-v-cecd1ced]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-cecd1ced]{text-align:center;margin-top:.5rem;color:#666;font-weight:500}.result-section[data-v-cecd1ced]{margin-top:2rem}.result-card[data-v-cecd1ced]{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:2rem;text-align:center}.result-card h3[data-v-cecd1ced]{margin:0 0 1.5rem;color:#166534}.stats[data-v-cecd1ced]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-item[data-v-cecd1ced]{text-align:center}.stat-value[data-v-cecd1ced]{font-size:2rem;font-weight:700;color:#667eea}.stat-label[data-v-cecd1ced]{font-size:.9rem;color:#666;margin-top:.25rem}.view-btn[data-v-cecd1ced]{padding:.75rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.view-btn[data-v-cecd1ced]:hover{background:#5568d3;transform:translateY(-2px)}.info-section[data-v-cecd1ced]{display:flex;flex-direction:column;gap:1.5rem}.info-section h3[data-v-cecd1ced]{margin:0;color:#333}.info-section>p[data-v-cecd1ced]{margin:0;color:#666;line-height:1.6}.info-card[data-v-cecd1ced]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-card h4[data-v-cecd1ced]{margin:0 0 1rem;color:#333}.info-card ul[data-v-cecd1ced]{margin:0;padding-left:1.5rem;color:#666;line-height:1.8}.download-btn[data-v-cecd1ced]{width:100%;padding:.75rem;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.download-btn[data-v-cecd1ced]:hover{background:#f0f4ff}@media (max-width: 968px){.container[data-v-cecd1ced]{grid-template-columns:1fr}}.generate-book[data-v-dfb4b111]{height:100%;overflow-y:auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.container[data-v-dfb4b111]{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.book-card[data-v-dfb4b111]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a}.card-header h2[data-v-dfb4b111]{margin:0 0 .5rem;color:#333}.card-header p[data-v-dfb4b111]{margin:0;color:#666}.book-preview[data-v-dfb4b111]{margin:2rem 0;display:flex;justify-content:center}.preview-cover[data-v-dfb4b111]{width:300px;height:400px;border-radius:8px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;justify-content:center;color:#fff;padding:2rem;transition:all .3s}.preview-cover[data-v-dfb4b111]:hover{transform:scale(1.02)}.cover-content[data-v-dfb4b111]{text-align:center}.cover-content h1[data-v-dfb4b111]{font-size:2rem;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cover-content p[data-v-dfb4b111]{font-size:1.2rem;margin:0 0 2rem;opacity:.9}.cover-year[data-v-dfb4b111]{font-size:1rem;opacity:.8;margin-top:3rem}.book-options h3[data-v-dfb4b111]{margin:0 0 1rem;color:#333;font-size:1.1rem}.form-group[data-v-dfb4b111]{margin-bottom:1.5rem}.form-group label[data-v-dfb4b111]{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:#555}.form-group input[data-v-dfb4b111],.form-group select[data-v-dfb4b111]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.form-group input[data-v-dfb4b111]:focus,.form-group select[data-v-dfb4b111]:focus{outline:none;border-color:#667eea}.theme-selector[data-v-dfb4b111]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.theme-option[data-v-dfb4b111]{cursor:pointer;text-align:center;transition:all .2s}.theme-option[data-v-dfb4b111]:hover{transform:translateY(-4px)}.theme-option.selected .theme-preview[data-v-dfb4b111]{border:3px solid #667eea;box-shadow:0 4px 12px #667eea4d}.theme-preview[data-v-dfb4b111]{width:100%;height:80px;border-radius:8px;border:3px solid transparent;transition:all .2s}.theme-name[data-v-dfb4b111]{margin-top:.5rem;font-size:.9rem;color:#666;font-weight:500}.content-options[data-v-dfb4b111]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.checkbox-label[data-v-dfb4b111]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox][data-v-dfb4b111]{width:18px;height:18px;cursor:pointer}.checkbox-label span[data-v-dfb4b111]{color:#555;font-size:.95rem}.generate-btn[data-v-dfb4b111]{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:2rem}.generate-btn[data-v-dfb4b111]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.generate-btn[data-v-dfb4b111]:disabled{opacity:.6;cursor:not-allowed}.progress-section[data-v-dfb4b111]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.progress-bar[data-v-dfb4b111]{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill[data-v-dfb4b111]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s}.progress-text[data-v-dfb4b111]{text-align:center;margin-top:.75rem;color:#667eea;font-weight:500}.success-section[data-v-dfb4b111]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.success-card[data-v-dfb4b111]{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:2rem;text-align:center}.success-icon[data-v-dfb4b111]{font-size:3rem;margin-bottom:1rem}.success-card h3[data-v-dfb4b111]{margin:0 0 .5rem;color:#166534}.success-card p[data-v-dfb4b111]{margin:0 0 1.5rem;color:#666}.action-buttons[data-v-dfb4b111]{display:flex;gap:1rem;justify-content:center}.download-btn[data-v-dfb4b111],.preview-btn[data-v-dfb4b111]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn[data-v-dfb4b111]{background:#667eea;color:#fff}.download-btn[data-v-dfb4b111]:hover{background:#5568d3}.preview-btn[data-v-dfb4b111]{background:#fff;color:#667eea;border:2px solid #667eea}.preview-btn[data-v-dfb4b111]:hover{background:#f0f4ff}.info-section[data-v-dfb4b111]{display:flex;flex-direction:column;gap:1.5rem}.info-card[data-v-dfb4b111]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-card h3[data-v-dfb4b111]{margin:0 0 1rem;color:#333}.info-card p[data-v-dfb4b111]{margin:0 0 1rem;color:#666;line-height:1.6}.info-card ul[data-v-dfb4b111]{margin:0;padding-left:1.5rem;color:#666;line-height:1.8}.stat-grid[data-v-dfb4b111]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat-box[data-v-dfb4b111]{text-align:center;padding:1rem;background:#f5f5f5;border-radius:8px}.stat-value[data-v-dfb4b111]{font-size:1.75rem;font-weight:700;color:#667eea}.stat-label[data-v-dfb4b111]{font-size:.85rem;color:#666;margin-top:.25rem}@media (max-width: 968px){.container[data-v-dfb4b111]{grid-template-columns:1fr}}.app{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600}.nav{display:flex;gap:.5rem}.nav-btn{padding:.5rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.nav-btn:hover{background:#fff3;transform:translateY(-1px)}.nav-btn.active{background:#fff;color:#667eea;border-color:#fff}.main-content{flex:1;overflow:hidden}