.ts-playground .playground-content{display:flex;flex-direction:column;gap:16px}.ts-playground .file-explorer .file-list .file-item{padding:8px 12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;border:1px solid transparent}.ts-playground .file-explorer .file-list .file-item:hover{background:var(--teb-primary-tint);border-color:#5b4bff33}.ts-playground .file-explorer .file-list .file-item.active{background:var(--teb-primary-tint);border-color:var(--teb-primary);font-weight:500}.ts-playground .file-explorer .file-list .file-item .ant-btn{opacity:0;transition:opacity .15s ease}.ts-playground .file-explorer .file-list .file-item:hover .ant-btn{opacity:1}.ts-playground .code-editor .code-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-family:var(--teb-font-mono);font-size:13px;line-height:1.55;padding:16px;background:var(--teb-canvas);color:var(--teb-ink)}.ts-playground .code-editor .code-textarea::placeholder{color:var(--teb-ink-faint)}.ts-playground .code-editor .code-textarea:focus{background:var(--teb-surface)}.ts-playground .preview-panel .preview-container{border:1px solid var(--teb-hairline);border-radius:8px;overflow:hidden}.ts-playground .preview-panel .preview-container .preview-iframe{width:100%;height:100%;border:none;background:#fff}.ts-playground .error-panel{background:#e5484d0f;border:1px solid rgba(229,72,77,.2);border-radius:8px;padding:8px;margin-bottom:8px}.ts-playground .error-panel .error-title{color:var(--teb-error)}.ts-playground .error-panel .error-item{font-size:12px;color:var(--teb-error)}.ts-playground .warning-panel{background:#f5a6230f;border:1px solid rgba(245,166,35,.2);border-radius:8px;padding:8px}.ts-playground .warning-panel .warning-title{color:var(--teb-warning)}.ts-playground .warning-panel .warning-item{font-size:12px;color:var(--teb-warning)}.ts-playground .file-item{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ts-playground .file-list::-webkit-scrollbar{width:6px}.ts-playground .file-list::-webkit-scrollbar-track{background:var(--teb-canvas);border-radius:3px}.ts-playground .file-list::-webkit-scrollbar-thumb{background:var(--teb-hairline);border-radius:3px}.ts-playground .file-list::-webkit-scrollbar-thumb:hover{background:var(--teb-primary)}@media (max-width: 768px){.ts-playground .file-explorer,.ts-playground .code-editor,.ts-playground .preview-panel{height:auto;min-height:300px;margin-bottom:16px}}