.DockingViewer__ModalOverlay{z-index:1200;background-color:var(--color-bg-base);position:fixed;inset:0;overflow:hidden}.DockingViewer{background-color:var(--color-bg-base);flex-direction:column;width:100vw;height:100vh;transition:margin-left .3s;display:flex;overflow:hidden}.DockingViewer--fullscreen{width:100vw!important;margin-left:0!important}.DockingViewer--playground{width:100%!important;height:100%!important;margin-left:0!important}.DockingViewer--playground .DockingViewer__Header{flex-wrap:wrap;gap:8px;padding:12px 16px}.DockingViewer--playground .DockingViewer__Header__Title h1{font-size:16px}.DockingViewer--playground .DockingViewer__Header__FileUpload{flex-wrap:wrap;gap:8px;margin-left:0;margin-right:0}.DockingViewer--playground .DockingViewer__Header__Actions{gap:4px}.DockingViewer__Loading{color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.DockingViewer__Loading p{font-size:14px}.DockingViewer__Loading .DockingViewer__Spinner{border:2px solid var(--color-border-default);border-top-color:var(--color-accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.DockingViewer__HBondLoading .DockingViewer__Spinner{border:2px solid var(--color-border-default);border-top-color:gold;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.DockingViewer__Error{color:var(--color-danger);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.DockingViewer__Error p:first-child{font-size:16px;font-weight:500}.DockingViewer__Error p:last-child{color:var(--color-text-secondary);font-size:14px}.DockingViewer__Header{background-color:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.DockingViewer__Header__Title{color:var(--color-text-primary);align-items:center;gap:12px;display:flex}.DockingViewer__Header__Title svg{color:var(--color-accent-primary)}.DockingViewer__Header__Title h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.DockingViewer__Header .DockingViewer__BackBtn{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;margin-right:12px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.DockingViewer__Header .DockingViewer__BackBtn:hover{background:var(--color-bg-muted)}.DockingViewer__Header .DockingViewer__BackBtn svg{color:var(--color-text-secondary)}.DockingViewer__Header__FileUpload{align-items:center;gap:12px;margin-left:auto;margin-right:20px;display:flex}.DockingViewer__Header__Actions{gap:8px;display:flex}.DockingViewer__Badge{background:var(--color-accent-subtle);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:500}.DockingViewer__FileUploadItem{align-items:center;gap:8px;display:flex}.DockingViewer__FileUploadBtn{background:var(--color-bg-elevated);border:1px dashed var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.DockingViewer__FileUploadBtn svg{width:14px;height:14px}.DockingViewer__FileUploadBtn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.DockingViewer__FileName{background:var(--color-accent-subtle);color:var(--color-accent-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;max-width:150px;padding:4px 8px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.DockingViewer__FileName svg{flex-shrink:0;width:12px;height:12px}.DockingViewer__ResetBtn{background:var(--color-danger-subtle);color:var(--color-danger);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.DockingViewer__ResetBtn svg{width:14px;height:14px}.DockingViewer__ResetBtn:hover{background:var(--color-danger);color:var(--color-text-on-accent)}.DockingViewer__Header__Actions{align-items:center;gap:8px;display:flex}.DockingViewer__IconBtn{background:var(--color-border-default);border:1px solid var(--color-border-hover);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.DockingViewer__IconBtn svg{width:20px;height:20px}.DockingViewer__IconBtn:hover{background:var(--color-border-hover);color:var(--color-text-on-accent);border-color:var(--color-border-hover)}.DockingViewer__IconBtn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-on-accent)}.DockingViewer__Content{flex:1;display:flex;position:relative;overflow:hidden}.DockingViewer__ViewerContainer{flex-direction:column;flex:1;display:flex;position:relative}.DockingViewer__ControlBar{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.DockingViewer__ControlBar__Group{gap:4px;display:flex}.DockingViewer__ControlBar__Group button{background:var(--color-bg-input);border:1px solid var(--color-border-default);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.DockingViewer__ControlBar__Group button:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.DockingViewer__ControlBar__Group button:disabled{opacity:.4;cursor:not-allowed}.DockingViewer__Viewer{background:var(--color-bg-input);flex:1;width:100%;min-height:500px;position:relative}.DockingViewer__PanOverlay{pointer-events:none;position:absolute;inset:0}.DockingViewer__PanOverlay__btn{border:1px solid var(--color-border-default);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;pointer-events:auto;opacity:.5;background:#161616b3;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.DockingViewer__PanOverlay__btn:hover{opacity:1;color:var(--color-text-primary);border-color:var(--color-border-hover);background:#161616e6}.DockingViewer__PanOverlay__btn--up{top:12px;left:50%;transform:translate(-50%)}.DockingViewer__PanOverlay__btn--down{bottom:12px;left:50%;transform:translate(-50%)}.DockingViewer__PanOverlay__btn--left{top:50%;left:12px;transform:translateY(-50%)}.DockingViewer__PanOverlay__btn--right{top:50%;right:12px;transform:translateY(-50%)}.DockingViewer__HBondLoading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f0f0fe6;border:1px solid #ffd7001f;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.DockingViewer__HBondLoading p{color:gold;margin:0;font-size:12px;font-weight:500}.DockingViewer__SidePanel{background:var(--color-bg-elevated);border-left:1px solid var(--color-border-subtle);flex-direction:column;width:360px;min-width:360px;max-width:360px;display:flex;overflow:hidden auto}.DockingViewer__SidePanel::-webkit-scrollbar{width:8px}.DockingViewer__SidePanel::-webkit-scrollbar-track{background:0 0}.DockingViewer__SidePanel::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.DockingViewer__SidePanel::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.DockingViewer__Accordion{border-bottom:1px solid var(--color-border-subtle)}.DockingViewer__Accordion__Header{background:var(--color-bg-input);width:100%;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 16px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.DockingViewer__Accordion__Header svg{color:var(--color-accent-primary);flex-shrink:0}.DockingViewer__Accordion__Header span{text-align:left;flex:1}.DockingViewer__Accordion__Header:hover{background:var(--color-bg-hover)}.DockingViewer__Accordion__Content{padding:12px 16px 16px}.DockingViewer__LayerActions{gap:6px;margin-bottom:12px;display:flex}.DockingViewer__LayerActionBtn{border:1px solid var(--color-border-default);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .15s}.DockingViewer__LayerActionBtn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.DockingViewer__LayerList{flex-direction:column;gap:4px;display:flex}.DockingViewer__LayerList__Empty{color:var(--color-text-tertiary);text-align:center;padding:16px 0;font-size:12px}.DockingViewer__SettingSection{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:8px;margin-bottom:12px;padding:16px;overflow:hidden}.DockingViewer__SettingSection h3{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.DockingViewer__SettingSection h3 svg{color:var(--color-accent-primary)}.DockingViewer__SettingSection--hbond{border-color:#ffd70026;overflow:visible}.DockingViewer__SettingSection--hbond h3 svg{color:gold!important}.DockingViewer__SettingRow{align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex;overflow:hidden}.DockingViewer__SettingRow:last-child{margin-bottom:0}.DockingViewer__SettingRow label{color:var(--color-text-secondary);flex-shrink:0;min-width:90px;font-size:13px}.DockingViewer__SettingRow select{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);min-width:0;max-width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;transition:all .15s}.DockingViewer__SettingRow select:focus{border-color:var(--color-accent-primary);outline:none}.DockingViewer__SettingRow select:disabled{opacity:.4;cursor:not-allowed}.DockingViewer__SettingRow select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.DockingViewer__SettingRow input[type=range]{background:var(--color-border-default);appearance:none;cursor:pointer;border-radius:2px;flex:1;height:4px}.DockingViewer__SettingRow input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent-primary);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s}.DockingViewer__SettingRow input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.DockingViewer__SettingRow input[type=color]{border:1px solid var(--color-border-default);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:28px;padding:2px}.DockingViewer__SettingRow input[type=color]::-webkit-color-swatch-wrapper{padding:0}.DockingViewer__SettingRow input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.DockingViewer__Value{color:var(--color-accent-primary);text-align:right;min-width:28px;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:500}.DockingViewer__Toggle{cursor:pointer;align-items:center;gap:12px;width:100%;margin-bottom:10px;display:flex}.DockingViewer__Toggle:last-child{margin-bottom:0}.DockingViewer__Toggle input{display:none}.DockingViewer__ToggleSlider{background:var(--color-border-default);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.DockingViewer__ToggleSlider:after{content:"";background:var(--color-text-tertiary);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:2px;left:2px}.DockingViewer__Toggle input:checked+.DockingViewer__ToggleSlider{background:var(--color-accent-primary)}.DockingViewer__Toggle input:checked+.DockingViewer__ToggleSlider:after{background:#fff;left:calc(100% - 18px)}.DockingViewer__ToggleLabel{color:var(--color-text-primary);font-size:13px}.DockingViewer__StyleOptions{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;display:grid}.DockingViewer__StyleOptions button{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .15s}.DockingViewer__StyleOptions button:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.DockingViewer__StyleOptions button.active{background:var(--color-accent-subtle);border-color:rgba(var(--color-accent-rgb), .3);color:var(--color-accent-primary)}.DockingViewer__StyleOptions button:disabled{opacity:.4;cursor:not-allowed}.DockingViewer__StyleCard{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:6px;margin-bottom:10px;padding:10px 12px}.DockingViewer__StyleCard:last-child{margin-bottom:0}.DockingViewer__StyleCard__Header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.DockingViewer__StyleCard__Title{min-width:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.DockingViewer__StyleCard__Body>:last-child{margin-bottom:0}.DockingViewer__ColorPalette{flex:1;justify-content:flex-end;gap:6px;padding-block:2px;display:flex}.DockingViewer__ColorPaletteDot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s,border-color .15s;box-shadow:0 0 4px #0003}.DockingViewer__ColorPaletteDot:hover{transform:scale(1.15)}.DockingViewer__ColorPaletteDot.active{border-color:var(--color-text-primary)}.DockingViewer__ColorPaletteDot:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.DockingViewer__ColorPresets{gap:6px;margin-bottom:12px;display:flex}.DockingViewer__ColorBtn{cursor:pointer;border:2px solid #0000;border-radius:4px;width:28px;height:28px;transition:all .15s}.DockingViewer__ColorBtn:hover{transform:scale(1.1)}.DockingViewer__ColorBtn.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb), .3)}.DockingViewer__HbondStatus{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.DockingViewer__HbondStatus--loading{color:gold;background:#ffd70014}.DockingViewer__HbondStatus--error{background:var(--color-danger-subtle);color:var(--color-danger);flex-wrap:wrap}.DockingViewer__HbondStatus--error span{flex:1;min-width:0}.DockingViewer__HbondStatus--error button{border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .15s}.DockingViewer__HbondStatus--error button:hover{background:var(--color-danger);color:var(--color-text-on-accent)}.DockingViewer__HbondStatus--success{color:var(--color-status-active);background:#3ecf8e14;font-weight:500}.DockingViewer__HbondStatus--info{background:rgba(var(--color-accent-rgb), .08);color:var(--color-accent-primary)}.DockingViewer__HbondStatus--info svg{vertical-align:middle}.DockingViewer__MiniSpinner{border:2px solid #ffd70033;border-top-color:gold;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.DockingViewer__HbondColorPicker{flex:1;justify-content:flex-end;gap:6px;padding-block:4px;display:flex}.DockingViewer__ColorDot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s,border-color .15s}.DockingViewer__ColorDot:hover{transform:scale(1.15)}.DockingViewer__ColorDot.active{border-color:var(--color-text-primary)}.DockingViewer__HbondList{border-top:1px solid var(--color-border-subtle);margin-top:12px;padding-top:12px}.DockingViewer__HbondList h4{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:11px;font-weight:600}.DockingViewer__HbondListScroll{max-height:180px;overflow-y:auto}.DockingViewer__HbondListScroll::-webkit-scrollbar{width:4px}.DockingViewer__HbondListScroll::-webkit-scrollbar-track{background:0 0}.DockingViewer__HbondListScroll::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.DockingViewer__HbondItem{border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;transition:background .1s,box-shadow .1s;display:flex}.DockingViewer__HbondItem:hover{background:var(--color-bg-hover)}.DockingViewer__HbondItem--hovered,.DockingViewer__HbondItem--hovered:hover{background:var(--color-bg-hover);box-shadow:inset 3px 0 0 var(--color-accent-primary)}.DockingViewer__HbondItem__Residue{color:var(--color-text-primary);min-width:72px;font-family:SF Mono,Consolas,monospace;font-weight:600}.DockingViewer__HbondItem__Atoms{color:var(--color-text-secondary);white-space:nowrap;flex:1}.DockingViewer__HbondItem__Distance{color:var(--color-text-primary);text-align:right;min-width:48px;font-family:SF Mono,Consolas,monospace;font-weight:500}.DockingViewer__QuickActions{flex-direction:column;gap:6px;display:flex}.DockingViewer__QuickActions button{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s}.DockingViewer__QuickActions button:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.DockingViewer__LayerGroup{margin-bottom:12px}.DockingViewer__LayerGroup:last-child{margin-bottom:0}.DockingViewer__LayerGroup__Title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle);margin-bottom:6px;padding:0 4px 6px;font-size:10px;font-weight:600}.DockingViewer__LayerItem{background:var(--color-bg-input);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px;transition:all .15s;display:flex}.DockingViewer__LayerItem:last-child{margin-bottom:0}.DockingViewer__LayerItem:hover{background:var(--color-bg-hover)}.DockingViewer__LayerItem--visible{border-color:rgba(var(--color-accent-rgb), .2)}.DockingViewer__LayerItem--hidden{opacity:.5}.DockingViewer__LayerItem--hidden .DockingViewer__LayerItem__Name{color:var(--color-text-tertiary);text-decoration:line-through}.DockingViewer__LayerItem__Visibility{width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.DockingViewer__LayerItem__Visibility:hover{background:var(--color-border-default);color:var(--color-text-primary)}.DockingViewer__LayerItem__Visibility svg{width:16px;height:16px}.DockingViewer__LayerItem__ColorDot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 4px #0000004d}.DockingViewer__LayerItem__Name{min-width:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.DockingViewer__LayerItem__Badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:600}.DockingViewer__LayerItem__Badge--protein{color:var(--color-status-active);background:#3ecf8e26}.DockingViewer__LayerItem__Badge--ligand{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.DockingViewer__LayerItem__Hbond{border:1px solid var(--color-border-default);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.DockingViewer__LayerItem__Hbond:hover{color:gold;background:#ffd7001a;border-color:#ffd7004d}.DockingViewer__LayerItem__Hbond.active{color:gold;background:#ffd70026;border-color:#ffd70080}@media (max-width:1200px){.DockingViewer__SidePanel{width:320px;min-width:320px;max-width:320px}}@media (max-width:768px){.DockingViewer__Content{flex-direction:column}.DockingViewer__SidePanel{border-left:none;border-top:1px solid var(--color-border-subtle);width:100%;min-width:100%;max-width:100%;max-height:50vh}.DockingViewer__Viewer{min-height:350px}}.DockingViewer__Header--result{flex-wrap:wrap;justify-content:flex-start;gap:10px 12px}.DockingViewer__Header--result .DockingViewer__BackBtn{flex:none;height:28px;margin-right:0;padding:0 12px}.DockingViewer__Header--result .DockingViewer__Header__Title{flex-wrap:wrap;flex:1 1 0;row-gap:4px;min-width:0}.DockingViewer__Header--result .DockingViewer__Header__Title h1{overflow-wrap:anywhere}.DockingViewer__Header--result .DockingViewer__Badge{white-space:nowrap;flex:none}.DockingViewer__Header--result .DockingViewer__Header__Actions{border-left:1px solid var(--color-border-default);flex:none;gap:6px;padding-left:12px}.DockingViewer__Header--result .DockingViewer__IconBtn{width:28px;height:28px}.DockingViewer__Header--result .DockingViewer__IconBtn svg{width:14px;height:14px}@media (max-width:1100px){.DockingViewer__Header--result .DockingViewer__Header__Actions{order:2}.DockingViewer__Header--result .DockingViewer__ConstraintToggles{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:flex-end}}.DockingViewer__ConstraintToggles{align-items:center;gap:6px;margin-left:auto;display:flex}.DockingViewer__ConstraintToggle{border:1px solid var(--color-border-default);height:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.DockingViewer__ConstraintToggle--on{border-color:var(--color-accent-primary);color:var(--color-text-primary)}.DockingViewer__ConstraintToggle:disabled{opacity:.45;cursor:not-allowed}.DockingViewer__LayerEntry{flex-direction:column;gap:2px;display:flex}.DockingViewer__LayerEntry+.DockingViewer__LayerEntry{margin-top:6px}.DockingViewer__LayerEntry>.DockingViewer__LayerItem{margin-bottom:0}.DockingViewer__LayerItem__Tag{background:var(--color-bg-hover);color:var(--color-text-primary);border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.DockingViewer__LayerItem__Note{color:var(--color-text-tertiary);padding:0 8px 0 41px;font-size:11px;line-height:1.4}.DockingViewer__ConstraintStatus{z-index:5;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);max-width:min(420px,100% - 24px);color:var(--color-text-secondary);pointer-events:none;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex;position:absolute;top:56px;left:12px}.DockingViewer__ConstraintStatus svg{flex:none;margin-top:2px}.DockingViewer__SidePanel--result{container-type:inline-size}.DockingViewer__LayerItem__Disclosure{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;align-items:center;gap:8px;margin:-2px 0;padding:2px 4px;display:flex}.DockingViewer__LayerItem__Disclosure:hover{background:var(--color-bg-hover)}.DockingViewer__LayerItem__Disclosure:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.DockingViewer__LayerItem__Disclosure>svg{color:var(--color-text-tertiary);flex:none}.DockingViewer__LayerItem__Text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.DockingViewer__LayerItem__Text .DockingViewer__LayerItem__Name{flex:none}.DockingViewer__LayerItem__Status{color:var(--color-text-tertiary);overflow-wrap:anywhere;font-size:11px;line-height:1.3}.DockingViewer__LayerEntry--expanded>.DockingViewer__LayerItem{border-color:rgba(var(--color-accent-rgb), .45)}.DockingViewer__ConstraintNotice{border:1px solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:6px;margin:0 0 8px;padding:8px 10px;font-size:11px;line-height:1.5}.DockingViewer__LayerOptions{border:1px solid var(--color-border-subtle);background:var(--color-bg-base);border-radius:6px;flex-direction:column;gap:10px;margin:4px 0 2px;padding:10px 12px 12px;display:flex}.DockingViewer__LayerOptions--paused .DockingViewer__LayerOptions__Kinds,.DockingViewer__LayerOptions--paused .DockingViewer__ConstraintItems{opacity:.6}.DockingViewer__LayerOptions__Note{color:var(--color-text-tertiary);margin:0;font-size:11px;line-height:1.5}.DockingViewer__LayerOptions__Kinds{border-top:1px solid var(--color-border-subtle);flex-direction:column;gap:8px;padding-top:10px;display:flex}.DockingViewer__Toggle--focusable{gap:10px;margin-bottom:0;position:relative}.DockingViewer__Toggle--focusable input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;display:block;position:absolute}.DockingViewer__Toggle--focusable input:focus-visible+.DockingViewer__ToggleSlider{outline:2px solid var(--color-accent-primary);outline-offset:2px}.DockingViewer__Toggle--focusable .DockingViewer__ToggleLabel{font-size:12px}.DockingViewer__Toggle--disabled{cursor:not-allowed}.DockingViewer__Toggle--disabled .DockingViewer__ToggleSlider,.DockingViewer__Toggle--disabled .DockingViewer__ToggleText{opacity:.45}.DockingViewer__ToggleText{flex-direction:column;gap:2px;min-width:0;display:flex}.DockingViewer__ToggleHint{color:var(--color-text-tertiary);font-size:11px;line-height:1.4}.DockingViewer__ConstraintItems{border-top:1px solid var(--color-border-subtle);flex-direction:column;gap:6px;padding-top:10px;display:flex}.DockingViewer__ConstraintItems__Title{color:var(--color-text-tertiary);font-size:11px}.DockingViewer__ConstraintItems__List{flex-direction:column;gap:6px;display:flex}.DockingViewer__ConstraintItem{border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);width:100%;min-height:32px;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.DockingViewer__ConstraintItem svg{color:var(--color-text-tertiary);flex:none}.DockingViewer__ConstraintItem:hover:not(:disabled){border-color:var(--color-border-default);background:var(--color-bg-hover)}.DockingViewer__ConstraintItem:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.DockingViewer__ConstraintItem--selected{border-color:var(--color-accent-primary);background:var(--color-accent-subtle)}.DockingViewer__ConstraintItem--selected svg{color:var(--color-accent-primary)}.DockingViewer__ConstraintItem:disabled{cursor:not-allowed;opacity:.45}.DockingViewer__ConstraintItem__Name{overflow-wrap:anywhere;flex:1;min-width:0}.DockingViewer__ConstraintItem__Detail{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.DockingViewer__ConstraintItem__Overlap{border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:4px;flex:none;padding:1px 6px;font-size:10px}.DockingViewer__PointsCard{border:1px solid var(--color-border-default);background:var(--color-bg-base);border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.DockingViewer__PointsCard--paused .DockingViewer__ConstraintItems__List{opacity:.6}.DockingViewer__PointsCard__Titles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.DockingViewer__PointsCard__Titles strong{color:var(--color-text-primary);font-size:12px;font-weight:600}.DockingViewer__PointsCard__Badge{background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.DockingViewer__PointsCard__Hint{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.5}@container (min-width:480px){.DockingViewer__LayerOptions__Kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.DockingViewer__ConstraintItems__List{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.DockingViewer__FixedDot,.DockingViewer__NewDot{background:#22c55e;border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.DockingViewer__NewDot{background:#38bdf8}.DockingViewer__ConstraintItem__Origin{border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:4px;flex:none;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.DockingViewer__ConstraintItem__Origin .DockingViewer__NewDot{width:6px;height:6px;margin-right:4px}.DockingViewer__ConstraintItems--new .DockingViewer__ConstraintItems__Title{align-items:center;display:flex}.DockingViewer__ConstraintItems--new .DockingViewer__ConstraintItems__Title .DockingViewer__NewDot{width:6px;height:6px;margin-right:5px}.DockingViewer__OverlayClose{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.DockingViewer__OverlayClose:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.DockingViewer__OverlayClose:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.DockingViewer__Guide{z-index:6;border:1px solid var(--color-border-default);background:var(--color-bg-elevated);width:min(560px,100% - 24px);max-height:calc(100% - 68px);color:var(--color-text-primary);border-radius:10px;padding:12px;position:absolute;top:56px;right:12px;overflow-y:auto;box-shadow:0 8px 24px #0000002e;container-type:inline-size}.DockingViewer__Guide__Head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.DockingViewer__Guide__Head strong{font-size:13px;font-weight:600}.DockingViewer__Guide__List{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.DockingViewer__Guide__Item{border:1px solid var(--color-border-subtle);background:var(--color-bg-base);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.DockingViewer__Guide__Item img{border-radius:6px;flex:none;width:96px;height:64px}.DockingViewer__Guide__Placeholder{background:var(--color-bg-input);border-radius:6px;flex:none;width:96px;height:64px}.DockingViewer__Guide__Text{flex-direction:column;gap:4px;min-width:0;display:flex}.DockingViewer__Guide__Text strong{font-size:12px;font-weight:600}.DockingViewer__Guide__Text span{color:var(--color-text-secondary);font-size:11px;line-height:1.45}.DockingViewer__Guide__Foot{color:var(--color-text-secondary);flex-direction:column;gap:4px;margin-top:10px;font-size:11px;line-height:1.5;display:flex}.DockingViewer__Guide__Foot p{align-items:center;margin:0;display:flex}.DockingViewer__Guide__Foot .DockingViewer__Guide__FootMuted{color:var(--color-text-tertiary)}.DockingViewer__Guide__Foot svg{opacity:.6;flex:none;margin-right:6px}@container (min-width:480px){.DockingViewer__Guide__List{grid-template-columns:repeat(2,minmax(0,1fr))}}.DockingViewer__FocusCard{z-index:7;border:1px solid rgba(var(--color-accent-rgb), .45);background:var(--color-bg-elevated);width:min(340px,100% - 24px);color:var(--color-text-secondary);border-radius:10px;padding:12px;font-size:12px;line-height:1.55;position:absolute;bottom:16px;left:12px;box-shadow:0 8px 24px #0000002e}.DockingViewer__FocusCard p{margin:6px 0 0}.DockingViewer__FocusCard__Head{justify-content:space-between;align-items:center;gap:8px;display:flex}.DockingViewer__FocusCard__Head strong{color:var(--color-text-primary);font-size:13px;font-weight:600}.DockingViewer__FocusCard__Name{color:var(--color-text-primary);overflow-wrap:anywhere;font-weight:500}.DockingViewer__FocusCard__Fixed{color:var(--color-text-tertiary);align-items:center;font-size:11px;display:flex}@media (min-width:769px){.DockingViewer__SidePanel--result{width:var(--dv-side-panel-width,376px);flex:none;min-width:0;max-width:none}}.DockingViewer__PanelResizer{z-index:2;cursor:col-resize;touch-action:none;background:0 0;flex:none;justify-content:center;align-items:center;width:8px;margin-right:-1px;display:flex}.DockingViewer__PanelResizer span{background:var(--color-border-hover);border-radius:2px;width:3px;height:32px}.DockingViewer__PanelResizer:hover,.DockingViewer__PanelResizer:focus-visible,.DockingViewer__PanelResizer--dragging{background:var(--color-accent-subtle)}.DockingViewer__PanelResizer:hover span,.DockingViewer__PanelResizer:focus-visible span,.DockingViewer__PanelResizer--dragging span{background:var(--color-accent-primary)}.DockingViewer__PanelResizer:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}@media (max-width:768px){.DockingViewer__PanelResizer{display:none}}.DockingViewer--result{--dvr-surface:var(--color-bg-elevated);--dvr-surface-sunken:var(--color-bg-base);--dvr-surface-tinted:var(--color-bg-tinted);--dvr-tag:var(--color-bg-hover);--dvr-hover:var(--color-bg-hover);--dvr-border:var(--color-border-default);--dvr-border-subtle:var(--color-border-subtle);--dvr-border-strong:var(--color-border-hover);--dvr-accent:var(--color-accent-primary);--dvr-accent-line:var(--color-accent-line);--dvr-accent-soft:var(--color-accent-subtle);--dvr-accent-text:var(--color-accent-pressed);--dvr-shadow-raised:var(--shadow-elevated);--dvr-shadow-subtle:var(--shadow-subtle)}html[data-theme=dark] .DockingViewer--result{--dvr-accent-text:var(--color-accent-primary)}.DockingViewer--result .DockingViewer__Header--result{background:var(--dvr-surface);border-bottom:1px solid var(--dvr-border);min-height:72px;padding:14px 22px}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__Header__Title h1{font-size:16px;font-weight:600}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__BackBtn{height:32px}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__Header__Actions{border-left-color:var(--dvr-border);gap:8px}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__IconBtn{width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-color:#0000}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__IconBtn svg{width:16px;height:16px}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__IconBtn:hover{background:var(--dvr-hover);color:var(--color-text-primary);border-color:#0000}.DockingViewer--result .DockingViewer__Header--result .DockingViewer__IconBtn:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:2px}.DockingViewer--result .DockingViewer__ConstraintToggles{gap:8px}.DockingViewer--result .DockingViewer__ConstraintToggle{border:1px solid var(--dvr-border);background:var(--dvr-surface);height:auto;min-height:32px;color:var(--color-text-primary);gap:7px;padding:7px 10px}.DockingViewer--result .DockingViewer__ConstraintToggle:hover:not(:disabled){background:var(--dvr-hover)}.DockingViewer--result .DockingViewer__ConstraintToggle:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:2px}.DockingViewer--result .DockingViewer__ConstraintToggle--on{border-color:var(--dvr-accent-line);background:var(--dvr-accent-soft);color:var(--dvr-accent-text)}.DockingViewer--result .DockingViewer__ConstraintToggle--guide{margin-left:9px;position:relative}.DockingViewer--result .DockingViewer__ConstraintToggle--guide:before{content:"";background:var(--dvr-border);width:1px;height:21px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.DockingViewer--result .DockingViewer__SidePanel--result{background:var(--dvr-surface);scrollbar-gutter:stable;border-left:0}.DockingViewer--result .DockingViewer__PanelHead{z-index:3;background:var(--dvr-surface);border-bottom:1px solid var(--dvr-border-subtle);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:15px 17px;display:flex;position:sticky;top:0}.DockingViewer--result .DockingViewer__PanelHead__Titles{align-items:center;gap:10px;min-width:0;display:flex}.DockingViewer--result .DockingViewer__PanelHead__Titles strong{color:var(--color-text-primary);font-size:14px;font-weight:700}.DockingViewer--result .DockingViewer__PanelHead__Titles span{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.DockingViewer--result .DockingViewer__PanelHead__Half{width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.DockingViewer--result .DockingViewer__PanelHead__Half:hover{background:var(--dvr-hover);color:var(--color-text-primary)}.DockingViewer--result .DockingViewer__PanelHead__Half.active{border-color:var(--dvr-accent-line);background:var(--dvr-accent-soft);color:var(--dvr-accent-text)}.DockingViewer--result .DockingViewer__PanelHead__Half:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:2px}.DockingViewer--result .DockingViewer__PanelFoot{z-index:3;background:var(--dvr-surface);border-top:1px solid var(--dvr-border-subtle);min-height:36px;color:var(--color-text-tertiary);flex:none;align-items:center;gap:7px;margin-top:auto;padding:8px 13px;font-size:10px;line-height:1.4;display:flex;position:sticky;bottom:0}.DockingViewer--result .DockingViewer__PanelFoot svg{flex:none}.DockingViewer--result .DockingViewer__Accordion--bare{border-bottom:0}.DockingViewer--result .DockingViewer__Accordion--bare>.DockingViewer__Accordion__Content{padding:16px}.DockingViewer--result .DockingViewer__Accordion__Header{background:var(--dvr-surface)}.DockingViewer--result .DockingViewer__LayerActions{margin-bottom:14px}.DockingViewer--result .DockingViewer__LayerActionBtn{border-color:var(--dvr-border);color:var(--color-text-secondary);border-radius:5px}.DockingViewer--result .DockingViewer__LayerActionBtn:hover{background:var(--dvr-hover)}.DockingViewer--result .DockingViewer__LayerList{gap:0}.DockingViewer--result .DockingViewer__LayerGroup{margin-bottom:0}.DockingViewer--result .DockingViewer__LayerGroup+.DockingViewer__LayerGroup{margin-top:21px}.DockingViewer--result .DockingViewer__LayerGroup__Title{color:var(--color-text-secondary);text-transform:none;letter-spacing:0;border-bottom:0;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;padding:0;font-size:11px;font-weight:600;display:flex}.DockingViewer--result .DockingViewer__LayerGroup__Title small{color:var(--color-text-tertiary);font-size:10px;font-weight:400}.DockingViewer--result .DockingViewer__LayerGroup--protein .DockingViewer__LayerItem{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface-sunken);border-radius:7px;gap:10px;padding:8px 9px}.DockingViewer--result .DockingViewer__LayerGroup--protein .DockingViewer__LayerItem:hover{background:var(--dvr-surface-sunken)}.DockingViewer--result .DockingViewer__LayerGroup--protein .DockingViewer__LayerItem+.DockingViewer__LayerItem{margin-top:6px}.DockingViewer--result .DockingViewer__LayerGroup--protein .DockingViewer__LayerItem .DockingViewer__LayerItem__Name{font-size:13px;font-weight:400}.DockingViewer--result .DockingViewer__LayerItem__Badge--protein{border:1px solid var(--dvr-border-subtle);background:var(--dvr-tag);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:500}.DockingViewer--result .DockingViewer__LayerItem__Visibility{border-radius:5px;width:28px;height:28px}.DockingViewer--result .DockingViewer__LayerItem__Visibility:hover{background:var(--dvr-hover)}.DockingViewer--result .DockingViewer__LayerItem__Visibility:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:2px}.DockingViewer--result .DockingViewer__ConstraintNotice{border-color:var(--dvr-border);background:var(--dvr-surface-sunken)}.DockingViewer--result .DockingViewer__LayerEntry{border:1px solid var(--dvr-border);background:var(--dvr-surface);border-radius:8px;gap:0;overflow:hidden}.DockingViewer--result .DockingViewer__LayerEntry+.DockingViewer__LayerEntry{margin-top:9px}.DockingViewer--result .DockingViewer__LayerEntry>.DockingViewer__LayerItem{background:var(--dvr-surface-sunken);border:0;border-radius:0;gap:2px;margin:0;padding:10px 7px}.DockingViewer--result .DockingViewer__LayerEntry>.DockingViewer__LayerItem:hover{background:var(--dvr-surface-sunken)}.DockingViewer--result .DockingViewer__LayerEntry .DockingViewer__LayerItem__ColorDot{width:7px;height:7px;box-shadow:none}.DockingViewer--result .DockingViewer__LayerEntry .DockingViewer__LayerItem__Tag{color:var(--color-text-primary);background:0 0;padding:0;font-size:12px;font-weight:700}.DockingViewer--result .DockingViewer__LayerEntry .DockingViewer__LayerItem__Badge--ligand{border:1px solid var(--dvr-border-subtle);background:var(--dvr-tag);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:700}.DockingViewer--result .DockingViewer__LayerEntry .DockingViewer__LayerItem__Note{background:var(--dvr-surface-sunken);padding:0 12px 8px 46px;font-size:10px}.DockingViewer--result .DockingViewer__LayerEntry--expanded{border-color:var(--dvr-accent-line)}.DockingViewer--result .DockingViewer__LayerEntry--expanded>.DockingViewer__LayerItem{border-color:#0000}.DockingViewer--result .DockingViewer__LayerItem--hidden{opacity:1}.DockingViewer--result .DockingViewer__LayerItem--hidden .DockingViewer__LayerItem__Disclosure,.DockingViewer--result .DockingViewer__LayerItem--hidden .DockingViewer__LayerItem__Head{opacity:.58}.DockingViewer--result .DockingViewer__LayerItem--hidden .DockingViewer__LayerItem__Name{color:inherit;text-decoration:none}.DockingViewer--result .DockingViewer__LayerItem__Disclosure,.DockingViewer--result .DockingViewer__LayerItem__Head{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:4px;flex:1;align-items:center;gap:7px;margin:0;padding:2px 4px;display:flex}.DockingViewer--result .DockingViewer__LayerItem__Disclosure>svg,.DockingViewer--result .DockingViewer__LayerItem__Head>svg{width:14px;height:14px;color:var(--color-text-tertiary);flex:none}.DockingViewer--result .DockingViewer__LayerItem__Disclosure{cursor:pointer}.DockingViewer--result .DockingViewer__LayerItem__Disclosure:hover{background:0 0}.DockingViewer--result .DockingViewer__LayerItem__Disclosure:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:1px}.DockingViewer--result .DockingViewer__LayerItem__Text{flex:1;gap:4px;min-width:0}.DockingViewer--result .DockingViewer__LayerItem__Title{align-items:center;gap:8px;display:flex}.DockingViewer--result .DockingViewer__LayerItem__Status{color:var(--color-text-tertiary);font-size:10px;line-height:1.4}.DockingViewer--result .DockingViewer__LayerItem__Status .DockingViewer__LayerItem__Name{font-size:inherit;color:inherit;white-space:normal;flex:none;font-weight:400;display:inline}.DockingViewer--result .DockingViewer__LayerOptions{border:0;border-top:1px solid var(--dvr-border-subtle);background:var(--dvr-surface);border-radius:0;flex-direction:column;gap:0;margin:0;padding:12px;display:flex}.DockingViewer--result .DockingViewer__LayerOptions__Note{background:var(--dvr-surface-sunken);color:var(--color-text-tertiary);border-radius:5px;margin:0;padding:9px;font-size:10px;line-height:1.55}.DockingViewer--result .DockingViewer__ConstraintSection{flex-direction:column;display:flex}.DockingViewer--result .DockingViewer__ConstraintSection--paused .DockingViewer__LayerOptions__Kinds,.DockingViewer--result .DockingViewer__ConstraintSection--paused .DockingViewer__ConstraintItems{opacity:.6}.DockingViewer--result .DockingViewer__ConstraintSection>.DockingViewer__LayerOptions__Note{margin-top:11px}.DockingViewer--result .DockingViewer__Toggle--focusable{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:9px;margin:0}.DockingViewer--result .DockingViewer__Toggle--focusable .DockingViewer__ToggleSlider{background:var(--dvr-border-strong);border-radius:20px;width:29px;height:17px}.DockingViewer--result .DockingViewer__Toggle--focusable .DockingViewer__ToggleSlider:after{background:#fff;width:13px;height:13px;top:2px;left:2px;box-shadow:0 1px 3px #00000021}.DockingViewer--result .DockingViewer__Toggle--focusable input:checked+.DockingViewer__ToggleSlider{background:var(--dvr-accent)}.DockingViewer--result .DockingViewer__Toggle--focusable input:checked+.DockingViewer__ToggleSlider:after{left:calc(100% - 15px)}.DockingViewer--result .DockingViewer__Toggle--focusable input:focus-visible+.DockingViewer__ToggleSlider{outline:2px solid var(--dvr-accent);outline-offset:2px}.DockingViewer--result .DockingViewer__Toggle--focusable .DockingViewer__ToggleText{flex:1;gap:4px}.DockingViewer--result .DockingViewer__Toggle--focusable .DockingViewer__ToggleLabel{color:var(--color-text-primary);font-size:12px}.DockingViewer--result .DockingViewer__Toggle--focusable .DockingViewer__ToggleHint{color:var(--color-text-tertiary);font-size:10px;line-height:1.4}.DockingViewer--result .DockingViewer__Toggle--emphasis{border-bottom:1px solid var(--dvr-border-subtle);padding-bottom:11px}.DockingViewer--result .DockingViewer__Toggle--emphasis .DockingViewer__ToggleText{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.DockingViewer--result .DockingViewer__Toggle--emphasis .DockingViewer__ToggleLabel{font-weight:600}.DockingViewer--result .DockingViewer__LayerOptions__Kinds{border-top:0;flex-direction:column;gap:11px;padding-top:11px;display:flex}.DockingViewer--result .DockingViewer__ConstraintItems{border-top:0;gap:5px;padding-top:9px}.DockingViewer--result .DockingViewer__ConstraintItems__Title{color:var(--color-text-tertiary);font-size:10px}.DockingViewer--result .DockingViewer__ConstraintItems__List{gap:5px}.DockingViewer--result .DockingViewer__ConstraintItem{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface-sunken);border-radius:5px;gap:8px;min-height:0;padding:8px 9px;font-size:11px}.DockingViewer--result .DockingViewer__ConstraintItem:hover:not(:disabled){border-color:var(--dvr-border);background:var(--dvr-hover)}.DockingViewer--result .DockingViewer__ConstraintItem:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:1px}.DockingViewer--result .DockingViewer__ConstraintItem--selected{border-color:var(--dvr-accent-line);background:var(--dvr-accent-soft)}.DockingViewer--result .DockingViewer__ConstraintItem--selected svg{color:var(--dvr-accent)}.DockingViewer--result .DockingViewer__ConstraintItem__Detail{color:var(--color-text-tertiary);font-size:10px}.DockingViewer--result .DockingViewer__ConstraintItem__Overlap{border-color:var(--dvr-border-subtle);color:var(--color-text-tertiary)}.DockingViewer--result .DockingViewer__ConstraintItem__Origin{border-color:var(--dvr-border-subtle);color:var(--color-text-secondary)}.DockingViewer--result .DockingViewer__ConstraintItems+.DockingViewer__ConstraintItems{padding-top:12px}.DockingViewer--result .DockingViewer__HbondBlock{border-top:1px solid var(--dvr-border-subtle);flex-direction:column;gap:9px;margin-top:12px;padding-top:11px;display:flex}.DockingViewer--result .DockingViewer__HbondBlock:first-child{border-top:0;margin-top:0;padding-top:0}.DockingViewer--result .DockingViewer__HbondBlock .DockingViewer__Toggle--emphasis .DockingViewer__ToggleText{flex-direction:column;align-items:flex-start;gap:4px}.DockingViewer--result .DockingViewer__HbondNote{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.5;display:flex}.DockingViewer--result .DockingViewer__HbondNote--error{color:var(--color-danger)}.DockingViewer--result .DockingViewer__HbondNote__Detail{color:var(--color-text-tertiary);overflow-wrap:anywhere;flex-basis:100%;font-size:10px}.DockingViewer--result .DockingViewer__HbondRetry{border:1px solid var(--dvr-border);background:var(--dvr-surface);color:var(--color-text-primary);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.DockingViewer--result .DockingViewer__HbondRetry:hover{background:var(--dvr-hover)}.DockingViewer--result .DockingViewer__HbondRetry:focus-visible{outline:2px solid var(--dvr-accent);outline-offset:1px}.DockingViewer--result .DockingViewer__HbondBonds{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.DockingViewer--result .DockingViewer__HbondBond{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface-sunken);color:var(--color-text-primary);border-radius:5px;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:flex}.DockingViewer--result .DockingViewer__HbondBond--hovered{border-color:var(--dvr-accent-line);background:var(--dvr-accent-soft)}.DockingViewer--result .DockingViewer__HbondBond__Residue{overflow-wrap:anywhere;flex:1;min-width:0}.DockingViewer--result .DockingViewer__HbondBond__Atoms{color:var(--color-text-tertiary);flex:none;font-size:10px}.DockingViewer--result .DockingViewer__HbondBond__Distance{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.DockingViewer--result .DockingViewer__LabelsRow{border-top:1px solid var(--dvr-border-subtle);margin-top:12px;padding-top:11px}.DockingViewer--result .DockingViewer__PointsSection{margin-top:21px}.DockingViewer--result .DockingViewer__PointsCard{border:1px solid var(--dvr-border);background:var(--dvr-surface-tinted);border-radius:8px;gap:11px;margin:0;padding:12px}.DockingViewer--result .DockingViewer__PointsCard__Titles{align-items:center;gap:8px;display:inline-flex}.DockingViewer--result .DockingViewer__PointsCard__Titles strong{color:var(--color-text-secondary);font-size:11px;font-weight:600}.DockingViewer--result .DockingViewer__PointsCard__Badge{background:var(--dvr-tag);color:var(--color-text-secondary);border-radius:4px;padding:3px 6px;font-size:10px;font-weight:500}.DockingViewer--result .DockingViewer__PointsCard__Hint{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.6}.DockingViewer--result .DockingViewer__PanelNotes{flex-direction:column;gap:10px;margin-top:20px;display:flex}.DockingViewer--result .DockingViewer__PanelNotes p{color:var(--color-text-secondary);align-items:flex-start;gap:7px;margin:0;font-size:11px;line-height:1.5;display:flex}.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__FixedDot,.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__NewDot{margin:4px 0 0}.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__PanelNotes__Sub{color:var(--color-text-tertiary);margin-top:-6px;padding-left:15px;font-size:10px}.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__PanelNotes__New{border-top:1px solid var(--dvr-border-subtle);color:var(--color-text-tertiary);padding-top:12px;font-size:10px}.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__PanelNotes__New svg{opacity:.6;flex:none;margin-top:2px}.DockingViewer--result .DockingViewer__PanelNotes .DockingViewer__PanelNotes__Scope{color:var(--color-text-tertiary);font-size:10px;line-height:1.55}.DockingViewer--result .DockingViewer__SettingHint{color:var(--color-text-tertiary);margin:-6px 0 12px;font-size:11px;line-height:1.5}.DockingViewer--result .DockingViewer__SettingSection--hbond .DockingViewer__Toggle--focusable{margin-top:10px}.DockingViewer--result .DockingViewer__SceneStack{z-index:7;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:66px 56px 48px 16px}.DockingViewer--result .DockingViewer__SceneLegend{flex-direction:column;flex:none;align-items:flex-start;gap:8px;max-width:100%;display:flex}.DockingViewer--result .DockingViewer__SceneChips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.DockingViewer--result .DockingViewer__SceneChip{border:1px solid var(--dvr-border);background:var(--dvr-surface);color:var(--color-text-primary);border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:inline-flex}.DockingViewer--result .DockingViewer__SceneChip__Dot{border-radius:50%;flex:none;width:7px;height:7px}.DockingViewer--result .DockingViewer__SceneStatus{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface);color:var(--color-text-secondary);border-radius:4px;margin:0;padding:6px 8px;font-size:11px;line-height:1.4}.DockingViewer--result .DockingViewer__SceneKey{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface);color:var(--color-text-secondary);border-radius:4px;flex-wrap:wrap;gap:2px 12px;margin:0;padding:5px 8px;font-size:11px;line-height:1.4;display:flex}.DockingViewer--result .DockingViewer__SceneKey__Item{align-items:center;gap:6px;display:inline-flex}.DockingViewer--result .DockingViewer__SceneKey__Line,.DockingViewer--result .DockingViewer__SceneKey__Dash{flex:none;width:18px;display:inline-block}.DockingViewer--result .DockingViewer__SceneKey__Line{border-top:1px solid;height:0}.DockingViewer--result .DockingViewer__SceneKey__Dash{background:repeating-linear-gradient(90deg,#22c55e 0 4px,#0000 4px 6px,#38bdf8 6px 10px,#0000 10px 12px);height:2px}.DockingViewer--result .DockingViewer__InfoSlot{pointer-events:auto;flex-direction:column;align-items:flex-start;max-width:100%;min-height:0;max-height:calc(50% - 16px);margin-top:auto;display:flex;overflow-y:auto}.DockingViewer--result .DockingViewer__InfoSlot>*{flex:none}.DockingViewer--result .DockingViewer__InfoSlot>.DockingViewer__Guide{border:1px solid var(--dvr-border);background:var(--dvr-surface);width:610px;max-width:100%;max-height:none;box-shadow:var(--dvr-shadow-raised);border-radius:10px;padding:16px;position:static}@media (max-width:1100px){.DockingViewer--result .DockingViewer__InfoSlot>.DockingViewer__Guide{width:320px;padding:12px}}.DockingViewer--result .DockingViewer__Guide__Head strong{font-size:13px}.DockingViewer--result .DockingViewer__Guide__Item{border:1px solid var(--dvr-border-subtle);background:var(--dvr-surface-sunken);border-radius:7px;gap:10px;padding:7px}.DockingViewer--result .DockingViewer__Guide__Item img{object-fit:contain;border-radius:4px;width:65px;height:43px}.DockingViewer--result .DockingViewer__Guide__Placeholder{border-radius:4px;width:65px;height:43px}.DockingViewer--result .DockingViewer__Guide__Text{gap:5px}.DockingViewer--result .DockingViewer__Guide__Text strong{font-size:12px}.DockingViewer--result .DockingViewer__Guide__Text span{font-size:10px;line-height:1.4}.DockingViewer--result .DockingViewer__Guide__Foot{margin-top:12px;font-size:10px}.DockingViewer--result .DockingViewer__InfoSlot>.DockingViewer__FocusCard{border:1px solid var(--dvr-accent-line);background:var(--dvr-surface);width:340px;max-width:100%;box-shadow:var(--dvr-shadow-raised);border-radius:9px;padding:15px;font-size:12px;line-height:1.6;position:static}.DockingViewer--result .DockingViewer__FocusCard__Head strong{font-size:14px}.DockingViewer--result .DockingViewer__FocusCard__Fixed{font-size:10px}.DockingViewer--result .DockingViewer__InfoSlot>.DockingViewer__ConstraintStatus{border:1px solid var(--dvr-border);background:var(--dvr-surface);max-width:100%;color:var(--color-text-secondary);border-radius:7px;align-items:center;gap:9px;padding:10px 13px;font-size:12px;position:static}.DockingViewer--result .DockingViewer__PanelResizer{background:var(--dvr-surface);border-left:1px solid var(--dvr-border);border-right:1px solid var(--dvr-border-subtle);width:9px;margin-right:0}.DockingViewer--result .DockingViewer__PanelResizer span{background:var(--dvr-border-strong);border-radius:4px;width:3px;height:34px}.DockingViewer--result .DockingViewer__PanelResizer:hover,.DockingViewer--result .DockingViewer__PanelResizer:focus-visible,.DockingViewer--result .DockingViewer__PanelResizer--dragging{background:var(--dvr-accent-soft)}.DockingViewer--result .DockingViewer__PanelResizer:hover span,.DockingViewer--result .DockingViewer__PanelResizer:focus-visible span,.DockingViewer--result .DockingViewer__PanelResizer--dragging span{background:var(--dvr-accent)}@container (min-width:480px){.DockingViewer--result .DockingViewer__LayerOptions{padding:15px 18px}.DockingViewer--result .DockingViewer__LayerItem__Status{font-size:11px}.DockingViewer--result .DockingViewer__LayerOptions__Kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;display:grid}.DockingViewer--result .DockingViewer__ConstraintItems__List,.DockingViewer--result .DockingViewer__HbondBonds{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}}
.Playground{background:var(--color-bg-base);width:100vw;height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex;overflow:hidden}.Playground__Body{flex:1;display:flex;overflow:hidden}.Playground__Resizer{cursor:col-resize;background:0 0;flex-shrink:0;width:4px;transition:background .15s;position:relative}.Playground__Resizer:hover,.Playground__Resizer:active{background:var(--color-accent-primary)}.Playground__Resizer:after{content:"";position:absolute;inset:0 -3px}.Playground__FileExplorer{background:var(--color-bg-elevated);border-right:1px solid var(--color-bg-hover);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.Playground__FileExplorer__Container{flex-direction:column;height:100%;display:flex}.Playground__FileExplorer__Header{letter-spacing:.5px;color:var(--color-text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 12px 8px;font-size:11px;font-weight:600;display:flex}.Playground__FileExplorer__RefreshBtn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.Playground__FileExplorer__RefreshBtn:hover{color:var(--color-text-primary);background:var(--color-bg-active)}.Playground__FileExplorer__Search{color:var(--color-text-secondary);align-items:center;gap:8px;padding:4px 12px 8px;display:flex}.Playground__FileExplorer__Search input{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-size:12px}.Playground__FileExplorer__Search input:focus{border-color:var(--color-accent-primary)}.Playground__FileExplorer__Search input::placeholder{color:var(--color-text-tertiary)}.Playground__FileExplorer__Tree{flex:1;overflow:hidden auto}.Playground__FileExplorer__Tree::-webkit-scrollbar{width:6px}.Playground__FileExplorer__Tree::-webkit-scrollbar-track{background:0 0}.Playground__FileExplorer__Tree::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.Playground__FileExplorer__Loading,.Playground__FileExplorer__Empty{text-align:center;color:var(--color-text-secondary);padding:24px 16px;font-size:13px}.Playground__TreeNode{cursor:pointer;color:var(--color-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:flex}.Playground__TreeNode:hover{background:var(--color-bg-hover)}.Playground__TreeNode--file{color:var(--color-text-secondary)}.Playground__TreeNode__Arrow{width:16px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Playground__TreeNode__Icon{color:#f59e0b;flex-shrink:0;align-items:center;display:flex}.Playground__TreeNode--file .Playground__TreeNode__Icon{color:inherit}.Playground__TreeNode__Label{text-overflow:ellipsis;flex:1;overflow:hidden}.Playground__TreeNode__Badge{background:var(--color-bg-active);color:var(--color-text-secondary);border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.Playground__FileIcon{align-items:center;display:flex}.Playground__ContextMenu{z-index:1000;background:var(--color-bg-input);border:1px solid var(--color-border-default);min-width:180px;box-shadow:var(--shadow-modal);border-radius:6px;padding:4px 0;animation:.1s ease-out contextMenuFadeIn;position:fixed}.Playground__ContextMenu__Item{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:background .1s,color .1s;display:flex}.Playground__ContextMenu__Item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__ContextMenu__Item svg{flex-shrink:0}.Playground__ContextMenu__SubItem{padding-left:28px;font-size:12px}.Playground__ContextMenu__Divider{background:var(--color-border-default);height:1px;margin:4px 0}.Playground__ContextMenu__Label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;-webkit-user-select:none;user-select:none;padding:4px 14px;font-size:11px}.Playground__Workspace{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.Playground__TabBar{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-bg-hover);flex-shrink:0;align-items:stretch;display:flex}.Playground__TabBar__Scroll{flex:1;min-width:0;display:flex;overflow:auto hidden}.Playground__TabBar__Scroll::-webkit-scrollbar{height:0}.Playground__TabBar__NewTab{border-left:1px solid var(--color-bg-input);flex-shrink:0;align-items:center;display:flex;position:relative}.Playground__TabBar__NewTab__Btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px 10px;transition:background .1s,color .1s;display:flex}.Playground__TabBar__NewTab__Btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__TabBar__NewTab__Menu{z-index:100;background:var(--color-bg-input);border:1px solid var(--color-border-default);min-width:180px;box-shadow:var(--shadow-modal);border-radius:6px;padding:4px 0;position:absolute;top:100%;right:0}.Playground__TabBar__NewTab__MenuItem{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:background .1s,color .1s;display:flex}.Playground__TabBar__NewTab__MenuItem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__TabBar__Tab{color:var(--color-text-secondary);cursor:pointer;border-right:1px solid var(--color-bg-input);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;min-width:0;padding:8px 12px;font-size:12px;transition:background .1s,color .1s;display:flex}.Playground__TabBar__Tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__TabBar__Tab--active{background:var(--color-bg-base);color:var(--color-text-primary);border-bottom:2px solid var(--color-accent-primary)}.Playground__TabBar__Tab__Icon{flex-shrink:0}.Playground__TabBar__Tab__Title{text-overflow:ellipsis;max-width:140px;overflow:hidden}.Playground__TabBar__Tab__Close{color:var(--color-text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:opacity .1s;display:flex}.Playground__TabBar__Tab:hover .Playground__TabBar__Tab__Close,.Playground__TabBar__Tab--active .Playground__TabBar__Tab__Close{opacity:1}.Playground__TabBar__Tab__Close:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.Playground__AppContainer{flex:1;position:relative;overflow:hidden}.Playground__AppContainer__Pane{flex-direction:column;display:flex;position:absolute;inset:0}.Playground__AppFallback{color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.Playground__AppFallback__Spinner{border:3px solid var(--color-bg-active);border-top-color:var(--color-accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.Playground__Welcome{flex:1;justify-content:center;align-items:center;display:flex}.Playground__Welcome__Content{text-align:center;max-width:560px}.Playground__Welcome__Logo{color:var(--color-accent-primary);margin-bottom:16px}.Playground__Welcome__Title{color:var(--color-text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.Playground__Welcome__Subtitle{color:var(--color-text-secondary);margin:0 0 32px;font-size:14px;line-height:1.6}.Playground__Welcome__Apps{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}.Playground__Welcome__AppCard{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:border-color .15s,background .15s;display:flex}.Playground__Welcome__AppCard:hover{border-color:var(--color-accent-primary);background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__Welcome__AppCard__Label{color:var(--color-text-primary);font-size:13px;font-weight:600}.Playground__Welcome__AppCard__Desc{color:var(--color-text-secondary);font-size:11px}.Playground__Welcome__Tips{flex-direction:column;gap:8px;display:flex}.Playground__Welcome__Tip{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:12px;display:flex}.Playground__DockingViewerApp{width:100%;height:100%;position:relative}.Playground__DockingViewerApp .DockingViewer{width:100%;height:100%}.spinning{animation:1s linear infinite spin}
.Playground__AIChat{flex:1;justify-content:center;align-items:center;display:flex}.Playground__AIChat__Container{flex-direction:column;height:100%;display:flex;overflow:hidden}.Playground__AIChat__Header{border-bottom:1px solid var(--color-bg-active);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.Playground__AIChat__Header__Left{align-items:center;gap:8px;display:flex}.Playground__AIChat__Header__Title{color:var(--color-text-primary);font-size:12px;font-weight:600}.Playground__AIChat__Header__ChatId{color:#22c55e;background:#22c55e1a;border-radius:8px;padding:1px 6px;font-size:10px}.Playground__AIChat__Header__Actions{gap:4px;display:flex}.Playground__AIChat__Header__Btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.Playground__AIChat__Header__Btn:hover{color:var(--color-text-primary);background:var(--color-bg-active)}.Playground__AIChat__History{background:var(--color-bg-elevated);border:1px solid var(--color-bg-active);z-index:20;max-height:300px;box-shadow:var(--shadow-modal);border-radius:8px;position:absolute;top:76px;left:8px;right:8px;overflow-y:auto}.Playground__AIChat__History__Header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-bg-active);padding:8px 12px;font-size:11px;font-weight:600}.Playground__AIChat__History__Empty{color:var(--color-text-tertiary);text-align:center;padding:16px 12px;font-size:12px}.Playground__AIChat__History__Item{color:var(--color-text-secondary);cursor:pointer;border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.Playground__AIChat__History__Item:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.Playground__AIChat__History__Item.active{color:var(--color-accent-primary);background:#3b82f61a}.Playground__AIChat__History__Item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Playground__AIChat__Messages{flex-direction:column;flex:1;gap:12px;padding:12px 8px;display:flex;overflow-y:auto}.Playground__AIChat__Messages::-webkit-scrollbar{width:4px}.Playground__AIChat__Messages::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.Playground__AIChat__Msg{align-items:flex-start;gap:8px;display:flex}.Playground__AIChat__Msg__Avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.Playground__AIChat__Msg--user .Playground__AIChat__Msg__Avatar{background:var(--color-accent-primary);color:#fff}.Playground__AIChat__Msg--assistant .Playground__AIChat__Msg__Avatar{color:#fff;background:#8b5cf6}.Playground__AIChat__Msg__Body{flex:1;min-width:0}.Playground__AIChat__Msg__Text{color:var(--color-text-primary);word-wrap:break-word;font-size:13px;line-height:1.6}.Playground__AIChat__Msg__Text p{margin:0 0 8px}.Playground__AIChat__Msg__Text p:last-child{margin-bottom:0}.Playground__AIChat__Msg__Text pre{background:var(--color-bg-base);border-radius:6px;margin:8px 0;padding:8px 12px;font-size:12px;overflow-x:auto}.Playground__AIChat__Msg__Text code{background:var(--color-bg-active);border-radius:3px;padding:1px 4px;font-size:12px}.Playground__AIChat__Msg__Text pre code{background:0 0;padding:0}.Playground__AIChat__Msg__Text ul,.Playground__AIChat__Msg__Text ol{margin:4px 0;padding-left:20px}.Playground__AIChat__Msg__Text blockquote{border-left:3px solid var(--color-border-hover);color:var(--color-text-secondary);margin:8px 0;padding:4px 12px;font-size:12px}.Playground__AIChat__Msg__Text strong{color:#f8fafc}.Playground__AIChat__Msg__Text a{color:var(--color-accent-primary)}.Playground__AIChat__Msg__Text table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.Playground__AIChat__Msg__Text table th,.Playground__AIChat__Msg__Text table td{border:1px solid var(--color-border-hover);text-align:left;padding:4px 8px}.Playground__AIChat__Msg__Text table th{background:var(--color-bg-active);font-weight:600}.Playground__AIChat__Msg--user .Playground__AIChat__Msg__Text{background:var(--color-bg-active);border-radius:12px 12px 4px;padding:8px 12px}.Playground__AIChat__Msg__Footer{opacity:0;justify-content:space-between;align-items:center;margin-top:4px;transition:opacity .15s;display:flex}.Playground__AIChat__Msg:hover .Playground__AIChat__Msg__Footer{opacity:1}.Playground__AIChat__Msg__Time{color:var(--color-text-tertiary);font-size:10px}.Playground__AIChat__Msg__CopyBtn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.Playground__AIChat__Msg__CopyBtn:hover{color:var(--color-text-secondary)}.Playground__AIChat__Msg__Loading{gap:4px;padding:8px 0;display:flex}.Playground__AIChat__Msg__Loading span{background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both aiChatDot}.Playground__AIChat__Msg__Loading span:first-child{animation-delay:-.32s}.Playground__AIChat__Msg__Loading span:nth-child(2){animation-delay:-.16s}.Playground__AIChat__ScrollBtn{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.Playground__AIChat__ScrollBtn:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__AIChat__Context{border-top:1px solid var(--color-bg-active);background:#3b82f60d;flex-shrink:0;padding:4px 12px}.Playground__AIChat__Context span{color:var(--color-accent-primary);font-size:10px}.Playground__AIChat__Input{border-top:1px solid var(--color-bg-active);flex-shrink:0;padding:8px}.Playground__AIChat__Input__Files{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.Playground__AIChat__Input__File{background:var(--color-bg-active);color:var(--color-text-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.Playground__AIChat__Input__File span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.Playground__AIChat__Input__File button{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.Playground__AIChat__Input__File button:hover{color:var(--color-danger)}.Playground__AIChat__Input__Row{background:var(--color-bg-elevated);border:1px solid var(--color-bg-active);border-radius:10px;align-items:flex-end;gap:4px;padding:6px 8px;transition:border-color .15s;display:flex}.Playground__AIChat__Input__Row:focus-within{border-color:var(--color-accent-primary)}.Playground__AIChat__Input__Row textarea{color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:13px;line-height:1.4}.Playground__AIChat__Input__Row textarea::placeholder{color:var(--color-text-tertiary)}.Playground__AIChat__Input__Row textarea:disabled{opacity:.5}.Playground__AIChat__Input__Actions{flex-shrink:0;gap:2px;display:flex}.Playground__AIChat__Input__Btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.Playground__AIChat__Input__Btn:hover{color:var(--color-text-secondary);background:var(--color-bg-active)}.Playground__AIChat__Input__Btn:disabled{opacity:.3;cursor:not-allowed}.Playground__AIChat__Input__SendBtn{background:var(--color-accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.Playground__AIChat__Input__SendBtn:hover{background:var(--color-accent-hover)}.Playground__AIChat__Input__SendBtn:disabled{background:var(--color-bg-active);color:var(--color-text-tertiary);cursor:not-allowed}@keyframes aiChatDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
.Playground__DataTableApp{flex-direction:column;flex:1;display:flex;overflow:hidden}.Playground__DataTableApp__Header{border-bottom:1px solid var(--color-bg-hover);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.Playground__DataTableApp__Header__Left,.Playground__DataTableApp__Header__Right{align-items:center;gap:8px;display:flex}.Playground__DataTableApp__Info{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.Playground__DataTableApp__Search{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.Playground__DataTableApp__Search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:160px;font-size:12px}.Playground__DataTableApp__Search input::placeholder{color:var(--color-text-tertiary)}.Playground__DataTableApp__Search input:focus{color:var(--color-text-primary)}.Playground__DataTableApp__ExportBtn{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.Playground__DataTableApp__ExportBtn:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__DataTableApp__TableWrapper{flex:1;overflow:auto}.Playground__DataTableApp__TableWrapper::-webkit-scrollbar{width:8px;height:8px}.Playground__DataTableApp__TableWrapper::-webkit-scrollbar-track{background:var(--color-bg-elevated)}.Playground__DataTableApp__TableWrapper::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.Playground__DataTableApp__Table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.Playground__DataTableApp__Table th{background:var(--color-bg-elevated);text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:1;padding:8px 12px;font-weight:600;position:sticky;top:0}.Playground__DataTableApp__Table th.rowNum{text-align:center;cursor:default;width:50px}.Playground__DataTableApp__Table th:hover:not(.rowNum){color:var(--color-text-primary)}.Playground__DataTableApp__Table th.smiles-col{min-width:200px}.Playground__DataTableApp__Table td{border-bottom:1px solid var(--color-bg-input);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;padding:6px 12px;overflow:hidden}.Playground__DataTableApp__Table td.rowNum{text-align:center;color:var(--color-text-tertiary);font-size:11px}.Playground__DataTableApp__Table td.smiles-cell{color:#93c5fd;font-family:monospace;font-size:11px}.Playground__DataTableApp__Table tr:hover td{background:var(--color-bg-hover)}.Playground__DataTableApp__ThContent{align-items:center;gap:4px;display:flex}.Playground__DataTableApp__ThContent .sort-inactive{opacity:.3}.Playground__DataTableApp__Pagination{border-top:1px solid var(--color-bg-hover);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:8px;font-size:12px;display:flex}.Playground__DataTableApp__Pagination button{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;display:flex}.Playground__DataTableApp__Pagination button:hover:not(:disabled){background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__DataTableApp__Pagination button:disabled{opacity:.3;cursor:not-allowed}
.Playground__MoleculeEditorApp{flex-direction:column;flex:1;display:flex;overflow:hidden}.Playground__MoleculeEditorApp__Toolbar{border-bottom:1px solid var(--color-bg-hover);background:var(--color-bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.Playground__MoleculeEditorApp__Toolbar__Left{align-items:center;gap:12px;min-width:0;display:flex}.Playground__MoleculeEditorApp__Toolbar__Actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.Playground__MoleculeEditorApp__FileName{color:var(--color-text-primary);font-size:13px;font-weight:600}.Playground__MoleculeEditorApp__Smiles{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px;overflow:hidden}.Playground__MoleculeEditorApp__Btn{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;display:flex}.Playground__MoleculeEditorApp__Btn:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__MoleculeEditorApp__Btn--primary{border-color:var(--color-accent-primary);color:#93c5fd;background:#1e3a5f}.Playground__MoleculeEditorApp__Btn--primary:hover{background:var(--color-accent-hover);color:#fff}.Playground__MoleculeEditorApp__Editor{flex:1;position:relative;overflow:hidden}.Playground__MoleculeEditorApp__Editor>div,.Playground__MoleculeEditorApp__Editor>div>div{height:100%}.Playground__MoleculeEditorApp__Editor .Ketcher__Embedded{height:100%!important;min-height:100%!important}html[data-theme=dark] .Playground__MoleculeEditorApp__Editor .Ketcher__Embedded,html:not([data-theme=light]) .Playground__MoleculeEditorApp__Editor .Ketcher__Embedded{filter:invert(.92)hue-rotate(180deg)}
.Playground__PropertyAnalyzer{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.Playground__PropertyAnalyzer::-webkit-scrollbar{width:6px}.Playground__PropertyAnalyzer::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.Playground__PropertyAnalyzer__Input{flex-shrink:0}.Playground__PropertyAnalyzer__InputGroup label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.Playground__PropertyAnalyzer__InputRow{gap:8px;display:flex}.Playground__PropertyAnalyzer__SmilesInput{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:monospace;font-size:13px}.Playground__PropertyAnalyzer__SmilesInput:focus{border-color:var(--color-accent-primary)}.Playground__PropertyAnalyzer__SmilesInput::placeholder{color:var(--color-text-tertiary)}.Playground__PropertyAnalyzer__Presets{flex-shrink:0}.Playground__PropertyAnalyzer__Presets__Label{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.Playground__PropertyAnalyzer__Presets__Grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.Playground__PropertyAnalyzer__PresetCard{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:all .15s;display:flex;position:relative}.Playground__PropertyAnalyzer__PresetCard:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-bg-hover);color:var(--color-text-primary)}.Playground__PropertyAnalyzer__PresetCard.active{border-color:var(--color-accent-primary);color:#93c5fd;background:#1e3a5f}.Playground__PropertyAnalyzer__PresetCard:disabled{opacity:.4;cursor:not-allowed}.Playground__PropertyAnalyzer__PresetCard .spinning{position:absolute;top:8px;right:8px}.Playground__PropertyAnalyzer__PresetCard__Label{font-size:12px;font-weight:600}.Playground__PropertyAnalyzer__PresetCard__Desc{text-align:center;opacity:.7;font-size:10px}.Playground__PropertyAnalyzer__Results{flex:1}.Playground__PropertyAnalyzer__Results__Header{color:var(--color-text-primary);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.Playground__PropertyAnalyzer__Results__Header .spinning{color:var(--color-accent-primary)}.Playground__PropertyAnalyzer__Results__List{flex-direction:column;gap:8px;display:flex}.Playground__PropertyAnalyzer__ResultCard{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);border-radius:8px;overflow:hidden}.Playground__PropertyAnalyzer__ResultCard__Header{cursor:pointer;color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.Playground__PropertyAnalyzer__ResultCard__Header:hover{background:var(--color-bg-hover)}.Playground__PropertyAnalyzer__ResultCard__Title{text-transform:capitalize;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.Playground__PropertyAnalyzer__ResultCard__Title .status-success{color:#22c55e}.Playground__PropertyAnalyzer__ResultCard__Title .status-error{color:var(--color-danger)}.Playground__PropertyAnalyzer__ResultCard__Body{padding:0 12px 12px}.Playground__PropertyAnalyzer__Properties{flex-direction:column;gap:4px;display:flex}.Playground__PropertyAnalyzer__Property{border-bottom:1px solid var(--color-bg-input);justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.Playground__PropertyAnalyzer__Property__Key{color:var(--color-text-secondary);text-transform:capitalize}.Playground__PropertyAnalyzer__Property__Value{color:var(--color-text-primary);font-family:monospace;font-size:12px}.Playground__PropertyAnalyzer__Property__Value.status-good{color:#22c55e}.Playground__PropertyAnalyzer__Property__Value.status-warn{color:#f59e0b}.Playground__PropertyAnalyzer__Property__Value.status-bad{color:var(--color-danger)}.Playground__PropertyAnalyzer__Property__Value.status-neutral{color:var(--color-text-primary)}.Playground__PropertyAnalyzer__Error{color:var(--color-danger);background:#1a0505;border-radius:6px;padding:8px;font-size:12px}.Playground__PropertyAnalyzer__Empty{color:var(--color-text-tertiary);text-align:center;padding:12px;font-size:12px}
.Playground__Comparison{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.Playground__Comparison::-webkit-scrollbar{width:6px}.Playground__Comparison::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.Playground__Comparison__Header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.Playground__Comparison__Header__Left{color:var(--color-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.Playground__Comparison__Header__Actions{gap:8px;display:flex}.Playground__Comparison__Count{color:var(--color-text-secondary);background:var(--color-bg-active);border-radius:8px;padding:2px 8px;font-size:11px;font-weight:400}.Playground__Comparison__AddBtn{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.Playground__Comparison__AddBtn:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__Comparison__RunBtn{border:1px solid var(--color-accent-primary);color:#93c5fd;cursor:pointer;background:#1e3a5f;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.Playground__Comparison__RunBtn:hover:not(:disabled){background:var(--color-accent-hover);color:#fff}.Playground__Comparison__RunBtn:disabled{opacity:.4;cursor:not-allowed}.Playground__Comparison__Slots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.Playground__Comparison__Slot{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);border-radius:10px;padding:12px}.Playground__Comparison__Slot__Header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.Playground__Comparison__Slot__Name{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:13px;font-weight:600}.Playground__Comparison__Slot__Remove{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.Playground__Comparison__Slot__Remove:hover{color:var(--color-danger);background:#1a0505}.Playground__Comparison__Slot__Input{gap:6px;display:flex}.Playground__Comparison__Slot__Input input{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:monospace;font-size:12px}.Playground__Comparison__Slot__Input input:focus{border-color:var(--color-accent-primary)}.Playground__Comparison__Slot__Input input::placeholder{color:var(--color-text-tertiary)}.Playground__Comparison__Slot__Analyze{background:var(--color-bg-active);border:1px solid var(--color-border-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 8px}.Playground__Comparison__Slot__Analyze:hover:not(:disabled){background:var(--color-border-hover);color:var(--color-text-primary)}.Playground__Comparison__Slot__Analyze:disabled{opacity:.3;cursor:not-allowed}.Playground__Comparison__Empty{color:var(--color-text-tertiary);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:40px 20px;display:flex}.Playground__Comparison__Empty p{margin:0;font-size:14px}.Playground__Comparison__Table{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);border-radius:10px;overflow:hidden}.Playground__Comparison__Table table{border-collapse:collapse;width:100%;font-size:12px}.Playground__Comparison__Table th{text-align:center;color:var(--color-text-secondary);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default);white-space:nowrap;padding:8px 12px;font-weight:600}.Playground__Comparison__Table th:first-child{text-align:left}.Playground__Comparison__Table td{text-align:center;color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-input);padding:6px 12px;font-family:monospace}.Playground__Comparison__Table td:first-child{text-align:left;font-family:inherit}.Playground__Comparison__Table td.prop-good{color:#22c55e}.Playground__Comparison__Table td.prop-warn{color:#f59e0b}.Playground__Comparison__Table td.prop-bad{color:var(--color-danger)}.Playground__Comparison__Table .prop-label{color:var(--color-text-secondary);font-weight:500}.Playground__Comparison__Table .prop-label .unit{color:var(--color-text-tertiary);margin-left:4px;font-size:10px}.Playground__Comparison__Table__Header{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default);padding:10px 12px;font-size:13px;font-weight:600}.Playground__Comparison__Similarity{background:var(--color-bg-elevated);border:1px solid var(--color-bg-hover);border-radius:10px;padding:12px}.Playground__Comparison__Similarity__Header{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.Playground__Comparison__Similarity__Value{color:var(--color-text-primary);font-size:14px}.Playground__Comparison__Similarity__Value strong{color:var(--color-accent-primary)}
.Playground__RightPanel{background:var(--color-bg-elevated);border-left:1px solid var(--color-bg-hover);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.Playground__RightPanel__Container{flex-direction:column;height:100%;display:flex}.Playground__RightPanel__Tabs{border-bottom:1px solid var(--color-bg-hover);flex-shrink:0;display:flex}.Playground__RightPanel__Tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.Playground__RightPanel__Tab:hover{color:var(--color-text-primary)}.Playground__RightPanel__Tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}.Playground__ToolPalette{flex-direction:column;flex:1;display:flex;overflow:hidden}.Playground__ToolPalette__Search{color:var(--color-text-secondary);align-items:center;gap:8px;padding:8px 12px;display:flex}.Playground__ToolPalette__Search input{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-size:12px}.Playground__ToolPalette__Search input:focus{border-color:var(--color-accent-primary)}.Playground__ToolPalette__Search input::placeholder{color:var(--color-text-tertiary)}.Playground__ToolPalette__Categories{flex-wrap:wrap;gap:4px;padding:4px 12px 8px;display:flex}.Playground__ToolPalette__Category{border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;padding:3px 8px;font-size:11px;transition:all .15s}.Playground__ToolPalette__Category:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.Playground__ToolPalette__Category.active{border-color:var(--color-accent-primary);color:#93c5fd;background:#1e3a5f}.Playground__ToolPalette__Category .count{opacity:.6;margin-left:4px}.Playground__ToolPalette__List{flex:1;padding:0 8px;overflow-y:auto}.Playground__ToolPalette__List::-webkit-scrollbar{width:4px}.Playground__ToolPalette__List::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.Playground__ToolPalette__ToolCard{cursor:pointer;border-radius:8px;margin-bottom:4px;padding:8px 10px;transition:background .1s}.Playground__ToolPalette__ToolCard:hover{background:var(--color-bg-hover)}.Playground__ToolPalette__ToolCard.active{background:var(--color-bg-active);border:1px solid var(--color-border-hover)}.Playground__ToolPalette__ToolCard__Name{color:var(--color-text-primary);margin-bottom:2px;font-size:12px;font-weight:600}.Playground__ToolPalette__ToolCard__Desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.Playground__ToolPalette__Empty{text-align:center;color:var(--color-text-tertiary);padding:24px;font-size:13px}.Playground__ToolPalette__Executor{border-top:1px solid var(--color-bg-hover);flex-shrink:0;max-height:280px;padding:12px;overflow-y:auto}.Playground__ToolPalette__Executor__Header{color:var(--color-text-primary);margin-bottom:10px;font-size:13px}.Playground__ToolPalette__Executor__Field{margin-bottom:8px}.Playground__ToolPalette__Executor__Field label{color:var(--color-text-secondary);margin-bottom:4px;font-size:11px;display:block}.Playground__ToolPalette__Executor__Field label .required{color:var(--color-danger);margin-left:2px}.Playground__ToolPalette__Executor__Field input{background:var(--color-bg-input);border:1px solid var(--color-border-default);width:100%;color:var(--color-text-primary);border-radius:6px;outline:none;padding:6px 8px;font-size:12px}.Playground__ToolPalette__Executor__Field input:focus{border-color:var(--color-accent-primary)}.Playground__ToolPalette__Executor__Field input::placeholder{color:var(--color-text-tertiary)}.Playground__ToolPalette__Executor__RunBtn{background:var(--color-accent-primary);width:100%;color:var(--color-text-on-accent);cursor:pointer;border:none;border-radius:8px;padding:8px;font-size:13px;font-weight:600;transition:background .15s}.Playground__ToolPalette__Executor__RunBtn:hover:not(:disabled){background:var(--color-accent-hover)}.Playground__ToolPalette__Executor__RunBtn:disabled{opacity:.5;cursor:not-allowed}.Playground__ToolPalette__Results{border-top:1px solid var(--color-bg-hover);flex-shrink:0;padding:8px 12px}.Playground__ToolPalette__Results__Header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.Playground__ToolPalette__Results__Item{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.Playground__ToolPalette__Results__Item .name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Playground__ToolPalette__Results__Item .status{border-radius:4px;padding:1px 6px;font-size:10px}.Playground__ToolPalette__Results__Item .status.success{color:#6ee7b7;background:#064e3b}.Playground__ToolPalette__Results__Item .status.error{color:#fca5a5;background:#450a0a}
.Playground__StatusBar{background:var(--color-bg-active);border-top:1px solid var(--color-border-hover);height:28px;color:var(--color-text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;display:flex}.Playground__StatusBar__Left,.Playground__StatusBar__Center,.Playground__StatusBar__Right{align-items:center;gap:8px;display:flex}.Playground__StatusBar__Toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px 4px;display:flex}.Playground__StatusBar__Toggle:hover{color:var(--color-text-primary);background:var(--color-border-hover)}.Playground__StatusBar__Toggle.active{color:#93c5fd}.Playground__StatusBar__Item{align-items:center;gap:4px;display:flex}
@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.CustomSelect{width:100%;position:relative}.CustomSelect__Trigger{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);width:100%;height:40px;color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.CustomSelect__Trigger:hover{border-color:var(--color-border-hover)}.CustomSelect__Trigger--open{border-color:var(--color-accent-line);box-shadow:var(--shadow-focus)}.CustomSelect__Value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.CustomSelect__Placeholder{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.CustomSelect__Arrow{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .18s}.CustomSelect__Arrow--open{color:var(--color-accent-primary);transform:rotate(180deg)}.CustomSelect__Dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-elevated);z-index:100;border-radius:10px;animation:.15s customSelectFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.CustomSelect__Search{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-tinted);align-items:center;gap:8px;padding:10px 12px;display:flex}.CustomSelect__SearchIcon{color:var(--color-text-tertiary);flex-shrink:0}.CustomSelect__SearchInput{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px}.CustomSelect__SearchInput::placeholder{color:var(--color-text-tertiary)}.CustomSelect__Options{max-height:240px;padding:4px;overflow-y:auto}.CustomSelect__Options::-webkit-scrollbar{width:6px}.CustomSelect__Options::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.CustomSelect__Option{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:block}.CustomSelect__Option:hover{background:var(--color-bg-hover)}.CustomSelect__Option--selected{color:var(--color-accent-primary);background:var(--color-accent-subtle);font-weight:600}.CustomSelect__Empty{text-align:center;color:var(--color-text-tertiary);padding:18px 10px;font-size:13px}.CustomSelect--disabled .CustomSelect__Trigger{opacity:.5;cursor:not-allowed}.CustomSelect--compact{flex-shrink:0;width:auto;min-width:96px}.CustomSelect--compact .CustomSelect__Trigger{gap:4px;padding:0 10px;font-weight:500}.CustomSelect--compact .CustomSelect__Dropdown{min-width:132px}
.GridLoader{--grid-loader-cell:6px;--grid-loader-gap:2px;--grid-loader-box:32px;width:var(--grid-loader-box);height:var(--grid-loader-box);color:var(--color-accent-primary);vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.GridLoader--small{--grid-loader-cell:4px;--grid-loader-gap:1.5px;--grid-loader-box:14px}.GridLoader--panel{--grid-loader-cell:9px;--grid-loader-gap:3px;--grid-loader-box:48px}.GridLoader__Matrix{grid-template-columns:repeat(var(--grid-loader-count), var(--grid-loader-cell));gap:var(--grid-loader-gap);contain:layout style;display:grid}.GridLoader__Cell{width:var(--grid-loader-cell);height:var(--grid-loader-cell);border-radius:calc(var(--grid-loader-cell)*.225);background:color-mix(in srgb, currentColor 15%, transparent);display:block;position:relative}.GridLoader__Cell:after{content:"";border-radius:inherit;opacity:var(--light,.12);transform:scale(var(--scale,.82));background:currentColor;position:absolute;inset:0}
.OnboardingTour__Spotlight{pointer-events:none;z-index:5000;width:100vw;height:100vh;position:fixed;top:0;left:0}.OnboardingTour__Spotlight rect{transition:x .22s ease-out,y .22s ease-out,width .22s ease-out,height .22s ease-out}.OnboardingTour__Tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);width:320px;box-shadow:var(--shadow-modal);z-index:5001;pointer-events:auto;border-radius:10px;padding:22px 22px 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;transition:top .22s ease-out,left .22s ease-out;position:fixed}.OnboardingTour__Tooltip__Close{width:26px;height:26px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:flex;position:absolute;top:10px;right:10px}.OnboardingTour__Tooltip__Close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.OnboardingTour__Tooltip__StepCounter{color:var(--color-text-tertiary);letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.OnboardingTour__Tooltip__Title{color:var(--color-text-primary);margin:0 0 8px;padding-right:24px;font-size:15px;font-weight:600;line-height:1.4}.OnboardingTour__Tooltip__Body{color:var(--color-text-secondary);word-break:keep-all;margin:0 0 22px;font-size:13px;line-height:1.6}.OnboardingTour__Tooltip__Footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.OnboardingTour__Tooltip__DismissForever{color:var(--color-text-tertiary);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-border-default);text-decoration-color:var(--color-border-default);background:0 0;border:none;padding:4px 0;font-size:12px;transition:color .12s,text-decoration-color .12s}.OnboardingTour__Tooltip__DismissForever:hover{color:var(--color-text-secondary);-webkit-text-decoration-color:var(--color-border-hover);text-decoration-color:var(--color-border-hover)}.OnboardingTour__Tooltip__Actions{gap:6px;display:flex}.OnboardingTour__Tooltip__PrevButton,.OnboardingTour__Tooltip__NextButton{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:500;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.OnboardingTour__Tooltip__PrevButton{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0}.OnboardingTour__Tooltip__PrevButton:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.OnboardingTour__Tooltip__NextButton{background:var(--color-accent-primary);border:1px solid var(--color-accent-primary);color:var(--color-text-on-accent)}.OnboardingTour__Tooltip__NextButton:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.OnboardingTour__Tooltip__NextButton:focus-visible{box-shadow:var(--shadow-focus);outline:none}