.Settings{background:var(--color-bg-base);min-height:100vh;transition:margin-left .2s}.Settings__Header{padding:32px 40px 0}.Settings__Header h1{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.Settings__Content{gap:40px;max-width:960px;padding:24px 40px;display:flex}.Settings__Nav{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:2px;width:200px;display:flex;position:sticky;top:32px}.Settings__NavItem{cursor:pointer;width:100%;color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.Settings__NavItem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Settings__NavItem--active{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.Settings__NavItem--active:hover{background:var(--color-accent-muted);color:var(--color-accent-primary)}.Settings__NavDivider{background:var(--color-border-subtle);height:1px;margin:8px 4px}.Settings__NavItem--link{position:relative}.Settings__NavItem--link .Settings__NavItem__External{opacity:0;color:var(--color-text-tertiary);margin-left:auto;transition:opacity .15s}.Settings__NavItem--link:hover .Settings__NavItem__External{opacity:1}.Settings__Panel{flex:1;min-width:0}.Settings__Profile h3,.Settings__Billing h3,.Settings__Language h3{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.Settings__Profile h4,.Settings__Billing h4,.Settings__Language h4{color:var(--color-text-secondary);margin:0 0 14px;font-size:13px;font-weight:600}.Settings__Description{color:var(--color-text-tertiary);margin:0 0 24px;font-size:13px;line-height:1.5}.Settings__SectionDivider{background:var(--color-border-subtle);height:1px;margin:32px 0}.Settings__ThemeOptions{gap:12px;display:flex}.Settings__ThemeOption{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 16px;transition:all .15s;display:flex;position:relative}.Settings__ThemeOption:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.Settings__ThemeOption--active{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.Settings__ThemeOption--active:hover{background:var(--color-accent-muted)}.Settings__ThemeIcon{color:var(--color-text-secondary)}.Settings__ThemeOption--active .Settings__ThemeIcon{color:var(--color-accent-primary)}.Settings__ThemeLabel{color:var(--color-text-primary);font-size:13px;font-weight:500}.Settings__ThemeCheck{color:var(--color-accent-primary);position:absolute;top:8px;right:8px}.Settings__LanguageOptions{flex-direction:column;gap:8px;display:flex}.Settings__LanguageOption{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);cursor:pointer;border-radius:8px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .15s;display:flex}.Settings__LanguageOption:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.Settings__LanguageOption--active{background:var(--color-accent-subtle);border-color:#5e6ad24d}.Settings__LanguageOption--active:hover{background:var(--color-accent-muted)}.Settings__LanguageInfo{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.Settings__LanguageName{color:var(--color-text-primary);font-size:14px;font-weight:600}.Settings__LanguageNative{color:var(--color-text-tertiary);font-size:12px}.Settings__LanguageCheck{color:var(--color-accent-primary)}.Settings__Form{flex-direction:column;gap:14px;display:flex}.Settings__FormGroup{flex-direction:column;gap:6px;display:flex}.Settings__FormGroup label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:12px;font-weight:500}.Settings__FormGroup input{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;padding:9px 12px;font-size:13px;transition:all .15s}.Settings__FormGroup input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.Settings__FormGroup input::placeholder{color:var(--color-text-tertiary)}.Settings__Input--disabled{cursor:not-allowed;color:var(--color-text-tertiary)!important;background:#8080800d!important}.Settings__Hint{color:var(--color-text-tertiary);font-size:11px}.Settings__Error{color:var(--color-danger);font-size:11px}.Settings__SubmitError{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid #e5484d33;border-radius:6px;padding:10px 12px;font-size:12px}.Settings__Divider{background:var(--color-border-subtle);height:1px;margin:4px 0}.Settings__Actions{justify-content:flex-end;margin-top:8px;display:flex}.Settings__SaveBtn{background:var(--color-accent-primary);color:var(--color-text-on-accent);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.Settings__SaveBtn:hover:not(:disabled){background:var(--color-accent-hover)}.Settings__SaveBtn:disabled{opacity:.5;cursor:not-allowed}.Settings__Spinner{animation:1s linear infinite settingsPageSpin}@keyframes settingsPageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Settings__Select{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);cursor:pointer;border-radius:6px;width:100%;padding:9px 12px;font-size:13px;transition:all .15s}.Settings__Select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.Settings__Select option{background:var(--color-bg-input);color:var(--color-text-primary)}.Settings__PhoneWrapper{align-items:center;gap:0;display:flex}.Settings__PhoneWrapper input{flex:1;border-radius:0 6px 6px 0!important}.Settings__DialCode{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);white-space:nowrap;border-right:none;border-radius:6px 0 0 6px;justify-content:center;align-items:center;min-width:48px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.Settings__DialCodeSelect{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-right:none;border-radius:6px 0 0 6px;min-width:68px;padding:9px 8px;font-size:13px;font-weight:500}.Settings__DialCodeSelect:focus{border-color:var(--color-accent-primary);outline:none}.Settings__TimezoneWrapper{align-items:center;gap:8px;display:flex}.Settings__TimezoneWrapper select,.Settings__TimezoneWrapper input{flex:1}.Settings__Input--readonly{opacity:.7;cursor:default!important;background:#8080800d!important}.Settings__DetectBtn{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-accent-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:9px 14px;font-size:12px;font-weight:500;transition:all .15s}.Settings__DetectBtn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.Settings__Billing__Loading{color:var(--color-text-tertiary);align-items:center;gap:8px;padding:40px 0;font-size:13px;display:flex}.Settings__Billing__PermissionNotice{color:#ffc800d9;background:#ffc80014;border:1px solid #ffc80026;border-radius:6px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 14px;font-size:12px;display:flex}.Settings__Billing__Section{border-bottom:1px solid var(--color-border-subtle);padding:28px 0}.Settings__Billing__Section:first-of-type{padding-top:0}.Settings__Billing__Section--last,.Settings__Billing__Section:last-child{border-bottom:none}.Settings__Billing__Section h4{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 20px;font-size:18px;font-weight:700}.Settings__Billing__PlanRow{align-items:center;gap:20px;display:flex}.Settings__Billing__PlanIcon{flex-shrink:0}.Settings__Billing__PlanIcon svg{display:block}.Settings__Billing__PlanInfo{flex-direction:column;flex:1;gap:2px;display:flex}.Settings__Billing__PlanName{color:var(--color-text-primary);letter-spacing:-.01em;font-size:18px;font-weight:700}.Settings__Billing__PlanDesc{color:var(--color-text-secondary);font-size:14px;line-height:1.4}.Settings__Billing__PlanRenewal{color:var(--color-text-tertiary);margin-top:2px;font-size:14px;line-height:1.4}.Settings__Billing__PaymentRow{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.Settings__Billing__PaymentLeft{color:var(--color-text-secondary);align-items:center;gap:12px;display:flex}.Settings__Billing__PaymentLeft svg{flex-shrink:0}.Settings__Billing__PaymentText{color:var(--color-text-primary);font-size:15px}.Settings__Billing__PaymentEmpty{color:var(--color-text-tertiary);font-size:14px}.Settings__Billing__OutlineBtn{border:1px solid var(--color-border-hover);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.Settings__Billing__OutlineBtn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.Settings__Billing__OutlineBtn:disabled{opacity:.5;cursor:not-allowed}.Settings__Billing__Table{border-collapse:collapse;width:100%}.Settings__Billing__Table th{text-align:left;color:var(--color-text-secondary);border-bottom:none;padding:12px 0;font-size:14px;font-weight:600}.Settings__Billing__Table td{color:var(--color-text-primary);vertical-align:middle;padding:16px 0;font-size:15px}.Settings__Billing__Table tbody tr{border-top:1px solid var(--color-border-subtle)}.Settings__Billing__Link{color:var(--color-text-secondary);text-underline-offset:2px;cursor:pointer;font-size:14px;text-decoration:underline}.Settings__Billing__Link:hover{color:var(--color-text-primary)}.Settings__Billing__EmptyText{color:var(--color-text-tertiary);margin:0;padding:8px 0;font-size:14px}.Settings__Billing__CancelRow{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.Settings__Billing__CancelText{color:var(--color-text-secondary);font-size:15px}.Settings__Billing__DangerBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#d9534f;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.Settings__Billing__DangerBtn:hover{background:#c9302c}.Settings__Billing__DangerBtn:disabled{opacity:.6;cursor:not-allowed}.Settings__Billing__CancelConfirm p{color:var(--color-text-secondary);margin:0 0 12px;font-size:14px;line-height:1.5}.Settings__Billing__CancelActions{gap:8px;display:flex}@media (max-width:640px){.Settings__Content{flex-direction:column;gap:20px;padding:16px 20px}.Settings__Nav{flex-direction:row;gap:4px;width:100%;position:static;overflow-x:auto}.Settings__NavItem{flex-shrink:0}.Settings__Header{padding:24px 20px 0}.Settings__Header h1{font-size:20px}.Settings__ThemeOptions{flex-direction:column}.Settings__EmptyState{min-height:200px}}
.Legal{background:var(--color-bg-base);min-height:100vh;transition:margin-left .2s}.Legal__Header{padding:32px 40px 0}.Legal__Header h1{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.Legal__BackBtn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.Legal__BackBtn:hover{color:var(--color-text-primary)}.Legal__Content{gap:40px;max-width:960px;padding:24px 40px;display:flex}.Legal__Nav{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:2px;width:200px;display:flex;position:sticky;top:32px}.Legal__NavItem{cursor:pointer;width:100%;color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.Legal__NavItem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.Legal__NavItem--active{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.Legal__NavItem--active:hover{background:var(--color-accent-muted);color:var(--color-accent-primary)}.Legal__Panel{flex:1;min-width:0}.Legal__Document__Header{margin-bottom:32px}.Legal__Document__Header h2{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:700}.Legal__Document__Date{color:var(--color-text-tertiary);margin:0;font-size:13px}.Legal__Document__Section{margin-bottom:28px}.Legal__Document__Section h3{color:var(--color-text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.Legal__Document__Section p{color:var(--color-text-secondary);margin:0 0 12px;font-size:14px;line-height:1.7}.Legal__Document__Section ol,.Legal__Document__Section ul{margin:0;padding-left:20px}.Legal__Document__Section ol li,.Legal__Document__Section ul li{color:var(--color-text-secondary);margin-bottom:6px;font-size:14px;line-height:1.7}.Legal__Document__Table{margin:12px 0;overflow-x:auto}.Legal__Document__Table table{border-collapse:collapse;width:100%}.Legal__Document__Table table th{text-align:left;color:var(--color-text-secondary);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default);padding:10px 14px;font-size:13px;font-weight:600}.Legal__Document__Table table td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);padding:10px 14px;font-size:13px;line-height:1.6}.Legal__Document__Footer{border-top:1px solid var(--color-border-subtle);margin-top:40px;padding-top:20px}.Legal__Document__Footer p{color:var(--color-text-tertiary);margin:0;font-size:13px;font-style:italic}@media (max-width:640px){.Legal__Content{flex-direction:column;gap:20px;padding:16px 20px}.Legal__Nav{flex-direction:row;gap:4px;width:100%;position:static;overflow-x:auto}.Legal__NavItem{flex-shrink:0}.Legal__Header{padding:24px 20px 0}.Legal__Header h1{font-size:20px}}
.Support{background:var(--color-bg-base);min-height:100vh;transition:margin-left .2s}.Support__Header{max-width:800px;padding:32px 40px 0}.Support__Header h1{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:600}.Support__BackBtn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.Support__BackBtn:hover{color:var(--color-text-primary)}.Support__Description{color:var(--color-text-tertiary);margin:0;font-size:14px;line-height:1.5}.Support__Content{max-width:800px;padding:28px 40px 40px}.Support__Cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px;display:grid}.Support__Card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:10px;flex-direction:column;gap:14px;padding:20px;transition:all .15s;display:flex}.Support__Card:hover{border-color:var(--color-border-hover)}.Support__Card__Icon{background:var(--color-accent-subtle);width:40px;height:40px;color:var(--color-accent-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.Support__Card__Info{flex-direction:column;gap:4px;display:flex}.Support__Card__Info h3{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.Support__Card__Info p{color:var(--color-text-tertiary);margin:0;font-size:12px;line-height:1.5}.Support__Card__Link{color:var(--color-accent-primary);align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.Support__Card__Link:hover{opacity:.8}.Support__Card__Badge{width:fit-content;color:var(--color-text-tertiary);background:var(--color-bg-hover);border-radius:4px;align-items:center;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.Support__Form__Wrapper h2{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 20px;font-size:18px;font-weight:600}.Support__Form{flex-direction:column;gap:16px;display:flex}.Support__Form__Group{flex-direction:column;gap:6px;display:flex}.Support__Form__Group label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:12px;font-weight:500}.Support__Form__Group input,.Support__Form__Group select,.Support__Form__Group textarea{background:var(--color-bg-input);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:6px;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s}.Support__Form__Group input:focus,.Support__Form__Group select:focus,.Support__Form__Group textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.Support__Form__Group input::placeholder,.Support__Form__Group select::placeholder,.Support__Form__Group textarea::placeholder{color:var(--color-text-tertiary)}.Support__Form__Group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.Support__Form__Group textarea{resize:vertical;min-height:120px}.Support__Form__Actions{justify-content:flex-end;margin-top:4px;display:flex}.Support__Form__SubmitBtn{background:var(--color-accent-primary);color:var(--color-text-on-accent);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 24px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.Support__Form__SubmitBtn:hover:not(:disabled){background:var(--color-accent-hover)}.Support__Form__SubmitBtn:disabled{opacity:.5;cursor:not-allowed}.Support__Form__Success{text-align:center;color:var(--color-accent-primary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.Support__Form__Success h3{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:600}.Support__Form__Success p{color:var(--color-text-secondary);margin:0;font-size:14px}.Support__Form__ResetBtn{border:1px solid var(--color-border-hover);color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:6px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.Support__Form__ResetBtn:hover{background:var(--color-bg-hover)}.Support__History{margin-top:40px}.Support__History h2{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 20px;font-size:18px;font-weight:600}.Support__History__Loading{color:var(--color-text-tertiary);justify-content:center;padding:40px 0;display:flex}.Support__History__Empty{text-align:center;color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.Support__History__Empty p{margin:0;font-size:14px}.Support__History__List{background:var(--color-border-default);border:1px solid var(--color-border-default);border-radius:10px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.Support__History__Item{background:var(--color-bg-elevated)}.Support__History__Item__Header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.Support__History__Item__Header:hover{background:var(--color-bg-hover)}.Support__History__Item__Info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.Support__History__Item__Title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.Support__History__Item__Meta{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;gap:10px;display:flex}.Support__History__Item__Date{color:var(--color-text-tertiary);font-size:12px}.Support__History__Item__Detail{padding:0 16px 16px}.Support__History__Item__Message{background:var(--color-bg-base);border-radius:6px;margin-bottom:12px;padding:12px}.Support__History__Item__Message p{color:var(--color-text-primary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.Support__History__Item__Reply{background:var(--color-bg-base);border-left:3px solid var(--color-accent-primary);border-radius:0 6px 6px 0;padding:12px}.Support__History__Item__Reply p{color:var(--color-text-primary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.Support__History__Item__Label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600}.Support__History__StatusBadge{border-radius:10px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.Support__History__StatusBadge--pending{color:#d97706;background:#f59e0b1a}.Support__History__StatusBadge--done{color:#16a34a;background:#22c55e1a}.Support__Spinner{animation:1s linear infinite supportSpin}@keyframes supportSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.Support__Header{padding:24px 20px 0}.Support__Header h1{font-size:20px}.Support__Content{padding:20px}.Support__Cards{grid-template-columns:1fr}}
.ProjectNavHeader{background-color:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:12px;height:32px;padding:0 16px;display:flex}.ProjectNavHeader__NavButtons{align-items:center;gap:2px;display:flex}.ProjectNavHeader__NavBtn{width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.ProjectNavHeader__NavBtn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.ProjectNavHeader__NavBtn:active{background-color:var(--color-bg-active)}.ProjectNavHeader__NavBtn:disabled{opacity:.3;cursor:not-allowed}.ProjectNavHeader__NavBtn:disabled:hover{color:var(--color-text-secondary);background:0 0}.ProjectNavHeader__Breadcrumbs{align-items:center;gap:4px;font-size:13px;display:flex;overflow:hidden}.ProjectNavHeader__Separator{color:var(--color-text-tertiary);flex-shrink:0}.ProjectNavHeader__Crumb{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.ProjectNavHeader__Crumb--link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;transition:all .15s}.ProjectNavHeader__Crumb--link:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.ProjectNavHeader__Crumb--current{color:var(--color-text-primary);padding:2px 6px;font-weight:500}
.PlaygroundNavHeader{background:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle);z-index:100;flex-shrink:0;align-items:center;height:32px;padding:0 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;display:flex;position:relative}.PlaygroundNavHeader__Logo{width:28px;height:28px;color:var(--color-accent-primary);cursor:pointer;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.PlaygroundNavHeader__Logo:hover{opacity:.8}.PlaygroundNavHeader__Logo svg{width:16px;height:16px}.PlaygroundNavHeader__Menus{align-items:center;gap:2px;margin-left:8px;display:flex}.PlaygroundNavHeader__Menu{color:var(--color-text-secondary);cursor:default;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;position:relative}.PlaygroundNavHeader__Menu:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.PlaygroundNavHeader__Menu--active{background:var(--color-bg-elevated);color:var(--color-text-primary)}.PlaygroundNavHeader__Menu__Label{-webkit-user-select:none;user-select:none}.PlaygroundNavHeader__Dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);min-width:180px;box-shadow:var(--shadow-elevated);z-index:1000;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 4px);left:0}.PlaygroundNavHeader__Dropdown__Item{color:var(--color-text-secondary);cursor:default;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;transition:all .1s;display:flex}.PlaygroundNavHeader__Dropdown__Item:hover{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.PlaygroundNavHeader__Dropdown__Item:hover .shortcut{color:var(--color-text-on-accent)}.PlaygroundNavHeader__Dropdown__Item .shortcut{color:var(--color-text-tertiary);margin-left:20px;font-family:SF Mono,Consolas,monospace;font-size:11px}.PlaygroundNavHeader__Dropdown__Separator{background:var(--color-border-subtle);height:1px;margin:6px 10px}.PlaygroundNavHeader__Backdrop{z-index:99;position:fixed;inset:0}
.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 .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__Loading p{font-size:14px}.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__Title .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__Header__FileUpload{align-items:center;gap:12px;margin-left:auto;margin-right:20px;display:flex}.DockingViewer__Header__FileUpload .fileUploadItem{align-items:center;gap:8px;display:flex}.DockingViewer__Header__FileUpload .fileUploadItem .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__Header__FileUpload .fileUploadItem .fileUploadBtn svg{width:14px;height:14px}.DockingViewer__Header__FileUpload .fileUploadItem .fileUploadBtn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.DockingViewer__Header__FileUpload .fileUploadItem .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__Header__FileUpload .fileUploadItem .fileName svg{flex-shrink:0;width:12px;height:12px}.DockingViewer__Header__FileUpload .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__Header__FileUpload .resetBtn svg{width:14px;height:14px}.DockingViewer__Header__FileUpload .resetBtn:hover{background:var(--color-danger);color:var(--color-text-on-accent)}.DockingViewer__Header__Actions{gap:8px;display:flex}.DockingViewer__Header__Actions .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__Header__Actions .iconBtn svg{width:20px;height:20px}.DockingViewer__Header__Actions .iconBtn:hover{background:var(--color-border-hover);color:var(--color-text-on-accent);border-color:var(--color-border-hover)}.DockingViewer__Header__Actions .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{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.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__InfoOverlay{border:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f0f0ff2;border-radius:8px;min-width:200px;padding:16px;position:absolute;top:16px;left:16px}.DockingViewer__InfoOverlay h3{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:600}.DockingViewer__InfoOverlay .infoSection{margin-bottom:12px}.DockingViewer__InfoOverlay .infoSection:last-child{margin-bottom:0}.DockingViewer__InfoOverlay .infoSection h4{color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px;font-size:11px;font-weight:600}.DockingViewer__InfoOverlay .infoSection p{color:var(--color-text-secondary);margin:4px 0;font-size:12px}.DockingViewer__InfoOverlay .infoSection p strong{color:var(--color-text-primary);font-weight:500}.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 .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__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__LayerActions .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__LayerActions .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 .settingRow{align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex;overflow:hidden}.DockingViewer .settingSection .settingRow:last-child{margin-bottom:0}.DockingViewer .settingSection .settingRow label{color:var(--color-text-secondary);flex-shrink:0;min-width:90px;font-size:13px}.DockingViewer .settingSection .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 .settingSection .settingRow select:focus{border-color:var(--color-accent-primary);outline:none}.DockingViewer .settingSection .settingRow select:disabled{opacity:.4;cursor:not-allowed}.DockingViewer .settingSection .settingRow select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.DockingViewer .settingSection .settingRow input[type=range]{background:var(--color-border-default);appearance:none;cursor:pointer;border-radius:2px;flex:1;height:4px}.DockingViewer .settingSection .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 .settingSection .settingRow input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.DockingViewer .settingSection .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 .settingSection .settingRow input[type=color]::-webkit-color-swatch-wrapper{padding:0}.DockingViewer .settingSection .settingRow input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.DockingViewer .settingSection .settingRow .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 .settingSection .toggle{cursor:pointer;align-items:center;gap:12px;width:100%;margin-bottom:10px;display:flex}.DockingViewer .settingSection .toggle:last-child{margin-bottom:0}.DockingViewer .settingSection .toggle input{display:none}.DockingViewer .settingSection .toggle .toggleSlider{background:var(--color-border-default);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.DockingViewer .settingSection .toggle .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 .settingSection .toggle input:checked+.toggleSlider{background:var(--color-accent-primary)}.DockingViewer .settingSection .toggle input:checked+.toggleSlider:after{background:#fff;left:calc(100% - 18px)}.DockingViewer .settingSection .toggle .toggleLabel{color:var(--color-text-primary);font-size:13px}.DockingViewer .settingSection .styleOptions{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;display:grid}.DockingViewer .settingSection .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 .settingSection .styleOptions button:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.DockingViewer .settingSection .styleOptions button.active{background:var(--color-accent-subtle);color:var(--color-accent-primary);border-color:#5e6ad24d}.DockingViewer .settingSection .styleOptions button:disabled{opacity:.4;cursor:not-allowed}.DockingViewer .settingSection .colorPresets{gap:6px;margin-bottom:12px;display:flex}.DockingViewer .settingSection .colorPresets .colorBtn{cursor:pointer;border:2px solid #0000;border-radius:4px;width:28px;height:28px;transition:all .15s}.DockingViewer .settingSection .colorPresets .colorBtn:hover{transform:scale(1.1)}.DockingViewer .settingSection .colorPresets .colorBtn.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #5e6ad24d}.DockingViewer .settingSection--hbond{border-color:#ffd70026;overflow:visible}.DockingViewer .settingSection--hbond h3 svg{color:gold!important}.DockingViewer .settingSection .hbondStatus{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.DockingViewer .settingSection .hbondStatus--loading{color:gold;background:#ffd70014}.DockingViewer .settingSection .hbondStatus--loading .miniSpinner{border:2px solid #ffd70033;border-top-color:gold;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.DockingViewer .settingSection .hbondStatus--error{background:var(--color-danger-subtle);color:var(--color-danger);flex-wrap:wrap}.DockingViewer .settingSection .hbondStatus--error span{flex:1;min-width:0}.DockingViewer .settingSection .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 .settingSection .hbondStatus--error button:hover{background:var(--color-danger);color:var(--color-text-on-accent)}.DockingViewer .settingSection .hbondStatus--success{color:var(--color-status-active);background:#3ecf8e14;font-weight:500}.DockingViewer .settingSection .hbondStatus--info{color:var(--color-accent-primary);background:#5e6ad214}.DockingViewer .settingSection .hbondStatus--info svg{vertical-align:middle}.DockingViewer .settingSection .hbondColorPicker{flex:1;justify-content:flex-end;gap:6px;display:flex}.DockingViewer .settingSection .hbondColorPicker .colorDot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:all .15s}.DockingViewer .settingSection .hbondColorPicker .colorDot:hover{transform:scale(1.15)}.DockingViewer .settingSection .hbondColorPicker .colorDot.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-border-hover)}.DockingViewer .settingSection .hbondList{border-top:1px solid var(--color-border-subtle);margin-top:12px;padding-top:12px}.DockingViewer .settingSection .hbondList h4{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:11px;font-weight:600}.DockingViewer .settingSection .hbondList .hbondListScroll{max-height:180px;overflow-y:auto}.DockingViewer .settingSection .hbondList .hbondListScroll::-webkit-scrollbar{width:4px}.DockingViewer .settingSection .hbondList .hbondListScroll::-webkit-scrollbar-track{background:0 0}.DockingViewer .settingSection .hbondList .hbondListScroll::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:2px}.DockingViewer .settingSection .hbondList .hbondItem{border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;transition:background .1s;display:flex}.DockingViewer .settingSection .hbondList .hbondItem:hover{background:var(--color-bg-hover)}.DockingViewer .settingSection .hbondList .hbondItem__residue{color:gold;min-width:72px;font-family:SF Mono,Consolas,monospace;font-weight:600}.DockingViewer .settingSection .hbondList .hbondItem__atoms{color:var(--color-text-secondary);white-space:nowrap;flex:1}.DockingViewer .settingSection .hbondList .hbondItem__distance{color:var(--color-text-primary);text-align:right;min-width:48px;font-family:SF Mono,Consolas,monospace;font-weight:500}.DockingViewer .settingSection .quickActions{flex-direction:column;gap:6px;display:flex}.DockingViewer .settingSection .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 .settingSection .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:#5e6ad233}.DockingViewer .layerItem--hidden{opacity:.5}.DockingViewer .layerItem--hidden .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}@keyframes spin{to{transform:rotate(360deg)}}@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}}
.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__FileIcon{align-items:center;display:flex}.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}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.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__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__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}@keyframes aiChatDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.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}.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}.Playground__DockingViewerApp{width:100%;height:100%;position:relative}.Playground__DockingViewerApp .DockingViewer{width:100%;height:100%}.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__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__Toolbar__Actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.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__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__Header__Actions{gap:8px;display:flex}.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)}.PlaygroundNavHeader__ActiveTab{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-left:auto;padding-right:12px;font-size:12px;overflow:hidden}
@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-input);border:1px solid var(--color-border-default);width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13px;transition:all .15s;display:flex}.CustomSelect__Trigger:hover{border-color:var(--color-border-hover,var(--color-border-default))}.CustomSelect__Trigger--open{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-subtle)}.CustomSelect__Value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.CustomSelect__Placeholder{color:var(--color-text-tertiary,#6b7280);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.CustomSelect__Arrow{color:var(--color-text-tertiary,#6b7280);flex-shrink:0;transition:transform .2s}.CustomSelect__Arrow--open{transform:rotate(180deg)}.CustomSelect__Dropdown{background:var(--color-bg-elevated,var(--color-bg-input));border:1px solid var(--color-border-default);z-index:100;border-radius:8px;animation:.15s customSelectFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.CustomSelect__Search{border-bottom:1px solid var(--color-border-default);align-items:center;gap:8px;padding:8px 10px;display:flex}.CustomSelect__SearchIcon{color:var(--color-text-tertiary,#6b7280);flex-shrink:0}.CustomSelect__SearchInput{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.CustomSelect__SearchInput::placeholder{color:var(--color-text-tertiary,#6b7280)}.CustomSelect__Options{max-height:220px;padding:4px;overflow-y:auto}.CustomSelect__Options::-webkit-scrollbar{width:4px}.CustomSelect__Options::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:2px}.CustomSelect__Option{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 10px;font-size:13px;transition:background .1s;display:block}.CustomSelect__Option:hover{background:var(--color-bg-hover,#80808014)}.CustomSelect__Option--selected{color:var(--color-accent-primary);background:var(--color-accent-subtle,#6366f114);font-weight:500}.CustomSelect__Empty{text-align:center;color:var(--color-text-tertiary,#6b7280);padding:16px 10px;font-size:13px}.CustomSelect--compact{width:auto;min-width:80px}.CustomSelect--compact .CustomSelect__Trigger{background:var(--color-bg-elevated,var(--color-bg-input));color:var(--color-text-secondary);border-right:none;border-radius:6px 0 0 6px;gap:4px;padding:9px 8px;font-weight:500}.CustomSelect--compact .CustomSelect__Dropdown{min-width:100px}.Index .CustomSelect__Trigger{color:#fff;background-color:#13102e;border:1px solid #8b5cf633;border-radius:12px;padding:14px 16px;font-size:14px}.Index .CustomSelect__Trigger:hover{border-color:#8b5cf666}.Index .CustomSelect__Trigger--open{background-color:#1a1640;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.Index .CustomSelect__Placeholder,.Index .CustomSelect__Arrow{color:#6b7280}.Index .CustomSelect__Dropdown{background:#1a1640;border-color:#8b5cf64d;box-shadow:0 12px 32px #00000080}.Index .CustomSelect__Search{border-bottom-color:#8b5cf626}.Index .CustomSelect__SearchIcon{color:#6b7280}.Index .CustomSelect__SearchInput{color:#fff}.Index .CustomSelect__SearchInput::placeholder{color:#6b7280}.Index .CustomSelect__Options::-webkit-scrollbar-thumb{background:#8b5cf64d}.Index .CustomSelect__Option{color:#ffffffd9}.Index .CustomSelect__Option:hover{background:#8b5cf626}.Index .CustomSelect__Option--selected{color:#a78bfa;background:#8b5cf61a}.Index .CustomSelect__Empty{color:#6b7280}.Index .CustomSelect--compact .CustomSelect__Trigger{color:#a78bfa;background-color:#8b5cf61a;border:1px solid #8b5cf633;border-right:none;border-radius:12px 0 0 12px;padding:14px 8px;font-weight:500}