.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}
.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}