*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;width:240px;min-width:240px;height:100vh;display:flex;overflow-y:auto}.sidebar-header{text-align:center;border-bottom:1px solid #e2e8f0;padding:32px 20px 20px}.sidebar-logo{margin-bottom:8px;font-size:40px}.sidebar-title{color:#1a1a2e;letter-spacing:1px;margin:0;font-size:18px;font-weight:700}.sidebar-subtitle{color:#94a3b8;margin:4px 0 0;font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex}.sidebar-link{color:#475569;border-radius:8px;align-items:center;gap:12px;margin:0 8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#1e293b;background:#f1f5f9}.sidebar-link.active{color:#4f46e5;background:#eef2ff;font-weight:600}.sidebar-link.active:before{content:"";background:#4f46e5;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-link-icon{text-align:center;flex-shrink:0;width:32px;font-size:22px}.sidebar-agent-icon{object-fit:cover;border-radius:8px;width:32px;height:32px;display:block}.sidebar-link-label{white-space:nowrap}.sidebar-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;padding:16px 20px;font-size:11px}.sidebar-section-label{letter-spacing:1px;color:#94a3b8;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:20px 20px 6px;font-size:11px;font-weight:600}.sidebar-section-divider{background:#e2e8f0;height:1px;margin:8px 20px}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background:#e8edf2;flex:1;overflow:hidden}.experiment-page{background:#fff;border-radius:12px;flex-direction:column;height:100%;margin:16px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.experiment-header{background:linear-gradient(135deg,#fafcff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;border-left:4px solid #4f46e5;flex-shrink:0;padding:16px 24px 16px 20px}.experiment-header h2{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.experiment-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.experiment-iframe-wrapper{background:#fafbfc;flex:1;overflow:hidden}.experiment-iframe{border:none;width:100%;height:100%;display:block}