.family-tree-visualizer{max-width:1200px;margin:0 auto}.visualizer-header{margin-bottom:2rem}.visualizer-header h1{margin:0 0 .5rem;font-size:2rem;color:#111827}.visualizer-header p{margin:0;color:#6b7280;line-height:1.6}.input-format{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #059669;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.input-format h2{margin:0 0 .5rem;font-size:1.25rem;color:#065f46}.input-format p{margin:0 0 1rem;color:#065f46;line-height:1.6}.format-example{background:#ffffff;border:1px solid #d1d5db;border-radius:4px;padding:1rem;overflow-x:auto;margin:0}.format-example code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;color:#1f2937;display:block;white-space:pre}.tree-form{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.json-textarea{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical;background:#f9fafb;color:#1f2937;transition:border-color .2s,background-color .2s}.json-textarea:focus{outline:none;border-color:#059669;background:#ffffff}.json-textarea:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:1rem}.btn-render,.btn-sample{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn-render{background:#059669;color:#ffffff}.btn-render:hover:not(:disabled){background:#047857}.btn-render:active:not(:disabled){transform:scale(.98)}.btn-render:disabled{background:#9ca3af;cursor:not-allowed}.btn-sample{background:#f3f4f6;color:#374151}.btn-sample:hover:not(:disabled){background:#e5e7eb}.btn-sample:disabled{opacity:.6;cursor:not-allowed}.results{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{padding:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:4px;color:#991b1b;line-height:1.6}.error-message strong{color:#7f1d1d}.results-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #059669;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.results-summary h2{margin:0 0 1rem;font-size:1.5rem;color:#065f46}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#047857;font-weight:500}.stat-value{font-size:1.125rem;color:#065f46;font-weight:600}.tree-container{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem}.tree-root{margin-bottom:2rem}.tree-root:last-child{margin-bottom:0}.tree-node{list-style:none;position:relative;padding-left:2rem;margin:.75rem 0}.tree-node:before{content:"";position:absolute;left:0;top:0;width:1rem;height:1.5rem;border-bottom:2px solid #d1d5db}.tree-node:before,.tree-node:last-child:before{border-left:2px solid #d1d5db}.tree-node:last-child:after{content:"";position:absolute;left:0;top:1.5rem;bottom:0;width:2px;background:#ffffff}.person-info{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #059669;padding:.75rem 1rem;border-radius:4px;margin-bottom:.25rem;display:inline-block;min-width:300px}.person-name{font-weight:600;color:#065f46;font-size:1rem}.person-lifespan{margin-left:.5rem;color:#047857;font-size:.875rem}.person-places{font-style:italic}.person-notes,.person-places{font-size:.875rem;color:#6b7280;margin-left:2rem;margin-top:.25rem}.person-notes{padding:.5rem;background:#f9fafb;border-radius:3px;border-left:2px solid #d1d5db;max-width:500px}.children-list{list-style:none;padding:0;margin:.5rem 0 0;position:relative}.children-list:before{content:"";position:absolute;left:0;top:0;bottom:.75rem;width:2px;background:#d1d5db}.tree-root>.tree-node{padding-left:0}.tree-root>.tree-node:after,.tree-root>.tree-node:before{display:none}