@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#eab308;--color-warning-light:#fef9c3;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#0891b2;--color-info-light:#cffafe;--color-outcome-red:#dc2626;--color-outcome-red-light:#fee2e2;--color-outcome-yellow:var(--color-warning);--color-outcome-yellow-light:#fef9c3;--color-outcome-green:#16a34a;--color-outcome-green-light:#dcfce7;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--color-black:#000;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-canvas:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-gray-200)100%);--color-border:var(--color-gray-200);--color-border-focus:var(--color-primary);--border-color:var(--color-border);--font-heading:"Crimson Pro",serif;--font-body:"DM Sans",sans-serif;--font-mono:"Monaco","Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--z-base:0;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-bg-primary);min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{min-height:100vh}.library-placeholder,.editor-placeholder{min-height:100vh;padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.library-placeholder h1,.editor-placeholder h1{margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.library-placeholder p,.editor-placeholder p{color:var(--color-gray-600);font-size:var(--font-size-lg)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);height:64px;box-shadow:var(--shadow-sm);z-index:var(--z-dropdown);padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.header-logo-link{border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:3px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.header-logo-link:hover{border-color:var(--color-border-focus)}.header-logo-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.header-logo{width:48px;height:48px;display:block}.header-branding{flex-direction:column;gap:2px;display:flex}.header-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:1.2}.header-tagline{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1}.header-breadcrumbs{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:1px solid var(--color-border);display:flex}.breadcrumb-item{align-items:center;gap:var(--spacing-xs);display:flex}.breadcrumb-link{padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;text-decoration:none}.breadcrumb-link:hover{background-color:var(--color-primary-light);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.breadcrumb-text{padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.breadcrumb-separator{color:var(--color-gray-400);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.account-dropdown{position:relative}.account-button{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-gray-700);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.account-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.account-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.account-button[aria-expanded=true]{background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.account-menu{top:calc(100% + var(--spacing-xs));background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown);position:absolute;right:0}.account-menu-header{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.account-menu-username{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.account-menu-role{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.account-menu-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-xs)0}.account-menu-item{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.account-menu-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.account-menu-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}@media (max-width:768px){.header{padding:0 var(--spacing-md)}.header-title{font-size:var(--font-size-lg)}.header-logo{width:32px;height:32px}.header-logo svg{width:24px;height:24px}}@media (max-width:480px){.header-left,.header-right{gap:var(--spacing-sm)}}.library-view{background-color:var(--color-bg-secondary);min-height:100vh}.library-content{min-height:100vh;padding-top:64px}.library-header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-xl)}.library-header-top{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.library-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.btn-new-tree,.btn-upload{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;display:flex}.btn-new-tree{background-color:var(--color-primary);color:var(--color-white)}.btn-new-tree:hover{background-color:var(--color-primary-hover)}.btn-upload{background-color:var(--color-white);color:var(--color-gray-700);border:2px solid var(--color-border)}.btn-upload:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.btn-new-tree:focus-visible,.btn-upload:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-new-tree svg,.btn-upload svg{flex-shrink:0}.library-actions{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.search-container{flex:1;min-width:250px;max-width:400px;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)44px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--color-border-focus);outline:none}.search-input::placeholder{color:var(--color-gray-400)}.filter-select,.sort-select{padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;padding-right:var(--spacing-2xl)}.filter-select:hover,.sort-select:hover{border-color:var(--color-gray-400)}.filter-select:focus,.sort-select:focus{border-color:var(--color-border-focus);outline:none}.library-body{padding:var(--spacing-xl)}@media (max-width:768px){.library-header{padding:var(--spacing-lg)}.library-header-top{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.library-header-top>div{width:100%}.btn-new-tree,.btn-upload{flex:1;justify-content:center}.library-title{font-size:var(--font-size-2xl)}.library-actions{flex-direction:column;width:100%}.search-container{width:100%;max-width:none}.filter-select,.sort-select{width:100%}.library-body{padding:var(--spacing-lg)}}@media (max-width:480px){.library-header,.library-body{padding:var(--spacing-md)}.library-title{font-size:var(--font-size-xl)}}.tree-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);gap:var(--spacing-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tree-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tree-card-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.tree-card-status{align-items:center;display:flex}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid}.status-badge.status-complete{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.status-badge.status-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-color:var(--color-warning)}.status-badge.status-error{background-color:var(--color-danger-light);color:var(--color-danger-dark);border-color:var(--color-danger)}.status-badge.status-incomplete{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-300)}.tree-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em}.tree-card-body{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.tree-card-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-tight);margin:0}.tree-card-meta{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.tree-card-meta-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600);display:flex}.meta-icon{color:var(--color-gray-400);flex-shrink:0}.tree-card-actions{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);display:flex}.tree-card-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;flex:1;display:flex}.tree-card-btn svg{flex-shrink:0}.tree-card-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.tree-card-btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tree-card-btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tree-card-btn-primary:active{transform:scale(.98)}.tree-card-btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-border)}.tree-card-btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}.tree-card-btn-secondary:active{transform:scale(.98)}.tree-card-btn-danger{background-color:var(--color-white);color:var(--color-danger);border-color:var(--color-border)}.tree-card-btn-danger:hover{background-color:var(--color-danger-light);border-color:var(--color-danger)}.tree-card-btn-danger:active{transform:scale(.98)}@media (max-width:640px){.tree-card{padding:var(--spacing-md)}.tree-card-actions{flex-direction:column}.tree-card-btn{width:100%}}@media (max-width:480px){.tree-card-title{font-size:var(--font-size-base)}.tree-card-meta{gap:var(--spacing-xs);flex-direction:column}}.tree-grid-container{width:100%}.tree-category-section{margin-bottom:var(--spacing-2xl)}.category-header{margin-bottom:var(--spacing-md)}.tree-category-section h2{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;margin-bottom:var(--spacing-md)}.btn-edit-content{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-gray-700);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.btn-edit-content:hover{background:var(--color-gray-100);border-color:var(--color-primary);color:var(--color-primary)}.tree-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%;display:grid}.tree-grid-empty{min-height:400px;padding:var(--spacing-3xl);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:400px;display:flex}.empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-xl)}.empty-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-sm)0}.empty-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}@media (max-width:1280px){.tree-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.tree-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tree-grid-empty{min-height:300px;padding:var(--spacing-xl)}.empty-title{font-size:var(--font-size-xl)}.empty-description{font-size:var(--font-size-sm)}}@media (max-width:640px){.tree-grid{gap:var(--spacing-md);grid-template-columns:1fr}.tree-grid-empty{padding:var(--spacing-lg)}.empty-icon{width:48px;height:48px}}.modal-backdrop{z-index:var(--z-modal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s ease-out slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1;margin:0}.modal-close{width:32px;height:32px;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.modal-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.modal-body{padding:var(--spacing-xl);color:var(--color-gray-700);line-height:var(--line-height-relaxed);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex}.modal-btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;min-width:100px}.modal-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.modal-btn-cancel{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-border)}.modal-btn-cancel:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}.modal-btn-cancel:active{transform:scale(.98)}.modal-btn-confirm{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.modal-btn-confirm:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.modal-btn-confirm:active{transform:scale(.98)}.modal-danger .modal-title{color:var(--color-danger)}.modal-btn-confirm-danger{background-color:var(--color-danger);border-color:var(--color-danger)}.modal-btn-confirm-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.modal-warning .modal-title{color:var(--color-warning)}.modal-btn-confirm-warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-gray-900)}.modal-btn-confirm-warning:hover{background-color:#d97706;border-color:#d97706}@media (max-width:640px){.modal-backdrop{padding:var(--spacing-md)}.modal{max-width:100%}.modal-header,.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);flex-direction:column-reverse}.modal-btn{width:100%}.modal-title{font-size:var(--font-size-lg)}}.decision-node{background:var(--color-bg-secondary);border:2px solid var(--color-primary);cursor:pointer;width:140px;height:140px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:all .2s;display:flex;transform:rotate(45deg)}.decision-node:hover{border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.decision-node.node-selected{border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 0 3px var(--color-primary-light);border-width:3px}.decision-node.node-dragging{cursor:grabbing;opacity:.7;box-shadow:var(--shadow-lg)}.decision-node.node-error{border-color:var(--color-danger);background:var(--color-danger-light)}.decision-node.node-error:hover{border-color:var(--color-danger-dark)}.decision-node-content{text-align:center;padding:var(--spacing-xs);max-width:90px;transform:rotate(-45deg)}.decision-field{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);word-break:break-word}.decision-operator{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:var(--spacing-xs)0}.decision-value{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-semibold);word-break:break-word}.connection-handle{border:3px solid var(--color-primary);cursor:crosshair;z-index:10;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.connection-handle .handle-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-primary);-webkit-user-select:none;user-select:none;transform:rotate(-45deg)}.connection-handle-true{top:50%;right:-10px;transform:translateY(-50%)}.connection-handle-true:hover{border-color:var(--color-primary);background:#e5e7eb;transform:translateY(-50%)scale(1.2);box-shadow:0 4px 12px #0006}.connection-handle-false{bottom:-10px;left:50%;transform:translate(-50%)}.connection-handle-false:hover{border-color:var(--color-primary);background:#e5e7eb;transform:translate(-50%)scale(1.2);box-shadow:0 4px 12px #0006}.connection-handle{opacity:0;pointer-events:none}.decision-node:hover .connection-handle,.decision-node.node-selected .connection-handle{opacity:1;pointer-events:auto}.outcome-preview-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.outcome-preview-content{background-color:var(--color-gray-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.outcome-preview-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.outcome-preview-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.outcome-preview-close{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.outcome-preview-close:hover{color:var(--color-text)}.outcome-preview-body{padding:var(--spacing-lg)}.outcome-preview-section{margin-bottom:var(--spacing-lg)}.outcome-preview-section:last-child{margin-bottom:0}.outcome-preview-section h4{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.outcome-preview-verdict{align-items:center;gap:var(--spacing-sm);display:flex}.outcome-preview-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:20px;height:20px}.outcome-preview-swatch-red{background-color:var(--color-danger)}.outcome-preview-swatch-yellow{background-color:var(--color-warning)}.outcome-preview-swatch-green{background-color:var(--color-success)}.outcome-preview-verdict-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.outcome-preview-list{margin:0;padding-left:1em}.outcome-preview-list li{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border);line-height:1.5}.outcome-preview-list li:last-child{border-bottom:none}.outcome-preview-list li em{color:var(--color-gray-600);font-style:italic;display:block}.outcome-preview-referral{margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-block}.outcome-preview-empty{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-md);font-style:italic}.outcome-node{background:var(--color-bg-secondary);border:2px solid var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;width:200px;min-height:120px;box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.outcome-node:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.outcome-node.node-selected{border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 0 3px var(--color-primary-light);border-width:3px}.outcome-node.node-dragging{cursor:grabbing;opacity:.7;box-shadow:var(--shadow-lg)}.outcome-node.node-error{border-color:var(--color-danger);background:var(--color-danger-light)}.outcome-node.node-error:hover{border-color:var(--color-danger-dark)}.outcome-color-tag{width:100%;height:6px}.outcome-color-tag-red{background-color:var(--color-danger)}.outcome-color-tag-yellow{background-color:var(--color-warning)}.outcome-color-tag-green{background-color:var(--color-success)}.outcome-content{padding:var(--spacing-md)}.outcome-header{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.outcome-checkmark{background-color:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.outcome-referral-indicator{width:24px;height:24px;color:var(--color-danger);justify-content:center;align-items:center;display:flex}.outcome-description{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;margin-bottom:var(--spacing-md);line-height:1.4}.outcome-counts{gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.outcome-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.outcome-preview-button{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:block}.outcome-preview-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.label-element{cursor:move;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);outline-offset:2px;outline:2px solid #0000;transition:outline .15s}.label-element:hover{outline-color:var(--color-gray-300)}.label-element.element-selected{outline-color:var(--color-primary)}.label-element.element-dragging{opacity:.8;cursor:grabbing}.label-element-text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);white-space:nowrap}.label-element-input{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);border:none;border-bottom:2px solid var(--color-primary);background:0 0;outline:none;min-width:100px;padding:0}.label-element-input:focus{border-bottom-color:var(--color-primary)}.comment-element{cursor:move;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-md);min-width:120px;max-width:200px;box-shadow:var(--shadow-sm);outline-offset:2px;background:#fef9c3;border:1px solid #fde047;outline:2px solid #0000;transition:outline .15s,box-shadow .15s}.comment-element:hover{box-shadow:var(--shadow-md);outline-color:#facc15}.comment-element.element-selected{outline-color:var(--color-primary);box-shadow:var(--shadow-md)}.comment-element.element-dragging{opacity:.8;cursor:grabbing;box-shadow:var(--shadow-lg)}.comment-element-text{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-relaxed);word-wrap:break-word;white-space:pre-wrap;display:block}.comment-element-textarea{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-relaxed);resize:none;background:0 0;border:none;outline:none;width:100%;min-width:100px;padding:0}.comment-element-textarea:focus{outline:none}.edge{z-index:0;transition:all .2s}.edge path{transition:stroke .2s,stroke-width .2s}.edge:hover path:not([stroke=transparent]){stroke-width:3px;filter:brightness(1.1)}.edge-selected{z-index:1}.edge-selected path:not([stroke=transparent]){stroke-width:3px}.edit-decision-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group label{font-family:var(--font-sans);color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group select,.form-group input{font-family:var(--font-sans);padding:var(--space-2)var(--space-3);border:1px solid var(--border-light);background-color:var(--bg-primary);color:var(--text-primary);border-radius:4px;font-size:.9375rem;transition:border-color .2s}.form-group select:focus,.form-group input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8260421a}.form-group select:hover,.form-group input:hover{border-color:var(--border-dark)}.form-group-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-group input[type=number]{appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multi-searchable-select{width:100%;position:relative}.multi-searchable-select-chips{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.multi-searchable-select-chip{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.chip-remove{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;margin:0;padding:0;font-size:1rem;line-height:1}.chip-remove:hover{color:var(--color-danger)}.multi-searchable-select-input-wrapper{width:100%;position:relative}.multi-searchable-select-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-body);background-color:var(--color-bg-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.multi-searchable-select-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.multi-searchable-select-dropdown{z-index:100;margin-top:var(--spacing-xs);padding:var(--spacing-xs)0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.multi-searchable-select-option{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.multi-searchable-select-option:hover,.multi-searchable-select-option.highlighted{background-color:var(--color-primary-light)}.multi-searchable-select-option-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.multi-searchable-select-option-id{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.multi-searchable-select-no-results{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);font-style:italic}.multi-searchable-select-show-more{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium)}.multi-searchable-select-show-more:hover{background-color:var(--color-primary-light)}.multi-searchable-select-total{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.edit-outcome-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group>label:first-child{font-weight:var(--font-weight-medium);color:var(--color-text)}.field-hint{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:400;display:block}.color-tag-radio-group{gap:var(--spacing-md);padding:var(--spacing-sm)0;flex-direction:row;align-items:center;display:flex}.color-tag-radio-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.color-tag-radio-option:hover{background-color:var(--color-gray-100)}.color-tag-radio-option input[type=radio]{cursor:pointer;margin:0}.color-swatch{flex-shrink:0}.color-swatch-red{background-color:var(--color-danger)}.color-swatch-yellow{background-color:var(--color-warning)}.color-swatch-green{background-color:var(--color-success)}.color-label{font-size:var(--font-size-base);color:var(--color-text)}.edit-outcome-form select[multiple]{min-height:120px}.edit-outcome-form select[multiple] option{padding:var(--space-2);cursor:pointer}.edit-outcome-form select[multiple] option:hover{background-color:#8260421a}.edit-outcome-form select[multiple] option:checked{background-color:var(--accent);color:#fff}.content-browser-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.content-browser-modal{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.content-browser-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.content-browser-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:600}.content-browser-close{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.content-browser-close:hover{color:var(--color-text-primary);background-color:var(--color-hover)}.content-browser-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);display:flex}.content-browser-tab{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .2s}.content-browser-tab:hover{color:var(--color-text-primary);background-color:var(--color-hover)}.content-browser-tab.active{color:var(--color-primary);background-color:var(--color-white);border:1px solid var(--color-border)}.content-browser-search{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border)}.content-browser-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color .2s}.content-browser-search-input:focus{border-color:var(--color-primary);outline:none}.content-browser-search-input::placeholder{color:var(--color-text-secondary)}.content-browser-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.content-browser-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-base)}.content-browser-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.content-browser-item{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border);transition:all .2s}.content-browser-item:hover{box-shadow:var(--shadow-sm)}.content-browser-item-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.content-browser-item-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.content-browser-item-header .content-browser-item-id{margin-bottom:0}.content-browser-item-text{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5}.content-browser-referral{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-block}.content-browser-item-detail{padding-top:var(--spacing-sm)}.content-browser-detail-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)0;cursor:pointer;color:var(--color-primary);font-family:var(--font-body);font-size:var(--font-size-sm);background:0 0;border:none;font-weight:500;transition:color .2s;display:flex}.content-browser-detail-toggle:hover{color:var(--color-primary-dark)}.content-browser-detail-label{color:var(--color-text-secondary)}.content-browser-chevron{transition:transform .2s}.content-browser-chevron.expanded{transform:rotate(180deg)}.content-browser-detail-content{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.content-browser-content::-webkit-scrollbar{width:8px}.content-browser-content::-webkit-scrollbar-track{background:var(--color-bg)}.content-browser-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.content-browser-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.help-modal-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.help-section{gap:var(--spacing-md);flex-direction:column;display:flex}.help-section-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.help-shortcuts-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--font-size-sm)}.help-shortcuts-table thead{background:var(--color-bg-secondary)}.help-shortcuts-table th{text-align:left;padding:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);border-bottom:2px solid var(--color-border)}.help-shortcuts-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-gray-700)}.help-shortcuts-table tbody tr:last-child td{border-bottom:none}.help-shortcuts-table tbody tr:hover{background:var(--color-gray-50)}.help-shortcuts-table kbd{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0 2px;padding:2px 8px;display:inline-block;box-shadow:0 1px 2px #0000000d}.help-edge-legend{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.help-edge-item{align-items:center;gap:var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.help-edge-line{border-radius:2px;width:48px;height:3px;position:relative}.help-edge-line:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.help-edge-true{background:var(--color-success)}.help-edge-true:after{border-left-color:var(--color-success)}.help-edge-false{background:var(--color-danger)}.help-edge-false:after{border-left-color:var(--color-danger)}.history-hud{bottom:calc(var(--spacing-lg) + 160px);right:var(--spacing-lg);gap:var(--spacing-xs);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;display:flex;position:absolute}.history-hud-button{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-700);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.history-hud-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.history-hud-button:disabled{opacity:.4;cursor:not-allowed}.history-hud-button svg{width:20px;height:20px}.editor-view{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-title-container{margin-right:var(--spacing-md);flex:1;align-items:center;display:flex}.editor-title-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;transition:all .2s}.editor-title-button:hover{background:var(--color-gray-50);border-color:var(--color-border)}.editor-title-input{max-width:500px;padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:var(--color-white);outline:none;flex:1}.editor-title-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.editor-title-text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding:var(--spacing-sm)var(--spacing-md);margin:0}.read-only-indicator{padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-warning-dark);background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-right:var(--spacing-md);align-items:center;display:inline-flex}.editor-error{justify-content:center;align-items:center;gap:var(--spacing-md);height:100vh;color:var(--color-gray-600);flex-direction:column;display:flex}.editor-container{flex:1;margin-top:64px;display:flex;overflow:hidden}.editor-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:280px;padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;display:flex;overflow-y:auto}.sidebar-help{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);margin-top:auto}.sidebar-help .btn{justify-content:center;align-items:center;display:flex}.sidebar-section{gap:var(--spacing-md);flex-direction:column;display:flex}.sidebar-heading{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.toolbox{gap:var(--spacing-sm);flex-direction:column;display:flex}.toolbox-button{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all .2s;display:flex}.toolbox-button:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.toolbox-button-decision:hover .toolbox-icon{color:var(--color-primary)}.toolbox-button-outcome:hover .toolbox-icon{color:var(--color-success)}.toolbox-button-label:hover .toolbox-icon{color:var(--color-gray-700)}.toolbox-button-comment:hover .toolbox-icon{color:var(--color-warning)}.toolbox-icon{color:var(--color-gray-500);flex-shrink:0;transition:color .2s}.history-controls{gap:var(--spacing-sm);display:flex}.history-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;flex:1;transition:all .2s;display:flex}.history-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.history-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-50)}.history-icon{color:currentColor;flex-shrink:0;transition:color .2s}.validation-panel{gap:var(--spacing-md);flex-direction:column;display:flex}.validation-status{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid;display:flex}.validation-status-success{border-color:var(--color-success);color:var(--color-success)}.validation-status-warning{border-color:var(--color-warning);color:var(--color-warning)}.validation-status-error{border-color:var(--color-danger);color:var(--color-danger)}.validation-icon{flex-shrink:0}.validation-text{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.validation-description{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.validation-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.validation-item{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-white);border-left:3px solid}.validation-item-error{border-color:var(--color-danger);color:var(--color-danger-dark)}.validation-item-warning{border-color:var(--color-warning);color:var(--color-warning-dark)}.editor-canvas{background:var(--color-bg-canvas);flex:1;position:relative;overflow:auto}.canvas-content{-webkit-user-select:none;user-select:none;width:4000px;min-width:100%;height:4000px;min-height:100%;position:relative}.canvas-placeholder{color:#ffffffb3;font-size:var(--font-size-lg);text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:all .2s}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.edge-legend{gap:var(--spacing-sm);flex-direction:column;display:flex}.edge-legend-item{align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.edge-legend-line{border-radius:2px;width:32px;height:3px;position:relative}.edge-legend-line:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.edge-legend-true{background:var(--color-success)}.edge-legend-true:after{border-left-color:var(--color-success)}.edge-legend-false{background:var(--color-danger)}.edge-legend-false:after{border-left-color:var(--color-danger)}.zoom-controls{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;display:flex;position:absolute}.zoom-button{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;transition:all .2s;display:flex}.zoom-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.zoom-button:disabled{opacity:.4;cursor:not-allowed}.zoom-button svg{width:20px;height:20px}.zoom-divider{background:var(--color-border);height:1px;margin:0}.user-management-container{background-color:var(--bg-base);min-height:100vh}.user-management{padding:calc(64px + var(--spacing-lg))var(--spacing-lg)var(--spacing-lg);max-width:1200px;margin:0 auto}.user-management-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.user-management-header h1{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.loading,.error-message,.no-users{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-base)}.error-message{color:var(--color-error);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md)}.users-list{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--bg-subtle)}.users-table th{text-align:left;padding:var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.users-table tbody tr:hover{background-color:var(--bg-subtle)}.role-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.role-badge-admin{background-color:var(--color-primary-light);color:var(--color-primary)}.role-badge-readonly{background-color:var(--bg-subtle);color:var(--text-secondary)}.actions-cell{gap:var(--spacing-sm);display:flex}.btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:all .2s}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-danger:hover{background-color:var(--color-error-dark)}.btn-small{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm)}.user-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-body)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.readonly-field{padding:var(--spacing-sm);background-color:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary)}.form-error{padding:var(--spacing-sm);background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.delete-confirmation{gap:var(--spacing-sm);flex-direction:column;display:flex}.delete-confirmation p{color:var(--text-primary);margin:0}.warning-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.login-view{background-color:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.login-container{padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:400px}.login-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xl)0;text-align:center}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}.error-message{background-color:var(--color-error-light);color:var(--color-error);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);border:1px solid var(--color-error)}.btn-sign-in{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;margin-top:var(--spacing-md);border:none;transition:background-color .2s,transform .1s}.btn-sign-in:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-sign-in:active:not(:disabled){transform:translateY(0)}.btn-sign-in:disabled{cursor:not-allowed;opacity:.6;transform:none}.searchable-select{width:100%;position:relative}.searchable-select-input-wrapper{align-items:center;display:flex;position:relative}.searchable-select-input{width:100%;padding:var(--spacing-sm);padding-right:var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.searchable-select-input:focus{border-color:var(--color-border-focus);outline:none}.searchable-select-clear{right:var(--spacing-sm);background:var(--color-gray-200);width:20px;height:20px;color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.searchable-select-clear:hover{background:var(--color-gray-300);color:var(--color-gray-800)}.searchable-select-dropdown{margin:0;margin-top:var(--spacing-xs);padding:var(--spacing-xs)0;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:300px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.searchable-select-option{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);flex-direction:column;gap:2px;display:flex}.searchable-select-option:hover,.searchable-select-option.highlighted{background:var(--color-gray-100)}.searchable-select-option-text{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-gray-900)}.searchable-select-option-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-xs);color:var(--color-gray-500)}.searchable-select-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-gray-500);font-style:italic}.searchable-select-show-more{padding:var(--spacing-sm)var(--spacing-md);text-align:center;color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.searchable-select-show-more:hover{background:var(--color-gray-100)}.searchable-select-total{padding:var(--spacing-sm)var(--spacing-md);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.toast{top:calc(64px + var(--spacing-lg));padding:var(--spacing-sm)var(--spacing-lg);background:var(--background);border:1px solid var(--color-success);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1001;animation:.2s ease-out toastFadeIn;position:fixed;left:50%;transform:translate(-50%)}.toast--exiting{animation:.2s ease-in forwards toastFadeOut}.toast__message{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-success);align-items:center;gap:var(--spacing-xs);font-weight:500;display:flex}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.content-library-editor{background:var(--color-gray-50);flex-direction:column;height:100vh;display:flex}.content-library-content{padding:var(--spacing-xl);padding-top:calc(var(--header-height,64px) + var(--spacing-xl));flex-direction:column;flex:1;display:flex;overflow:hidden}.content-library-header{margin-bottom:var(--spacing-lg)}.header-top{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.btn-back{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-gray-700);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.btn-back:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-save{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-save:hover:not(:disabled){background:var(--color-primary-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.content-library-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);flex:1;margin:0}.error-message{padding:var(--spacing-md);background:var(--color-red-100);border:2px solid var(--color-red);border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.content-library-tabs{gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);display:flex}.tab-button{padding:var(--spacing-md)var(--spacing-lg);color:var(--color-gray-600);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.tab-button:hover{color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.content-library-body{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;overflow:auto}.tab-panel{padding:var(--spacing-lg)}.panel-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.panel-header h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.btn-add-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-add-item:hover{background:var(--color-primary-hover)}.items-list{gap:var(--spacing-md);flex-direction:column;display:flex}.library-item{padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-border);border-radius:var(--radius-md)}.item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.item-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.btn-delete{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-red);border-radius:var(--radius-sm);color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-delete:hover{background:var(--color-red-dark,#c53030)}.item-input,.item-textarea,.item-input-small{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.item-input:focus,.item-textarea:focus,.item-input-small:focus{border-color:var(--color-border-focus);outline:none}.item-textarea{resize:vertical;min-height:60px}.item-field{align-items:flex-start;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.item-field-label{width:140px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);padding-top:var(--spacing-sm);text-align:right;flex-shrink:0}.item-field-label:after{content:":"}.item-field .item-input,.item-field .item-textarea,.item-field .searchable-select{flex:1}.item-field-checkbox{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;margin-left:calc(140px + var(--spacing-md));display:flex}.item-field input[type=checkbox]{cursor:pointer;width:auto}.loading-state,.error-state{height:300px;font-size:var(--font-size-lg);color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.error-state{color:var(--color-red)}.design-showcase{background-color:var(--color-bg-secondary);min-height:100vh;padding:var(--spacing-3xl)var(--spacing-xl)}.showcase-container{background-color:var(--color-white);max-width:1200px;padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto}.showcase-title{font-family:var(--font-heading);font-size:var(--font-size-4xl);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.showcase-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--spacing-3xl)}.showcase-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:2px solid var(--color-gray-200)}.showcase-section:last-child{border-bottom:none}.showcase-section>h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.color-group{margin-bottom:var(--spacing-xl)}.color-group h3{font-size:var(--font-size-xl);color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.color-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.color-card{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.color-swatch{border-radius:5px;width:1em;height:1em}.color-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-700);margin:0}.color-var{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.typo-group{margin-bottom:var(--spacing-xl)}.typo-group h3{font-size:var(--font-size-xl);color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.typo-examples{gap:var(--spacing-md);flex-direction:column;display:flex}.typo-examples h1,.typo-examples h2,.typo-examples h3,.typo-examples h4,.typo-examples h5,.typo-examples h6,.typo-examples p{margin:0}.spacing-examples{gap:var(--spacing-md);flex-direction:column;display:flex}.spacing-item{align-items:center;gap:var(--spacing-md);display:flex}.spacing-visual{background-color:var(--color-primary);border-radius:var(--radius-sm);height:40px}.spacing-item span{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-gray-700)}.radius-examples{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.radius-card{background-color:var(--color-primary-light);border:2px solid var(--color-primary);justify-content:center;align-items:center;height:100px;display:flex}.radius-card p{font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0}.shadow-examples{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shadow-card{padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);text-align:center}.shadow-card p{margin:0 0 var(--spacing-sm)0;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.shadow-card code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-gray-600);background-color:var(--color-gray-100);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm)}.button-examples{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-outline{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast);cursor:pointer;border:2px solid #0000}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-gray-600);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-gray-700)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover{opacity:.9}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover{opacity:.9}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}.form-examples{gap:var(--spacing-lg);flex-direction:column;max-width:500px;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-700)}.input-field,.select-field,.textarea-field{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-border-focus);outline:none}.input-field::placeholder,.textarea-field::placeholder{color:var(--color-gray-400)}.textarea-field{resize:vertical;font-family:var(--font-body)}.select-field{cursor:pointer}.save-indicator{top:calc(64px + var(--spacing-md));right:var(--spacing-lg);padding:var(--spacing-sm)var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;animation:.2s ease-in fadeIn;position:fixed}.save-indicator__text{font-family:var(--font-sans);font-size:var(--text-sm);align-items:center;gap:var(--spacing-xs);font-weight:500;display:flex}.save-indicator__text--saving{color:var(--text-secondary)}.save-indicator__text--saved{color:var(--color-success)}.app{flex-direction:column;min-height:100vh;display:flex}