@font-face{font-family:MimicDisplay;src:url('/showcase/display.woff2') format('woff2');font-weight:300 700;font-display:swap}
html[data-design=research]{font-size:14px;--radius:12px}
html[data-design=research] body{background:var(--bg);color:var(--ink)}
html[data-design=research] ::selection{background:var(--accent-soft);color:var(--ink)}
html[data-design=research] input,html[data-design=research] textarea{caret-color:var(--blue)}
html[data-design=research] .app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:76px 1fr;min-height:100vh}
html[data-design=research] .topbar{grid-column:1/-1;grid-row:1;position:sticky;top:0;z-index:60;display:flex;height:76px;padding:0 28px;gap:26px;background:var(--bg);border-bottom:1px solid var(--line);justify-content:initial}
html[data-design=research] .topbar .brand{font-family:'Microsoft YaHei UI','PingFang SC',sans-serif;font-size:25px;letter-spacing:.04em;line-height:1.3;white-space:nowrap;gap:10px;flex-shrink:0}
html[data-design=research] .topbar .brand-sub{display:none}
html[data-design=research] .brandmark{height:25px;gap:4px}
html[data-design=research] .brandmark span{height:18px;width:4px;background:var(--ink)}
html[data-design=research] .brandmark span:nth-child(2){height:25px}
html[data-design=research] .brandmark span:nth-child(3){height:21px}
html[data-design=research] .hub-global-search{margin-left:auto;order:0;min-width:0;width:min(300px,24vw);height:38px;background:var(--surface);border:1px solid var(--line);border-radius:7px}
html[data-design=research] .hub-global-search input{font-size:12px;min-width:0;width:100%;padding:0 12px;color:var(--ink)}
html[data-design=research] .studio-workspace-nav{display:flex;align-items:center;gap:19px;order:0;margin:0;flex-shrink:0}
html[data-design=research] .studio-workspace-nav button,html[data-design=research] .studio-workspace-nav a{font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:none;border:0;padding:9px 0;border-radius:0;text-decoration:none;display:flex;align-items:center;gap:3px}
html[data-design=research] .studio-workspace-nav [aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px var(--blue)}
html[data-design=research] .studio-workspace-nav button:hover,html[data-design=research] .studio-workspace-nav a:hover{color:var(--blue)}
html[data-design=research] .studio-workspace-nav .icon{width:13px;height:13px;transform:rotate(-45deg)}
html[data-design=research] .top-actions{margin-left:0;gap:9px}
html[data-design=research] .top-actions .btn{font-size:12px;padding:6px 9px;min-height:34px}
html[data-design=research] .top-actions .environment,html[data-design=research] .top-actions .local-time,html[data-design=research] .top-actions .top-divider,html[data-design=research] .top-actions>.icon-button{display:none}
html[data-design=research] .sidebar{grid-column:1;grid-row:2;position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;width:224px;height:calc(100vh - 76px);padding:22px 15px 16px;background:var(--bg);border:0;border-right:1px solid var(--line);gap:0;overflow:visible;z-index:40}
html[data-design=research] .workspace-switcher{width:100%;margin:0 0 25px;max-width:none}
html[data-design=research] .workspace{height:62px!important;padding:11px 12px!important;border-radius:9px;background:var(--surface);box-shadow:none}
html[data-design=research] .workspace-copy{display:flex!important;flex-direction:column;gap:4px;align-items:start}
html[data-design=research] .workspace strong{font-size:13px}
html[data-design=research] .workspace small{font-size:11px}
html[data-design=research] .workspace-mode-menu{left:0;top:70px;width:280px;border-radius:12px}
html[data-design=research] .sidebar>.nav-label{display:block;margin:0 12px 10px;padding:0;font-size:11px;letter-spacing:0;color:var(--muted)}
html[data-design=research] .sidebar nav{display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;gap:4px;width:100%;padding:0 0 15px;border:0;align-items:stretch;flex-wrap:nowrap;flex:1}
html[data-design=research] .sidebar .nav-item,html[data-design=research] .sidebar .research-utility{width:100%;min-height:41px;height:auto;padding:10px 12px;gap:11px;justify-content:flex-start;font-size:13px;border:0;border-radius:7px;color:var(--muted);background:none;white-space:nowrap;box-shadow:none}
html[data-design=research] .sidebar .nav-item .icon{display:block;width:17px;height:17px;flex-shrink:0}
html[data-design=research] .sidebar .nav-item span:not(.new-dot):not(.beta){display:block!important}
html[data-design=research] .sidebar .nav-item.active{background:var(--accent-soft);color:var(--blue);font-weight:600;box-shadow:none}
html[data-design=research] .sidebar .nav-item:hover{background:var(--surface);color:var(--ink)}
html[data-design=research] .sidebar .nav-count{margin-left:auto;font-size:10px;min-width:20px;background:none;color:var(--muted)}
html[data-design=research] .sidebar .new-dot,html[data-design=research] .sidebar .beta{display:none}
html[data-design=research] .sidebar .nav-divider{width:100%;height:1px;margin:14px 0 10px;display:block;background:var(--line)}
html[data-design=research] .sidebar-bottom{display:block;margin-top:10px;padding:13px 12px 0;border-top:1px solid var(--line)}
html[data-design=research] .sidebar-bottom .profile{display:none}
html[data-design=research] .local-note{background:none;box-shadow:none;border:0;padding:0;font-size:11px;color:var(--muted)}
html[data-design=research] .local-note small{display:block;line-height:1.7;margin-top:5px;font-size:10px}
html[data-design=research] .local-version{display:none}
html[data-design=research] .main-shell{grid-column:2;grid-row:2;margin:0;min-width:0;width:100%;min-height:calc(100vh - 76px)}
html[data-design=research] .main-shell main{max-width:1600px;padding:33px 32px 40px;margin:0 auto}
html[data-design=research] .page-heading,html[data-design=research] .lab-page-head{margin:0 0 24px;padding:0;align-items:flex-start}
html[data-design=research] .page-heading h1,html[data-design=research] .lab-page-head h1{font-size:27px;line-height:1.4;letter-spacing:-.025em;font-weight:650;margin:0 0 8px}
html[data-design=research] .page-heading p,html[data-design=research] .lab-page-head p{font-size:13px;line-height:1.75;max-width:68ch}
html[data-design=research] .panel,html[data-design=research] .lab-section,html[data-design=research] .voice-panel{border-radius:12px;background:var(--surface);box-shadow:none}
html[data-design=research] .panel-header{padding:18px 20px}
html[data-design=research] .panel-title{font-size:14px;gap:8px}
html[data-design=research] .form-body{padding:20px}
html[data-design=research] .btn{border-radius:7px;min-height:36px;font-size:12px;padding:8px 13px;gap:7px;box-shadow:none;transition:background .18s,border-color .18s,color .18s}
html[data-design=research] .btn.primary{background:var(--blue);color:var(--accent-text);border-color:var(--blue);box-shadow:none}
html[data-design=research] .btn:hover{border-color:var(--blue)}
html[data-design=research] .input,html[data-design=research] .field input,html[data-design=research] .field select,html[data-design=research] .field textarea{font-size:13px;border-radius:6px}
html[data-design=research] .footer{padding:16px 32px;font-size:10px;background:none}
html[data-design=research] .expression-page{grid-template-columns:242px minmax(0,1fr);gap:20px}
html[data-design=research] .research-expression-library .expression-preview{max-height:630px}
html[data-design=research] .research-expression-library .expression-tile{grid-template-columns:38px 1fr;gap:3px 12px;padding:14px 16px;border:0;min-height:72px}
html[data-design=research] .research-expression-library .expression-tile.selected{box-shadow:inset 2px 0 var(--blue)}
html[data-design=research] .research-expression-library .expression-tile svg{width:36px;height:36px}
html[data-design=research] .research-expression-library .expression-tile strong{font-size:13px}
html[data-design=research] .research-expression-library .expression-tile small{font-size:11px}
html[data-design=research] .research-expression-library .expression-asset-actions{padding:5px 16px 12px 66px}
html[data-design=research] .research-expression-library .expression-asset-actions button{font-size:11px}
html[data-design=research] .research-expression-stage{grid-template-columns:minmax(0,1fr) 268px;min-height:440px}
html[data-design=research] .research-expression-stage .device-canvas{height:auto!important;min-height:440px;background:var(--surface)}
html[data-design=research] .research-expression-stage .form-body{padding:22px!important}
html[data-design=research] .studio-pose-preview{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(150px,1fr);gap:20px;padding:24px;height:auto!important;min-height:300px;position:relative;overflow:hidden;background:var(--surface);align-items:center}
html[data-design=research] .research-expression-stage .studio-pose-preview{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px}
html[data-design=research] .studio-reference{position:relative;height:255px;min-width:0;overflow:hidden;background:var(--bg);border-radius:8px}
html[data-design=research] .studio-reference img{width:100%;height:100%;object-fit:contain;display:block}
html[data-design=research] .studio-reference>span{position:absolute;bottom:9px;left:10px;padding:4px 7px;font-size:10px;background:var(--surface);color:var(--muted);border-radius:4px}
html[data-design=research] .studio-pose-title>span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
html[data-design=research] .studio-pose-title>strong{display:block;font-size:19px;font-weight:600}
html[data-design=research] .studio-channel-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 10px}
html[data-design=research] .studio-channel-groups>div{padding:0 0 10px;border-bottom:1px solid var(--line)}
html[data-design=research] .studio-channel-groups span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}
html[data-design=research] .studio-channel-groups strong{font-size:12px;display:block;font-weight:500}
html[data-design=research] .studio-channel-groups small{font-size:10px;display:block;margin-top:7px;color:var(--muted);line-height:1.6}
html[data-design=research] .studio-channel-groups b{display:block;font-size:12px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
html[data-design=research] .studio-pose-summary p{font-size:11px;line-height:1.7;margin:12px 0;color:var(--muted)}
html[data-design=research] .research-expression-stage .studio-reference{height:240px}
html[data-design=research] .research-expression-stage .studio-pose-title>span{display:none}
html[data-design=research] .research-expression-stage .studio-channel-groups{margin:13px 0 0}
html[data-design=research] .timeline-section{margin-top:26px}
html[data-design=research] .hub-motor-layout{grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
html[data-design=research] .hub-motor-aside{min-width:0;align-self:start;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);padding:0}
html[data-design=research] .hub-motor-aside img{display:block;width:100%;height:240px;margin:0;object-fit:cover}
html[data-design=research] .hub-motor-aside h2{margin:20px 20px 12px;font-size:22px;line-height:1.45;font-weight:600;color:var(--ink)}
html[data-design=research] .hub-motor-aside p{margin:0 20px;font-size:15px;line-height:1.85;color:var(--muted)}
html[data-design=research] .hub-motor-aside small{display:block;margin:16px 20px 20px;font-size:13px;line-height:1.7;color:var(--muted)}
html[data-design=research] .hub-motor-aside :is(h2,p,small){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html[data-design=research] .motor-card{grid-template-columns:1fr;gap:8px;padding:17px;align-items:start}
html[data-design=research] .motor-head{font-size:13px}
html[data-design=research] .motor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-design=research] .flow-workspace,html[data-design=research] .hub-library-workspace,html[data-design=research] .hub-console-workspace{border-radius:12px;overflow:hidden}
html[data-design=research] .hub-rule-card{border-left:0}
@media(max-width:1250px){
html[data-design=research] .topbar{gap:19px;padding:0 22px}
html[data-design=research] .top-actions .feedback-open{display:none}
html[data-design=research] .studio-workspace-nav{gap:15px}
html[data-design=research] .main-shell main{padding:27px 24px 36px}
html[data-design=research] .research-expression-stage{grid-template-columns:1fr}
html[data-design=research] .research-expression-stage .device-canvas{min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px minmax(0,1fr);height:auto!important}
html[data-design=research] .research-expression-stage .studio-reference{height:230px}
}
@media(max-width:1000px){
html[data-design=research] .app-shell{grid-template-columns:192px minmax(0,1fr)}
html[data-design=research] .sidebar{width:192px;padding:20px 10px 15px}
html[data-design=research] .hub-global-search{width:210px}
html[data-design=research] .studio-workspace-nav a{display:none}
html[data-design=research] .dashboard-main,html[data-design=research] .dashboard-bottom{grid-template-columns:1fr}
html[data-design=research] .expression-page{grid-template-columns:205px minmax(0,1fr);gap:15px}
html[data-design=research] .research-expression-stage .device-canvas{display:flex}
html[data-design=research] .voice-workbench,html[data-design=research] .perf-workspace,html[data-design=research] .lab-training-grid,html[data-design=research] .research-capture-layout{grid-template-columns:1fr}
html[data-design=research] .hub-motor-layout{grid-template-columns:1fr}
html[data-design=research] .hub-motor-aside{display:none}
}
@media(max-width:740px){
html[data-design=research] .app-shell{display:block}
html[data-design=research] .topbar{height:65px;padding:0 17px;gap:16px}
html[data-design=research] .topbar .brand{font-size:23px}
html[data-design=research] .hub-global-search{display:none}
html[data-design=research] .studio-workspace-nav{margin-left:auto;gap:15px}
html[data-design=research] .studio-workspace-nav button{font-size:12px}
html[data-design=research] .top-actions{display:none}
html[data-design=research] .sidebar{position:relative;top:auto;width:100%;height:auto;padding:13px 16px 0;border-right:0;border-bottom:1px solid var(--line);z-index:40}
html[data-design=research] .workspace-switcher{margin:0 0 10px;width:220px}
html[data-design=research] .workspace{height:49px!important}
html[data-design=research] .workspace-copy{flex-direction:row;gap:9px;align-items:center}
html[data-design=research] .workspace strong{font-size:11px}
html[data-design=research] .workspace small{font-size:10px}
html[data-design=research] .workspace-mode-menu{top:55px;width:min(310px,calc(100vw - 32px))}
html[data-design=research] .sidebar>.nav-label,html[data-design=research] .sidebar-bottom,html[data-design=research] .sidebar .nav-divider{display:none}
html[data-design=research] .sidebar nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;align-items:center;padding:0 0 10px;gap:5px;flex:none}
html[data-design=research] .sidebar .nav-item{width:auto;flex-shrink:0;font-size:12px;padding:9px 11px;min-height:35px}
html[data-design=research] .sidebar .nav-item .icon,html[data-design=research] .sidebar .nav-count{display:none!important}
html[data-design=research] .main-shell main{padding:25px 16px 32px}
html[data-design=research] .page-heading,html[data-design=research] .lab-page-head{display:block}
html[data-design=research] .page-heading h1,html[data-design=research] .lab-page-head h1{font-size:24px}
html[data-design=research] .page-heading p,html[data-design=research] .lab-page-head p{font-size:12px}
html[data-design=research] .heading-actions{margin-top:14px}
html[data-design=research] .expression-page{grid-template-columns:1fr}
html[data-design=research] .research-expression-library .expression-preview{max-height:280px}
html[data-design=research] .research-expression-stage .device-canvas{display:grid;grid-template-columns:120px minmax(0,1fr);padding:16px;gap:15px}
html[data-design=research] .research-expression-stage .studio-reference{height:220px}
html[data-design=research] .studio-pose-preview{grid-template-columns:120px minmax(0,1fr);padding:16px;gap:15px;min-height:0}
html[data-design=research] .studio-reference{height:230px}
html[data-design=research] .studio-channel-groups{gap:7px}
html[data-design=research] .studio-channel-groups strong{font-size:10px}
html[data-design=research] .studio-pose-title>strong{font-size:16px}
html[data-design=research] .studio-pose-summary .btn{font-size:10px;padding:6px}
html[data-design=research] .motor-grid,html[data-design=research] .settings-grid,html[data-design=research] .feedback-layout{grid-template-columns:1fr}
html[data-design=research] .footer{padding:15px 16px;display:block;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){html[data-design=research] button,html[data-design=research] a{transition:none}}
html[data-design=research] .research-expression-library .panel-header{flex-wrap:wrap;gap:9px}
html[data-design=research] .research-expression-library .panel-title{white-space:nowrap}
html[data-design=research] .research-expression-library .panel-header .tag{font-size:9px}
.community-resource-art.model-art{width:66px;padding:6px}
.community-resource-art.model-art strong{font-size:10px;overflow-wrap:normal}
@media(max-width:740px){.community-resource-art.model-art{width:50px}.community-resource-art.model-art strong{font-size:8px}}

html[data-design=research] .topbar>.brand{width:auto!important;flex:0 0 auto;margin:0}
html[data-design=research] .research-expression-library .expression-asset-card>.expression-tile{text-align:left}
@media(max-width:900px){
html[data-design=research] .topbar{flex-wrap:nowrap}
html[data-design=research] .research-expression-library .expression-preview{display:flex;flex-direction:column}
html[data-design=research] .research-expression-library .expression-asset-card{width:100%}
html[data-design=research] .research-expression-library .expression-asset-card>.expression-tile{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;gap:3px 12px;min-height:72px;padding:14px 16px}
html[data-design=research] .research-expression-library .expression-asset-card>.expression-tile svg{grid-column:1;grid-row:1/3}
html[data-design=research] .research-expression-library .expression-asset-actions{padding:5px 16px 12px 66px;justify-content:flex-start}
}
@media(max-width:740px){
html[data-design=research] .topbar{flex-wrap:nowrap;min-height:65px}
html[data-design=research] .topbar>.brand{width:auto!important;flex:0 0 auto;margin:0!important}
html[data-design=research] .studio-workspace-nav{order:0;width:auto;height:auto;margin-left:auto;justify-content:flex-start;gap:16px}
html[data-design=research] .footer>span{display:block;margin:5px 0}
}