.ExperimentDetail{background-color:var(--color-bg-input);width:100vw;height:100vh;overflow:hidden}.ExperimentDetail__Container{flex-direction:column;height:100%;display:flex;overflow:hidden}.ExperimentDetail__Header{background-color:var(--color-bg-input);border-bottom:1px solid var(--color-border-default);flex-direction:column;gap:24px;padding:32px 32px 0;display:flex}.ExperimentDetail__BackButton{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:14px;transition:color .2s;display:flex}.ExperimentDetail__BackButton:hover{color:var(--color-text-primary)}.ExperimentDetail__HeaderInfo{justify-content:space-between;align-items:flex-start;display:flex}.ExperimentDetail__HeaderLeft{flex-direction:column;gap:12px;display:flex}.ExperimentDetail__TitleWrapper{align-items:center;gap:12px;display:flex}.ExperimentDetail__Title{color:var(--color-text-primary);margin:0;font-size:28px;font-weight:700}.ExperimentDetail__Status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.ExperimentDetail__Meta{align-items:center;gap:24px;display:flex}.ExperimentDetail__MetaItem{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.ExperimentDetail__MetaItem svg{color:var(--color-text-tertiary)}.ExperimentDetail__StatusIcon--spinning{animation:1s linear infinite spin}.ExperimentDetail__Tabs{gap:32px;margin-top:8px;display:flex}.ExperimentDetail__Tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ExperimentDetail__Tab:hover{color:var(--color-text-primary)}.ExperimentDetail__Tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.ExperimentDetail__Content{background-color:var(--color-bg-base);flex:1;overflow-y:auto}.ExperimentDetail__TabContent{padding:32px 40px;animation:.3s ease-out fadeIn}.ExperimentDetail__Section{margin-bottom:2rem}.ExperimentDetail__Section:last-child{margin-bottom:0}.ExperimentDetail__SectionTitle{color:var(--color-text-primary);align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.125rem;font-weight:600;display:flex}.ExperimentDetail__Card{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:.75rem;padding:1.5rem}.ExperimentDetail__Card p{color:var(--color-text-primary);margin:0;line-height:1.6}.ExperimentDetail__InfoRow{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.ExperimentDetail__InfoRow:last-child{border-bottom:none;padding-bottom:0}.ExperimentDetail__InfoRow:first-child{padding-top:0}.ExperimentDetail__InfoRow--column{flex-direction:column;align-items:flex-start;gap:.75rem}.ExperimentDetail__InfoLabel{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.ExperimentDetail__InfoValue{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.ExperimentDetail__InfoValueCode{color:var(--color-text-primary);background:var(--color-bg-elevated);border-radius:.375rem;padding:.375rem .625rem;font-family:Courier New,monospace;font-size:.75rem}.ExperimentDetail__SmilesList{flex-direction:column;gap:.5rem;width:100%;display:flex}.ExperimentDetail__SmilesItem{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.ExperimentDetail__SmilesIndex{color:#60a5fa;min-width:2rem;font-size:.75rem;font-weight:600}.ExperimentDetail__SmilesCode{color:var(--color-text-primary);word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:.75rem}.ExperimentDetail__TPPList{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.ExperimentDetail__TPPItem{background:#a855f70d;border:1px solid #a855f733;border-radius:.5rem;padding:1rem;transition:all .2s}.ExperimentDetail__TPPItem:hover{background:#a855f71a;border-color:#a855f74d}.ExperimentDetail__TPPHeader{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ExperimentDetail__TPPName{color:#c084fc;font-size:.875rem;font-weight:600}.ExperimentDetail__TPPImportance{color:var(--color-text-secondary);background:var(--color-bg-muted);border-radius:.25rem;padding:.125rem .5rem;font-size:.7rem;font-weight:500}.ExperimentDetail__TPPCondition{color:var(--color-text-primary);font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.ExperimentDetail__ConfigHeader{border-bottom:1px solid var(--color-border-default);margin-bottom:1rem;padding-bottom:1rem}.ExperimentDetail__ConfigBadge{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#06b6d433);border:1px solid #3b82f64d;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.ExperimentDetail__ConfigData{flex-direction:column;gap:1.5rem;display:flex}.ExperimentDetail__ConfigCategory{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:1rem}.ExperimentDetail__ConfigCategoryTitle{color:#60a5fa;text-transform:capitalize;border-bottom:1px solid #3b82f633;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.ExperimentDetail__ConfigSettings{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.ExperimentDetail__ConfigSetting{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.ExperimentDetail__ConfigSettingKey{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.ExperimentDetail__ConfigSettingValue{color:var(--color-text-primary);font-size:.75rem;font-weight:600}.ExperimentDetail__CodeBlock{width:100%;color:var(--color-text-primary);background:var(--color-bg-elevated);word-break:break-all;white-space:pre-wrap;border-radius:.5rem;margin:0;padding:1rem;font-family:Courier New,monospace;font-size:.75rem;display:block;overflow-x:auto}.ExperimentDetail__CodeBlock::-webkit-scrollbar{height:6px}.ExperimentDetail__CodeBlock::-webkit-scrollbar-track{background:var(--color-border-subtle)}.ExperimentDetail__CodeBlock::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb-hover);border-radius:3px}.ExperimentDetail__Timeline{flex-direction:column;gap:1rem;display:flex}.ExperimentDetail__TimelineItem{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;display:flex}.ExperimentDetail__TimelineDot{border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem}.ExperimentDetail__TimelineContent{flex-direction:column;flex:1;gap:.25rem;display:flex}.ExperimentDetail__TimelineLabel{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.ExperimentDetail__TimelineValue{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.ExperimentDetail__PlaceholderBanner{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.ExperimentDetail__PlaceholderIcon{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#06b6d433);border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:flex}.ExperimentDetail__PlaceholderContent{max-width:500px}.ExperimentDetail__PlaceholderContent h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.ExperimentDetail__PlaceholderContent p{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.ExperimentDetail__PlaceholderInfo{justify-content:center;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.ExperimentDetail__PlaceholderInfoItem{text-align:center;flex-direction:column;gap:.5rem;display:flex}.ExperimentDetail__PlaceholderLabel{color:var(--color-text-secondary);font-size:.875rem}.ExperimentDetail__PlaceholderValue{color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.ExperimentDetail__PlaceholderSuccess{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:flex}.ExperimentDetail__PlaceholderProgress{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:flex}.ExperimentDetail__Loading,.ExperimentDetail__Error{text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.ExperimentDetail__Loading p,.ExperimentDetail__Error p{margin:0;font-size:1rem}.ExperimentDetail__Error{color:var(--color-danger)}.ExperimentDetail__Error h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.25rem}.ExperimentDetail__Spinner{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.H2L{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.H2L__MainContainer{background:var(--color-bg-elevated);flex-direction:column;flex:none;width:100%;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.H2L__Header{background:var(--color-bg-base);border-bottom:2px solid var(--color-border-default);z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.H2L__Header__WindowControls{z-index:10;gap:8px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.H2L__Header__WindowControl{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s;position:relative}.H2L__Header__WindowControl:after{content:"";opacity:0;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.H2L__Header__WindowControl:hover:after{opacity:1}.H2L__Header__WindowControl.close,.H2L__Header__WindowControl.close:hover{background:#ff5f57}.H2L__Header__WindowControl.close:after{content:"×";color:#8b0000;font-size:10px;font-weight:700;line-height:1}.H2L__Header__WindowControl.minimize,.H2L__Header__WindowControl.minimize:hover{background:#ffbd2e}.H2L__Header__WindowControl.minimize:after{content:"−";color:#996500;font-size:10px;font-weight:700;line-height:1}.H2L__Header__WindowControl.maximize,.H2L__Header__WindowControl.maximize:hover{background:#28c840}.H2L__Header__WindowControl.maximize:after{content:"⤢";color:#006400;font-size:8px;font-weight:700;line-height:1}.H2L__Header__Title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0 0 0 60px;font-size:24px;font-weight:700;display:flex}.H2L__Header__Mode{color:var(--color-text-tertiary);margin-left:8px;font-size:16px;font-weight:500}.H2L__Header__Buttons{gap:12px;display:flex}.H2L__Header__SaveButton{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000001a}.H2L__Header__SaveButton:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.H2L__Header__SaveButton:active{transform:translateY(0)}.H2L__Content{flex-direction:row;width:100%;height:calc(100vh - 66px);display:flex;position:relative}.H2L__Loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.H2L__Loading__Spinner{border:4px solid var(--color-border-default);border-top-color:var(--color-accent-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.H2L__Loading p{color:var(--color-text-tertiary);font-size:14px}.H2L__Left{background:var(--color-bg-base);border-right:1px solid var(--color-border-default);flex-direction:column;transition:width .1s;display:flex;overflow:hidden}.H2L__Left__Tabs{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default);flex-shrink:0;align-items:center;padding:0;display:flex;overflow:auto hidden}.H2L__Left__Tabs::-webkit-scrollbar{height:4px}.H2L__Left__Tabs::-webkit-scrollbar-track{background:0 0}.H2L__Left__Tabs::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.H2L__Left__Tabs::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.H2L__Left__Tabs__List{align-items:center;gap:0;min-width:100%;padding:4px 8px;display:flex}.H2L__Left__Tabs__Tab{cursor:pointer;white-space:nowrap;color:var(--color-text-tertiary);background:0 0;border:none;border-radius:6px 6px 0 0;align-items:center;gap:8px;min-width:120px;max-width:200px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.H2L__Left__Tabs__Tab:hover{background:var(--color-border-subtle);color:var(--color-text-secondary)}.H2L__Left__Tabs__Tab.active{background:var(--color-bg-base);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-bottom:1px solid var(--color-bg-base);margin-bottom:-1px;font-weight:600}.H2L__Left__Tabs__Tab__Title{text-overflow:ellipsis;flex:1;overflow:hidden}.H2L__Left__Tabs__Tab__Close{width:18px;height:18px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:all .15s;display:flex}.H2L__Left__Tabs__Tab__Close:hover{color:#ef4444;background:#ef44441a}.H2L__Left__Tabs__Add{border:1px solid var(--color-border-default);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:18px;font-weight:400;transition:all .2s;display:flex}.H2L__Left__Tabs__Add:hover{background:var(--color-bg-base);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.H2L__Left__Tabs__Add:active{transform:scale(.95)}.H2L__Left__Editor{flex:1;position:relative;overflow:hidden}.H2L__Resizer{background:var(--color-border-default);cursor:col-resize;z-index:100;flex-shrink:0;width:6px;transition:background .2s;position:relative}.H2L__Resizer:hover{background:var(--color-border-hover)}.H2L__Resizer__Handle{background:var(--color-text-tertiary);border-radius:2px;width:3px;height:48px;transition:background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.H2L__Resizer:hover .H2L__Resizer__Handle{background:var(--color-text-tertiary)}.H2L__Right{background:var(--color-bg-base);flex-direction:row;transition:width .1s;display:flex;position:relative;overflow:hidden}.H2L__ModuleSidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-default);flex-direction:column;flex-shrink:0;width:260px;transition:all .3s;display:flex;overflow-y:auto}.H2L__ModuleSidebar::-webkit-scrollbar{width:6px}.H2L__ModuleSidebar::-webkit-scrollbar-track{background:0 0}.H2L__ModuleSidebar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.H2L__ModuleSidebar::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.H2L__ModuleSidebar.closed{border-right:none;width:0;overflow:hidden}.H2L__ModuleSidebar__Content{padding:12px 8px}.H2L__ModuleSidebar__Section{margin-bottom:4px}.H2L__ModuleSidebar__Category{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.H2L__ModuleSidebar__Category:hover{background:var(--color-bg-hover)}.H2L__ModuleSidebar__Category.active{background:var(--color-accent-subtle);color:var(--color-accent-hover)}.H2L__ModuleSidebar__Category.active .H2L__ModuleSidebar__Arrow{transform:rotate(180deg)}.H2L__ModuleSidebar__Arrow{color:var(--color-text-tertiary);font-size:10px;transition:transform .2s}.H2L__ModuleSidebar__Items{flex-direction:column;gap:4px;margin-top:4px;padding-left:4px;display:flex}.H2L__ModuleSidebar__Item{background:var(--color-bg-base);border:1px solid var(--color-border-default);cursor:pointer;border-radius:6px;padding:10px 12px;transition:all .2s}.H2L__ModuleSidebar__Item:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);transform:translate(2px)}.H2L__ModuleSidebar__Item.active{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.H2L__ModuleSidebar__Item__Name{color:var(--color-text-primary);margin-bottom:4px;font-size:13px;font-weight:500}.H2L__ModuleSidebar__Item__Desc{color:var(--color-text-tertiary);font-size:11px;line-height:1.4}.H2L__Chat{background:var(--color-bg-elevated);flex-direction:column;flex:1;transition:margin-left .3s,width .3s;display:flex;position:relative;overflow:hidden}.H2L__Chat__Header{background:var(--color-bg-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-subtle);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.H2L__Chat__Header__Left{align-items:center;gap:12px;display:flex}.H2L__Chat__Header__Toggle{background:var(--color-bg-base);border:1px solid var(--color-border-default);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.H2L__Chat__Header__Toggle:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);color:var(--color-text-secondary)}.H2L__Chat__Header__Title{align-items:center;gap:10px;display:flex}.H2L__Chat__Header__Title h2{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.H2L__Chat__Header__Status{color:#059669;background:#ecfdf5;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.H2L__Chat__Header__Status:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px}.H2L__Chat__Header__Actions{gap:8px;display:flex}.H2L__Chat__Header__NewChat{background:var(--color-bg-base);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.H2L__Chat__Header__NewChat:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.H2L__Chat__Header__NewChat svg{width:16px;height:16px}.H2L__Chat__Messages{flex:1;padding:24px 0 180px;overflow-y:auto}.H2L__Chat__Messages::-webkit-scrollbar{width:8px}.H2L__Chat__Messages::-webkit-scrollbar-track{background:0 0}.H2L__Chat__Messages::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.H2L__Chat__Messages::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.H2L__Chat__Messages__Container{max-width:800px;margin:0 auto;padding:0 24px}.H2L__Chat__Message{gap:12px;margin-bottom:20px;animation:.3s messageSlideIn;display:flex}.H2L__Chat__Message__Avatar{flex-shrink:0}.H2L__Chat__Message__Avatar__User,.H2L__Chat__Message__Avatar__AI{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.H2L__Chat__Message__Avatar__User{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.H2L__Chat__Message__Avatar__AI{color:#fff;background:linear-gradient(135deg,#4fd1c5 0%,#63b3ed 100%)}.H2L__Chat__Message__Content{flex:1;max-width:70%}.H2L__Chat__Message__Text{background:var(--color-bg-base);color:var(--color-text-primary);word-wrap:break-word;white-space:pre-wrap;border:1px solid var(--color-border-default);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6;box-shadow:0 1px 3px #0000001a}.H2L__Chat__Message--user .H2L__Chat__Message__Text{color:#fff;background:#3b82f6;border-color:#3b82f6}.H2L__Chat__Message__Time{color:var(--color-text-tertiary);margin-top:4px;padding:0 4px;font-size:11px}.H2L__Chat__Message__Loading{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:12px;align-items:center;gap:6px;padding:12px 16px;display:flex}.H2L__Chat__Message__Loading span{background:var(--color-text-tertiary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite loadingDot}.H2L__Chat__Message__Loading span:first-child{animation-delay:0s}.H2L__Chat__Message__Loading span:nth-child(2){animation-delay:.2s}.H2L__Chat__Message__Loading span:nth-child(3){animation-delay:.4s}.H2L__Chat__Input{z-index:20;pointer-events:none;background:0 0;flex-direction:column;align-items:center;padding:16px 24px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.H2L__Chat__Input__Form{pointer-events:auto;width:100%;max-width:800px}.H2L__Chat__Input__Container{background:var(--color-bg-base);border:2px solid var(--color-border-default);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000001f}.H2L__Chat__Input__Container:focus-within{border-color:var(--color-accent-primary);box-shadow:0 4px 24px #3b82f633}.H2L__Chat__Input__Textarea{resize:none;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;max-height:200px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.H2L__Chat__Input__Textarea::placeholder{color:var(--color-text-tertiary)}.H2L__Chat__Input__Textarea::-webkit-scrollbar{width:6px}.H2L__Chat__Input__Textarea::-webkit-scrollbar-track{background:0 0}.H2L__Chat__Input__Textarea::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.H2L__Chat__Input__Textarea:disabled{opacity:.5;cursor:not-allowed}.H2L__Chat__Input__Submit{background:var(--color-accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.H2L__Chat__Input__Submit:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.05)}.H2L__Chat__Input__Submit:active:not(:disabled){transform:scale(.95)}.H2L__Chat__Input__Submit:disabled{background:var(--color-border-hover);cursor:not-allowed;opacity:.5}.H2L__Chat__Input__Submit svg{width:18px;height:18px}.H2L__Chat__Input__Footer{text-align:center;pointer-events:auto;margin-top:12px}.H2L__Chat__Input__Footer span{color:var(--color-text-tertiary);background:var(--color-bg-base);border-radius:8px;padding:4px 12px;font-size:11px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.CroWizard__MainContainer{background-color:var(--color-bg-elevated);height:100vh;overflow:hidden}.CroWizard__DualPanel{height:100%;display:flex;position:relative}.CroWizard__Toggle{align-items:center;gap:10px;display:flex}.CroWizard__ToggleSwitch{background-color:var(--color-border-hover);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background-color .2s;position:relative}.CroWizard__ToggleSwitch:hover{background-color:var(--color-text-tertiary)}.CroWizard__ToggleSwitch.active{background-color:var(--color-accent-primary)}.CroWizard__ToggleSwitch.active:hover{background-color:var(--color-accent-hover)}.CroWizard__ToggleSwitch.active .CroWizard__ToggleKnob{transform:translate(20px)}.CroWizard__ToggleKnob{background-color:var(--color-bg-base);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.CroWizard__ToggleLabel{color:var(--color-text-secondary);font-size:14px;font-weight:500}.CroWizard__TOCSidebar{background-color:var(--color-bg-elevated);border-right:1px solid var(--color-border-default);flex-direction:column;width:200px;display:flex;overflow-y:auto}.CroWizard__TOCSidebar::-webkit-scrollbar{width:6px}.CroWizard__TOCSidebar::-webkit-scrollbar-track{background:var(--color-bg-hover)}.CroWizard__TOCSidebar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.CroWizard__TOCSidebar::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.CroWizard__TOCTitle{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:20px 16px 12px;font-size:14px;font-weight:600}.CroWizard__TOCList{flex-direction:column;display:flex}.CroWizard__TOCItem{color:var(--color-text-secondary);cursor:pointer;border-left:3px solid #0000;padding:12px 16px;font-size:14px;transition:all .2s}.CroWizard__TOCItem:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.CroWizard__TOCItem.active{background-color:var(--color-accent-subtle);color:var(--color-accent-hover);border-left-color:var(--color-accent-hover);font-weight:500}.CroWizard__LeftPanel{background-color:var(--color-bg-base);border-right:1px solid var(--color-border-default);flex-direction:column;flex:1;min-width:500px;display:flex;overflow:hidden}.CroWizard__LeftPanel__Header{border-bottom:1px solid var(--color-border-default);background-color:var(--color-bg-base);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.CroWizard__LeftPanel__Header h1{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:600}.CroWizard__LeftPanel__Content{flex:1;padding:24px 32px 40px;overflow-y:auto}.CroWizard__LeftPanel__Content::-webkit-scrollbar{width:8px}.CroWizard__LeftPanel__Content::-webkit-scrollbar-track{background:var(--color-bg-hover)}.CroWizard__LeftPanel__Content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.CroWizard__LeftPanel__Content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.CroWizard__ViewYAMLButton{background-color:var(--color-bg-hover);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.CroWizard__ViewYAMLButton:hover{background-color:var(--color-border-default);border-color:var(--color-text-tertiary)}.CroWizard__HeaderActions{align-items:center;gap:12px;display:flex}.CroWizard__Section{border:1px solid var(--color-border-default);background-color:var(--color-bg-base);border-radius:8px;margin-bottom:24px;overflow:hidden}.CroWizard__SectionHeader{background-color:var(--color-bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.CroWizard__SectionHeader:hover{background-color:var(--color-bg-hover)}.CroWizard__SectionHeader h2{color:var(--color-text-primary);margin:0 0 0 12px;font-size:16px;font-weight:600}.CroWizard__SectionArrow{color:var(--color-text-tertiary);font-size:12px;transition:transform .2s;display:inline-block}.CroWizard__SectionArrow.expanded{transform:rotate(90deg)}.CroWizard__SectionContent{background-color:var(--color-bg-base);padding:20px}.CroWizard__Subsection{border-top:1px solid var(--color-bg-hover);margin-top:20px;padding-top:20px}.CroWizard__Subsection:first-child{border-top:none;margin-top:0;padding-top:0}.CroWizard__Subsection h3{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:600}.CroWizard__SubsectionHeader{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.CroWizard__SubsectionHeader h3{margin:0}.CroWizard__SubsectionBody{background-color:var(--color-bg-elevated);border-radius:8px;margin-top:16px;padding:16px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.CroWizard__TerminationItem{border:1px solid var(--color-border-default);border-radius:8px;margin-top:16px;overflow:hidden}.CroWizard__TerminationItem:first-of-type{margin-top:12px}.CroWizard__TerminationHeader{background-color:var(--color-bg-elevated);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.CroWizard__TerminationTitle{color:var(--color-text-secondary);font-size:14px;font-weight:600}.CroWizard__TerminationBody{background-color:var(--color-bg-base);border-top:1px solid var(--color-border-default);padding:16px;animation:.2s ease-out slideDown}.CroWizard__SubFields{border-left:2px solid var(--color-border-default);margin-top:16px;padding-left:24px}.CroWizard__SubFields h4{color:var(--color-text-secondary);margin:16px 0 8px;font-size:13px;font-weight:600}.CroWizard__SubFields h4:first-child{margin-top:0}.CroWizard__PropertyRulesTable{border:1px solid var(--color-border-default);border-radius:8px;margin-top:12px;overflow-x:auto}.CroWizard__PropertyRulesTable table{border-collapse:collapse;width:100%;font-size:13px}.CroWizard__PropertyRulesTable table th,.CroWizard__PropertyRulesTable table td{text-align:left;border-bottom:1px solid var(--color-border-default);padding:10px 12px}.CroWizard__PropertyRulesTable table th{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.CroWizard__PropertyRulesTable table td{color:var(--color-text-primary);vertical-align:middle}.CroWizard__PropertyRulesTable table td:first-child{min-width:180px;font-weight:500}.CroWizard__PropertyRulesTable table td:nth-child(2),.CroWizard__PropertyRulesTable table td:nth-child(5){text-align:center;width:60px}.CroWizard__PropertyRulesTable table td:nth-child(3),.CroWizard__PropertyRulesTable table td:nth-child(4),.CroWizard__PropertyRulesTable table td:nth-child(6){width:90px}.CroWizard__PropertyRulesTable table th:nth-child(2),.CroWizard__PropertyRulesTable table th:nth-child(5){text-align:center;width:60px}.CroWizard__PropertyRulesTable table th:nth-child(3),.CroWizard__PropertyRulesTable table th:nth-child(4),.CroWizard__PropertyRulesTable table th:nth-child(6){width:90px}.CroWizard__PropertyRulesTable table tr:last-child td{border-bottom:none}.CroWizard__PropertyRulesTable table tr:hover td{background-color:var(--color-bg-elevated)}.CroWizard__PropertyRulesTable table input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-accent-primary);border-radius:4px}.CroWizard__InputSmall{border:1px solid var(--color-border-hover);width:80px;color:var(--color-text-primary);background-color:var(--color-bg-base);border-radius:4px;padding:6px 8px;font-size:13px}.CroWizard__InputSmall:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.CroWizard__InputSmall::placeholder{color:var(--color-text-tertiary)}.CroWizard__CustomCalculator{background-color:var(--color-bg-elevated);border-radius:8px;margin-bottom:12px;padding:16px}.CroWizard__CustomCalculator:last-child{margin-bottom:0}.CroWizard__CustomCalculator h4{color:var(--color-text-secondary);margin:0 0 12px;font-size:14px;font-weight:600}.CroWizard__Field{margin-bottom:16px}.CroWizard__Field:last-child{margin-bottom:0}.CroWizard__FieldGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.CroWizard__Label{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.CroWizard__Input,.CroWizard__Textarea,.CroWizard__Select{border:1px solid var(--color-border-hover);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-base);border-radius:6px;padding:10px 14px;font-size:14px;transition:all .2s}.CroWizard__Input:focus,.CroWizard__Textarea:focus,.CroWizard__Select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.CroWizard__Input::placeholder,.CroWizard__Textarea::placeholder,.CroWizard__Select::placeholder{color:var(--color-text-tertiary)}.CroWizard__Input:disabled,.CroWizard__Textarea:disabled,.CroWizard__Select:disabled{background-color:var(--color-bg-hover);color:var(--color-text-tertiary);cursor:not-allowed}.CroWizard__Textarea{resize:vertical;min-height:80px;font-family:inherit}.CroWizard__Hint{color:var(--color-text-tertiary);margin-top:8px;font-size:13px;font-style:italic}.CroWizard__CheckboxGroup{flex-wrap:wrap;gap:12px 24px;margin-top:12px;display:flex}.CroWizard__CheckboxLabel{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:6px;align-items:center;padding:8px 12px;transition:all .2s;display:inline-flex}.CroWizard__CheckboxLabel:hover{background-color:var(--color-bg-elevated);border-color:var(--color-border-hover)}.CroWizard__CheckboxLabel input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent-primary);border-radius:4px;margin:0 8px 0 0}.CroWizard__CheckboxLabel span{color:var(--color-text-secondary);font-size:13px;font-weight:500}.CroWizard__CheckboxLabel:has(input:checked){background-color:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.CroWizard__CheckboxLabel:has(input:checked) span{color:var(--color-accent-hover)}.CroWizard__Actions{background-color:var(--color-bg-base);border-top:1px solid var(--color-border-default);z-index:10;justify-content:flex-end;gap:12px;padding:16px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.CroWizard__Button{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.CroWizard__Button--primary{background-color:var(--color-text-primary);color:#fff}.CroWizard__Button--primary:hover:not(:disabled){background-color:var(--color-text-secondary)}.CroWizard__Button--primary:disabled{cursor:not-allowed;background-color:#9ca3af}.CroWizard__Button--secondary{background-color:var(--color-bg-base);color:var(--color-text-secondary);border:1px solid var(--color-border-hover)}.CroWizard__Button--secondary:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-text-primary)}.CroWizard__Button--secondary:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.CroWizard__Resizer{cursor:col-resize;z-index:5;background-color:#0000;justify-content:center;align-items:center;width:12px;display:flex;position:relative}.CroWizard__Resizer:hover .CroWizard__ResizerHandle{background-color:var(--color-scrollbar-thumb-hover)}.CroWizard__ResizerHandle{background-color:var(--color-scrollbar-thumb);border-radius:2px;width:4px;height:40px;transition:background-color .2s}.CroWizard__RightPanel{background-color:var(--color-bg-base);flex-direction:column;width:450px;min-width:300px;max-width:800px;display:flex;overflow:hidden}.CroWizard__RightPanel__Header{border-bottom:1px solid var(--color-border-default);padding:24px 24px 20px}.CroWizard__RightPanel__Header h2{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:600}.CroWizard__RightPanel__Messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.CroWizard__RightPanel__Messages::-webkit-scrollbar{width:6px}.CroWizard__RightPanel__Messages::-webkit-scrollbar-track{background:var(--color-bg-hover)}.CroWizard__RightPanel__Messages::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.CroWizard__RightPanel__Messages::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.CroWizard__RightPanel__Input{border-top:1px solid var(--color-border-default);background-color:var(--color-bg-elevated);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.CroWizard__Message{gap:12px;animation:.3s ease-in fadeIn;display:flex}.CroWizard__Message--user{flex-direction:row-reverse}.CroWizard__Message--user .CroWizard__Message__Content{background-color:var(--color-accent-primary);color:var(--color-text-on-accent);border-radius:16px 16px 4px}.CroWizard__Message--assistant .CroWizard__Message__Content{background-color:var(--color-bg-hover);color:var(--color-text-primary);border-radius:16px 16px 16px 4px}.CroWizard__Message__Avatar{background-color:var(--color-bg-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.CroWizard__Message__Content{word-wrap:break-word;white-space:pre-wrap;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5}.CroWizard__ChatInput{border:1px solid var(--color-border-hover);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-base);resize:none;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.CroWizard__ChatInput:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.CroWizard__ChatInput::placeholder{color:var(--color-text-tertiary)}.CroWizard__ChatInput:disabled{background-color:var(--color-bg-hover);cursor:not-allowed}.CroWizard__SendButton{background-color:var(--color-accent-primary);color:var(--color-text-on-accent);cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.CroWizard__SendButton:hover:not(:disabled){background-color:var(--color-accent-hover)}.CroWizard__SendButton:disabled{cursor:not-allowed;background-color:#93c5fd}.CroWizard__Modal{background-color:var(--color-bg-overlay);z-index:1000;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.CroWizard__ModalContent{background-color:var(--color-bg-base);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.CroWizard__ModalHeader{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.CroWizard__ModalHeader h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.CroWizard__ModalClose{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.CroWizard__ModalClose:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.CroWizard__ModalBody{flex:1;padding:24px 28px;overflow-y:auto}.CroWizard__ModalBody::-webkit-scrollbar{width:8px}.CroWizard__ModalBody::-webkit-scrollbar-track{background:var(--color-bg-hover)}.CroWizard__ModalBody::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.CroWizard__ModalBody::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.CroWizard__YAMLPreview{color:#e2e8f0;background-color:#1e293b;border-radius:8px;margin:0;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.CroWizard__YAMLPreview::-webkit-scrollbar{height:8px}.CroWizard__YAMLPreview::-webkit-scrollbar-track{background:#0f172a}.CroWizard__YAMLPreview::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.CroWizard__YAMLPreview::-webkit-scrollbar-thumb:hover{background:#64748b}.CroWizard__ModalFooter{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.CroWizard__LeftPanel{min-width:400px}.CroWizard__RightPanel{width:350px}.CroWizard__FieldGrid{grid-template-columns:1fr}}@media (max-width:768px){.CroWizard__DualPanel{flex-direction:column}.CroWizard__LeftPanel{min-width:unset;border-right:none;border-bottom:1px solid var(--color-border-default);width:100%;max-height:60vh}.CroWizard__RightPanel{width:100%;min-width:unset;max-width:unset;height:40vh}.CroWizard__Resizer{display:none}.CroWizard__Actions{left:auto}.CroWizard__Message__Content{max-width:85%}}
.Molmap{background:var(--color-bg-elevated);width:100vw;height:100vh;overflow:hidden}.Molmap__MainContainer{flex-direction:column;height:100vh;transition:margin .3s;display:flex}.Molmap .molmap-header{background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 1px 2px #0000000d}.Molmap .molmap-header .header-left{align-items:center;gap:24px;display:flex}.Molmap .molmap-header .header-left .breadcrumbs{align-items:center;gap:8px;display:flex}.Molmap .molmap-header .header-left .breadcrumbs .title{color:var(--color-text-primary);font-size:18px;font-weight:700}.Molmap .molmap-header .header-left .breadcrumbs .subtitle{color:var(--color-accent-primary);background:var(--color-accent-subtle);border-radius:4px;padding:2px 8px;font-size:14px;font-weight:500}.Molmap .molmap-header .header-left .breadcrumbs .more-btn{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;font-size:16px}.Molmap .molmap-header .header-left .tabs{gap:24px;margin-left:12px;display:flex}.Molmap .molmap-header .header-left .tabs .tab{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:18px 0;font-size:14px;font-weight:600;position:relative}.Molmap .molmap-header .header-left .tabs .tab.active{color:var(--color-text-primary)}.Molmap .molmap-header .header-left .tabs .tab.active:after{content:"";background:var(--color-text-primary);height:2px;position:absolute;bottom:0;left:0;right:0}.Molmap .molmap-header .header-controls{align-items:center;gap:12px;display:flex}.Molmap .molmap-header .header-controls .checkbox-label{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;margin-right:12px;font-size:13px;display:flex}.Molmap .molmap-header .header-controls .btn-group{background:var(--color-bg-hover);border-radius:6px;padding:2px;display:flex}.Molmap .molmap-header .header-controls .btn-group .nav-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500}.Molmap .molmap-header .header-controls .btn-group .nav-btn:hover{background:var(--color-bg-base);box-shadow:0 1px 2px #0000000d}.Molmap .molmap-header .header-controls .btn{border:1px solid var(--color-border-default);background:var(--color-bg-base);height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.Molmap .molmap-header .header-controls .btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.Molmap .molmap-header .header-controls .btn.icon-btn{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.Molmap .molmap-header .header-controls .btn.icon-btn:hover{background:#dbeafe}.Molmap .molmap-header .header-controls .divider{background:var(--color-border-default);width:1px;height:24px;margin:0 8px}.Molmap .molmap-header .header-controls .zoom-controls{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:6px;align-items:center;height:32px;display:flex}.Molmap .molmap-header .header-controls .zoom-controls .zoom-btn{cursor:pointer;width:32px;height:100%;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.Molmap .molmap-header .header-controls .zoom-controls .zoom-btn:hover{background:var(--color-bg-elevated)}.Molmap .molmap-header .header-controls .zoom-controls .zoom-val{color:var(--color-text-secondary);text-align:center;min-width:40px;font-size:12px;font-weight:500}.Molmap .molmap-header .header-controls .icon-only{justify-content:center;width:32px;padding:0}.Molmap .molmap-canvas{background-image:radial-gradient(var(--color-border-default)1px,transparent 1px);cursor:grab;background-size:20px 20px;flex:1;position:relative;overflow:auto}.Molmap .molmap-canvas.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.Molmap .canvas-content{min-width:max-content;min-height:max-content;padding:60px}.Molmap .tree-root-container,.Molmap .tree-node-wrapper{align-items:center;display:flex}.Molmap .tree-node-content{z-index:2;margin-right:60px;position:relative}.Molmap .tree-node-content.has-children:after{content:"";background:var(--color-accent-primary);z-index:1;width:30px;height:2px;position:absolute;top:50%;right:-30px}.Molmap .tree-children-wrapper{flex-direction:column;display:flex;position:relative}.Molmap .tree-child-branch{align-items:center;padding:12px 0;display:flex;position:relative}.Molmap .tree-child-branch:before{content:"";background:var(--color-accent-primary);width:30px;height:2px;position:absolute;top:50%;left:-30px}.Molmap .tree-child-branch:after{content:"";background:var(--color-accent-primary);width:2px;position:absolute;top:0;bottom:0;left:-30px}.Molmap .tree-child-branch:first-child:after{top:50%}.Molmap .tree-child-branch:last-child:after{bottom:50%}.Molmap .tree-child-branch:only-child:after{display:none}.Molmap .mol-card{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:8px;width:360px;transition:all .2s;position:relative;box-shadow:0 2px 4px #0000000d}.Molmap .mol-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.Molmap .mol-card.compact{width:280px}.Molmap .mol-card.root{border-color:#bfdbfe;box-shadow:0 0 0 3px #eff6ff}.Molmap .mol-card__header{border-bottom:1px solid var(--color-bg-hover);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.Molmap .mol-card__header .header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.Molmap .mol-card__header .mol-card__checkbox{border:1px solid var(--color-border-hover);cursor:pointer;border-radius:4px;flex-shrink:0;width:16px;height:16px}.Molmap .mol-card__header .mol-card__badge{text-transform:capitalize;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.Molmap .mol-card__header .mol-card__badge.replace{color:#9333ea;background:#f3e8ff}.Molmap .mol-card__header .mol-card__badge.add{color:#2563eb;background:#dbeafe}.Molmap .mol-card__header .mol-card__name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.Molmap .mol-card__header .mol-card__actions{flex-shrink:0;gap:2px;display:flex}.Molmap .mol-card__header .mol-card__actions .action-btn{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex}.Molmap .mol-card__header .mol-card__actions .action-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.Molmap .mol-card__body{gap:16px;padding:12px;display:flex}.Molmap .mol-card__body.with-props .mol-card__structure{width:140px;height:110px}.Molmap .mol-card__structure{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);border-radius:6px;flex:1;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.Molmap .mol-card__structure .mol-structure-svg{width:100%;height:100%;padding:8px}.Molmap .mol-card__structure .design-failed-overlay{text-align:center;color:var(--color-text-tertiary);background:#ffffffe6;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.Molmap .mol-card__structure .design-failed-overlay span{background:var(--color-bg-hover);border-radius:4px;padding:4px 8px}.Molmap .mol-card__props{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.Molmap .mol-card__props .prop-row{justify-content:space-between;align-items:center;display:flex}.Molmap .mol-card__props .prop-row .prop-label{color:var(--color-text-tertiary);flex-shrink:0;font-size:11px;line-height:1.2}.Molmap .mol-card__props .prop-row .prop-values{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.Molmap .mol-card__props .prop-row .prop-values .value{color:var(--color-text-primary);font-size:13px;font-weight:600}.Molmap .mol-card__props .prop-row .prop-values .delta{white-space:nowrap;font-size:11px;font-weight:600}.Molmap .mol-card__props .prop-row .prop-values .delta.negative{color:#ef4444}.Molmap .mol-card__props .prop-row .prop-values .delta.positive{color:#10b981}.Molmap .mol-card__props .prop-row .prop-values .plus-circle-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;display:flex}.Molmap .mol-card__footer{position:absolute;bottom:12px;right:12px}.Molmap .mol-card__footer .design-badge{color:#059669;background:#d1fae5;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.Molmap .mol-card__plus-btn{z-index:10;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.Molmap .mol-card__plus-btn .plus-btn{color:#fff;border:3px solid var(--color-bg-base);cursor:pointer;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0 0 2px;font-size:20px;font-weight:300;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.Molmap .mol-card__plus-btn .plus-btn:hover{background:#059669}