/* Shared neutral studio skin. Existing data, editors and interaction targets are retained. */
.content{--app:#f4f4f4;--text:#272727;--muted:#7c7c7c;--selected:#efefef;--line:#dedede;--shadow:0 2px 10px #00000008;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI",Arial,sans-serif}
.workspace-board{background:#fff;border-color:#e1e1e1;box-shadow:0 2px 12px #00000006}
:is(.blue-button,.secondary-button,.workspace-toolbar button,.record-action){border-radius:8px;font-weight:550;letter-spacing:0}
:is(.workspace-toolbar,.planning-list-heading,.experiment-list-heading,.literature-toolbar){border-color:#e8e8e8;background:#fff}
.record-main strong,.setting-row strong{font-weight:550}.record-main span{color:#7a7a7a}.record-accent{background:#bcbcbc!important}
.planning-list-item.active,.experiment-list-item.active{background:#f1f1f1}
.field-board{background:#fafafa}.field-card{border-radius:12px;border-color:#e5e5e5;box-shadow:none}.field-toolbar button,.field-card button,.ink-toolbar button{border-color:#dfdfdf;background:#f5f5f5}
.field-step-text{font-size:20px;line-height:1.8}.field-step-actions{gap:12px}.field-tool-buttons,.timer-buttons{gap:8px}
.mp50-request-row{border-bottom:1px solid #e7e7e7;padding:16px 0;display:grid;gap:7px}.mp50-request-row>button{justify-self:start}.mp50-request-row strong{font-size:13px;font-weight:550}
.mp50-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mp50-header-stats{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;flex-wrap:wrap}
.mp50-header-stat{display:grid;gap:1px;min-width:40px}.mp50-header-stat strong{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums}.mp50-header-stat small{font-size:10px;color:#858585}
#mp50DeviceWorkspace.mp50-studio .mp50-heading{flex-wrap:wrap;gap:15px;min-width:0}
#mp50DeviceWorkspace.mp50-studio .mp50-heading>div:first-child{min-width:120px}
#mp50DeviceWorkspace.mp50-studio .mp50-heading p{max-width:160px;white-space:normal;font-size:10px;line-height:1.5}
#mp50DeviceWorkspace.mp50-studio .mp50-tabs{margin:12px 0 16px;gap:22px}
#mp50DeviceWorkspace .mp50-recycle{color:#a64b4b}
.mp50-studio .mp50-selection-bar{border-radius:0!important;border-width:0 0 1px!important;padding:2px 0 12px!important;background:transparent!important}
.mp50-studio .mp50-inventory-layout{gap:20px}.mp50-studio .mp50-batch-rail{padding-right:15px}
.mp50-studio .mp50-library-table :is(th,td){padding:12px 9px}.mp50-studio .mp50-library-table th{background:#f5f5f5}
html:not([data-web-build]) .page-top,html:not([data-web-build]) .calendar-top{width:calc(100% - 36px);min-height:38px;margin:9px auto 10px;gap:14px}
html:not([data-web-build]) .page-top>div:first-child{display:flex;align-items:center;gap:13px;min-width:0;flex-wrap:wrap}
html:not([data-web-build]) .page-top h1{order:-1;font-size:19px;line-height:26px;font-weight:600;white-space:nowrap}
html:not([data-web-build]) .page-kicker{font-size:11px;line-height:1.5;color:#808080;margin:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:not([data-web-build]) .page-top .blue-button{font-size:12px;height:33px;min-width:0;padding:0 13px}
html:not([data-web-build]) .calendar-top h1{font-size:22px;font-weight:600}
html:not([data-web-build]) .workspace-board,html:not([data-web-build]) .day-board,html:not([data-web-build]) .calendar,html:not([data-web-build]) .year-grid{width:calc(100% - 36px);height:calc(100% - 18px);margin:0 auto 18px;border-radius:12px}
html:not([data-web-build]) .workspace-toolbar{min-height:67px;padding:14px 20px;gap:15px}
html:not([data-web-build]) .workspace-toolbar h2{font-size:16px;font-weight:600}
html:not([data-web-build]) #projectList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;align-content:start}
html:not([data-web-build]) #projectList .record-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-items:start;gap:16px;min-height:185px;padding:19px;border:1px solid #e4e4e4;border-radius:12px;background:#fff}
html:not([data-web-build]) #projectList .record-accent{display:none}
html:not([data-web-build]) #projectList .record-main{grid-column:1/-1;min-height:60px;padding:0}
html:not([data-web-build]) #projectList .record-main strong{font-size:15px;white-space:normal;line-height:1.5}
html:not([data-web-build]) #projectList .record-main span{white-space:normal;line-height:1.7;margin-top:8px}
html:not([data-web-build]) #projectList .record-meta{grid-column:1/-1;font-size:11px;color:#808080}
html:not([data-web-build]) #projectList .record-action{justify-self:start;border:1px solid #e4e4e4;background:#fafafa;height:30px;font-size:11px}
html:not([data-web-build]) .planning-list-panel,html:not([data-web-build]) .experiment-list-panel{background:#fcfcfc;border-color:#e7e7e7}
html:not([data-web-build]) .planning-primary-column,html:not([data-web-build]) .planning-secondary-column,html:not([data-web-build]) .experiment-primary-column,html:not([data-web-build]) .experiment-secondary-column{padding:20px}
html:not([data-web-build]) .planning-list-item,html:not([data-web-build]) .experiment-list-item{border-radius:9px;padding:12px;margin-bottom:6px}
html:not([data-web-build]) .planning-list-item strong,html:not([data-web-build]) .experiment-list-item strong{font-size:12px;font-weight:550;line-height:1.5}
html:not([data-web-build]) .literature-table :is(th,td){border-color:#ebebeb}
html:not([data-web-build]) .esp-panel-card{border-color:#e4e4e4;border-radius:12px}
html:not([data-web-build]) .esp-panel-status-strip{border-color:#e3e3e3;background:#fafafa;border-radius:11px}
@media(max-width:1100px){.mp50-header-stats{gap:12px}.mp50-header-stat{min-width:35px}.mp50-header-stat strong{font-size:16px}.mp50-header-actions{gap:6px}#mp50DeviceWorkspace.mp50-studio .mp50-heading>div:first-child{flex:1}#mp50DeviceWorkspace.mp50-studio .mp50-heading p{max-width:none}html:not([data-web-build]) .page-kicker{max-width:220px}}
@media(max-width:950px){html:not([data-web-build]) #projectList{grid-template-columns:minmax(0,1fr)}.mp50-header-stats{order:3;flex-basis:100%;justify-content:flex-start;padding-top:8px;border-top:1px solid #eee;gap:18px}.mp50-header-stat{display:flex;align-items:baseline;gap:5px}.mp50-header-stat small{font-size:10px}.mp50-studio .mp50-tabs{gap:13px!important;font-size:11px}}
@media(max-width:650px){#mp50DeviceWorkspace.mp50-studio .mp50-tabs{flex-wrap:wrap;gap:13px}.mp50-more{margin-left:0}.mp50-header-actions button{font-size:11px!important}.mp50-header-stats{gap:11px}.mp50-header-stat strong{font-size:15px}}

/* Desktop content only. The original sidebar, navigation and branding are deliberately untouched. */
@media(min-width:701px){
html:not([data-web-build]) .content .page{color:#272727}
html:not([data-web-build]) .content :is(.search-input,.planning-search-input,.experiment-search-input){background:#fff;border-color:#ddd;border-radius:8px;min-height:34px;font-size:12px}
html:not([data-web-build]) .content :is(.workspace-toolbar,.mind-toolbar,.day-board-actions){background:#fff;border-bottom:1px solid #e8e8e8}
html:not([data-web-build]) .content .day-board-actions{padding:16px 20px;gap:12px;min-height:64px}
html:not([data-web-build]) .content .day-board{box-shadow:0 2px 12px #00000006;border:1px solid #e1e1e1}
html:not([data-web-build]) .content .todo-card{border-radius:9px;box-shadow:0 1px 4px #00000008}
html:not([data-web-build]) .content :is(.calendar,.year-grid){border:1px solid #e1e1e1;box-shadow:0 2px 12px #00000006;background:#fff}
html:not([data-web-build]) .content :is(.record-list:not(#projectList)){padding:12px 20px}
html:not([data-web-build]) .content :is([data-page-panel=methods],[data-page-panel=other]) .record-row{min-height:94px;gap:18px}
html:not([data-web-build]) .content :is([data-page-panel=methods],[data-page-panel=other]) .record-main strong{font-size:14px;line-height:1.6}
html:not([data-web-build]) .content :is([data-page-panel=methods],[data-page-panel=other]) .record-main span{font-size:12px;line-height:1.7}
html:not([data-web-build]) .content :is(.planning-list-heading,.experiment-list-heading){padding:16px;border-bottom-color:#e8e8e8}
html:not([data-web-build]) .content :is(.planning-search-input,.experiment-search-input){margin:12px 14px 8px}
html:not([data-web-build]) .content :is(.planning-list,.experiment-list){padding:4px 10px 14px}
html:not([data-web-build]) .content :is(.planning-panel-heading,.experiment-panel-heading){padding:18px 20px;border-bottom:1px solid #e8e8e8;background:#fff}
html:not([data-web-build]) .content .experiment-block{border-color:#e5e5e5;border-radius:10px;margin-bottom:20px}
html:not([data-web-build]) .content .experiment-block h3{font-size:13px;font-weight:600;line-height:1.6}
html:not([data-web-build]) .content :is(.planning-panel-field,.experiment-field){gap:8px}
html:not([data-web-build]) .content .mind-list-panel{padding:16px 12px;background:#fafafa;border-right-color:#e6e6e6}
html:not([data-web-build]) .content .mind-toolbar{padding:12px 16px;gap:9px}
html:not([data-web-build]) .content .mind-toolbar button{min-height:32px;border:1px solid #e2e2e2;background:#fafafa;border-radius:8px}
html:not([data-web-build]) .content .mind-inspector{padding:14px 16px;background:#fff;border-color:#e6e6e6;gap:14px}
html:not([data-web-build]) .content .mind-footer{padding:10px 16px;color:#888;background:#fafafa}
html:not([data-web-build]) .content .analysis-workspace{grid-template-columns:170px minmax(0,1fr) 170px}
html:not([data-web-build]) .content :is(.analysis-tool-panel,.analysis-history-panel){padding:18px 12px;gap:14px;background:#fafafa;border-color:#e6e6e6}
html:not([data-web-build]) .content .analysis-tool-list>button{padding:11px 9px;border-radius:8px;gap:6px}
html:not([data-web-build]) .content .analysis-tool-list strong{font-size:12px;line-height:1.5;white-space:normal}
html:not([data-web-build]) .content .analysis-tool-list small{font-size:10px;line-height:1.6}
html:not([data-web-build]) .content .analysis-editor{padding:22px;scroll-padding:20px}
html:not([data-web-build]) .content .analysis-editor-heading{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e8e8e8}
html:not([data-web-build]) .content .analysis-editor-heading h2{font-size:18px;line-height:1.6}
html:not([data-web-build]) .content .analysis-editor-heading>div>span{font-size:12px;line-height:1.7;margin-top:6px}
html:not([data-web-build]) .content .analysis-form{padding:18px;gap:16px;background:#fafafa;border-color:#e5e5e5;border-radius:10px}
html:not([data-web-build]) .content .analysis-field{font-size:11px;gap:7px;font-weight:500}
html:not([data-web-build]) .content .analysis-field :is(input,select){height:36px;font-size:12px;border-color:#ddd}
html:not([data-web-build]) .content :is(.analysis-dataset-card,.analysis-result-card,.analysis-chart-card){border-color:#e5e5e5;border-radius:10px;background:#fff;padding:18px;margin-top:18px}
html:not([data-web-build]) .content .analysis-actions{margin-top:20px;padding-top:16px;border-top:1px solid #e6e6e6}
html:not([data-web-build]) .content :is(.analysis-inline-actions,.analysis-action-buttons){flex-wrap:wrap;gap:8px}
html:not([data-web-build]) .content :is(.analysis-action-buttons,.analysis-save-fields){min-width:0}
html:not([data-web-build]) .content .settings-workspace{padding:22px;background:#fafafa;display:block;overflow:auto}
html:not([data-web-build]) .content .settings-section{padding:20px 22px;margin:0 0 18px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}
html:not([data-web-build]) .content .settings-section h2{font-size:15px;padding-bottom:14px;margin:0;border-bottom:1px solid #e9e9e9}
html:not([data-web-build]) .content .setting-row{min-height:70px;gap:16px;border-color:#eee}
html:not([data-web-build]) .content .setting-row:last-child{border-bottom:0}
html:not([data-web-build]) .content .setting-row div span{white-space:normal;line-height:1.6}
html:not([data-web-build]) .content .literature-table td{padding:17px 16px;vertical-align:top}
html:not([data-web-build]) .content .literature-table th{padding:12px 16px;background:#f6f6f6;font-size:11px;font-weight:500}
html:not([data-web-build]) .content .literature-table button{font-weight:550;line-height:1.65}
html:not([data-web-build]) .content .literature-toolbar{padding:13px 18px;gap:10px}
html:not([data-web-build]) .content .esp-panel-workspace{padding:20px;gap:18px;background:#fafafa}
html:not([data-web-build]) .content .esp-panel-card{padding:20px}
html:not([data-web-build]) .content .paperang-workspace{box-shadow:none;border-color:#e1e1e1}
}
@media(min-width:701px) and (max-width:1100px){
html:not([data-web-build]) .content .analysis-workspace{grid-template-columns:145px minmax(0,1fr)}
html:not([data-web-build]) .content .analysis-history-panel{grid-column:1/-1;max-height:140px;border-left:0;border-top:1px solid #e6e6e6;grid-template-columns:110px 160px minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:12px}
html:not([data-web-build]) .content .analysis-history-list{display:flex;overflow:auto}
html:not([data-web-build]) .content .analysis-editor{padding:16px}
html:not([data-web-build]) .content .analysis-form{padding:14px;gap:12px}
}