/* Canonical controls and page hierarchy, matched to the approved 1586 × 992 frames.
   Feature files own business layout; shared controls and states are owned here. */
:root {
  --brand:#5235F5; --brand-600:#4324DC; --brand-50:#EEEAFF;
  --text:#111A35; --text-2:#50649A; --text-3:#7383AA;
  --line:#E3EAF7; --bg:#F7FAFE; --ui-radius:6px;
  --ui-shadow:0 8px 28px #263A5A0D;
}
body {font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif; font-size:14px; font-variant-numeric:tabular-nums; color:var(--text)}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea,summary {outline-offset:3px}
:is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #876BFF; box-shadow:0 0 0 3px #EEEAFF}
button:disabled {cursor:not-allowed}
.ref-muted {color:var(--text-3); line-height:1.7}
.inline-result:empty {display:none}
.ref-btn,.btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 15px; font-size:14px; line-height:1.4; border:1px solid var(--line); border-radius:var(--ui-radius); background:#FFF; color:var(--text-2); box-shadow:none; white-space:nowrap}
.ref-btn:hover:not(:disabled),.btn:hover:not(:disabled) {background:#F7F5FF; border-color:#C7B9FF; color:var(--brand)}
.ref-btn.primary,.btn.primary {background:var(--brand); border-color:var(--brand); color:#FFF}
.ref-btn.primary:hover:not(:disabled),.btn.primary:hover:not(:disabled) {background:var(--brand-600); border-color:var(--brand-600); color:#FFF}
:is(.ref-btn,.btn):disabled {opacity:.48; box-shadow:none}
.ref-btn svg,.btn svg,.ref-sidenav svg {flex:none}
input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea {border:1px solid var(--line); border-radius:var(--ui-radius); color:var(--text-2); background:#FFF; min-height:40px; padding:8px 12px; box-sizing:border-box}
input::placeholder,textarea::placeholder {color:#8694B3}
input[type=checkbox],input[type=radio] {width:16px; height:16px; accent-color:var(--brand); flex:none; vertical-align:middle}
input:disabled,select:disabled,textarea:disabled {background:#F7F9FD; color:#8290AC}
textarea {line-height:1.7; resize:vertical}
.form-field {font-size:14px; line-height:1.65; color:var(--text-2)}
.ref-page-heading {align-items:flex-start; gap:20px; margin-bottom:20px}
.ref-page-heading h1 {font-size:34px; font-weight:700; line-height:1.35; margin:0 0 8px}
.ref-page-heading p {font-size:16px; line-height:1.65; margin:0; color:var(--text-3)}
.ref-page-heading h1+p {max-width:70ch}
.project-panel {border:1px solid var(--line); border-radius:var(--ui-radius); box-shadow:none}
.project-panel h2 {font-size:20px; line-height:1.5; margin-top:0}
.reference-brand-mark {width:43px; height:46px; object-fit:contain}
.ref-topbar {height:78px}
.ref-brand {min-width:246px}
.ref-brand b {font-size:24px; letter-spacing:0; white-space:nowrap}
.ref-topnav button {font-size:16px; font-weight:500; min-height:42px}
.ref-sidenav>button {font-size:16px; gap:17px; min-height:50px}
.ref-sidenav>button svg {width:24px; height:24px}
.ref-account b {max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
.ref-account small {font-size:13px}
.ui-page-numbers {display:inline-flex; align-items:center; gap:6px}
.ui-page-numbers>.ui-page-button,
:is(.ref-pages,.results-pagination)>button {display:inline-flex; align-items:center; justify-content:center; width:32px; min-width:32px; height:32px; min-height:32px; padding:0; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--text); font-size:14px; line-height:1; box-shadow:none}
.ui-page-numbers>.ui-page-button[aria-current=page] {background:var(--brand-50); color:var(--brand); border-color:#D2C8FF; font-weight:500}
:is(.ui-page-numbers,.ref-pages,.results-pagination)>button:hover:not(:disabled) {background:var(--brand-50); color:var(--brand); border-color:#D2C8FF}
:is(.ref-pages,.results-pagination)>button:disabled {opacity:.35}
.ui-page-numbers>span {width:25px; text-align:center; color:var(--text-3)}
.ref-pagination,.results-pagination {display:flex; align-items:center; gap:10px; min-height:52px; margin-top:16px; font-size:14px; color:var(--text-3)}
.results-pagination>span:first-child {margin-right:auto}
.ref-pagination select,.results-pagination select {margin-left:auto; min-height:38px; font-size:14px}
.project-list-head,.project-card {grid-template-columns:minmax(190px,1.45fr) minmax(108px,.7fr) minmax(150px,1fr) minmax(130px,.85fr) 115px 84px 100px; gap:16px}
.project-card {padding:20px; min-height:106px}
.project-card>span,.project-identity {min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.project-card h2 {font-size:17px; margin:0 0 7px}
.home-thumbnails img,.home-thumbnails>span {width:48px; height:48px; object-fit:cover; border-radius:4px}
.home-pagination .ref-pages {margin:0 auto}
.workspace-home .project-metrics,#projectPage[data-page=overview]>.project-metrics {display:grid; border:1px solid var(--line); border-radius:6px; background:#FFF; gap:0; margin:0 0 22px}
.workspace-home .project-metrics>.project-panel,#projectPage[data-page=overview]>.project-metrics>.project-panel {border:0; border-right:1px solid var(--line); padding:20px 24px; border-radius:0; background:none}
.workspace-home .project-metrics>.project-panel:last-child,#projectPage[data-page=overview]>.project-metrics>.project-panel:last-child {border-right:0}
.workspace-home .project-metrics p,#projectPage[data-page=overview]>.project-metrics p {margin:0 0 10px; font-size:14px; color:var(--text-3)}
.workspace-home .project-metrics strong,#projectPage[data-page=overview]>.project-metrics strong {font-size:30px; line-height:1.25}
.ui-continue {background:#FFF; border:1px solid var(--line); border-radius:6px; padding:26px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; margin:0 0 22px; align-items:center}
.ui-continue h2 {margin:6px 0 10px; font-size:23px; line-height:1.4}
.ui-continue p {margin:0; color:var(--text-3); line-height:1.7}
.ui-eyebrow {color:var(--brand); display:inline-flex; align-items:center; gap:8px; font-size:14px}
.ui-continue-actions {display:flex; gap:12px}
.home-recent-project {grid-template-columns:64px minmax(0,1fr) 160px 110px; padding:18px 0}
.home-recent-project img {width:64px; height:56px}
.home-recent-project:hover {background:#FAF9FF}
.reference-library .library-card.focused {border-color:var(--line); box-shadow:none}
.reference-library .library-card.focused:not(.is-selected) .ref-card-body {background:#F5F7FD}
.reference-library .library-card.is-selected {border-color:var(--brand); box-shadow:0 0 0 1px var(--brand)}
.library-card:hover {border-color:#C7B9FF}
.ui-viewing-hint {margin:0 0 12px; font-size:12px; color:var(--text-3)}
.ref-photo-select input {width:23px; height:23px}
.ui-import-selection-hint {margin:0 5px 12px; font-size:13px}
.ref-import-footer {gap:16px}
.ref-import-footer .ref-muted {font-size:13px}
dialog.simple-dialog {border:1px solid var(--line); border-radius:10px; padding:26px; color:var(--text); box-shadow:0 16px 56px #23365626; max-height:calc(100dvh - 48px)}
dialog::backdrop {background:#23304E38}
dialog.simple-dialog h2 {font-size:22px; margin:0 0 16px}
dialog.simple-dialog p {line-height:1.75}
.dialog-actions {display:flex; justify-content:flex-end; gap:12px; border-top:1px solid var(--line); padding-top:18px; margin-top:20px}
dialog.reference-templates-page {display:none; inset:90px 24px 24px 270px; height:auto; max-height:none; width:auto; margin:0; padding:24px; overflow:hidden; border-radius:7px}
dialog.reference-templates-page[open] {display:flex; flex-direction:column; gap:16px}
.reference-templates-page>.ref-page-heading,.reference-templates-page>.template-filters {flex:none; margin:0}
.template-library-grid {min-height:0; flex:1; overflow:hidden; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:18px}
.template-library-grid>.project-panel {min-height:0; overflow:auto; padding:20px}
.template-row {padding:15px 12px; gap:12px; font-size:14px; min-height:74px}
.template-row svg {flex:none; width:26px; height:26px}
.template-preview h2 {font-size:22px}
.ui-mode-preview {margin:16px 0}
.ui-mode-art {display:block; width:100%; height:auto; max-height:170px; border-radius:6px}
.ui-mode-preview:after {content:'标注效果示意 · 非临床图像'; display:block; color:var(--text-3); font-size:12px; margin-top:8px}
#createProjectDialog.reference-create-page {inset:90px 24px 24px 270px; height:auto; padding:24px; overflow:hidden}
.reference-create-page #createProjectForm {height:calc(100% - 54px); display:flex; flex-direction:column; gap:16px; overflow:hidden}
.reference-create-page .create-steps {flex:none; margin:0; min-height:70px}
.reference-create-page .create-step-fields,.reference-create-page .create-mode-choices,.reference-create-page .create-confirm {min-height:0; overflow:auto; flex:1; padding:24px}
.reference-create-page .dialog-actions {position:static; margin:0; flex:none; padding:14px 18px}
.reference-create-page .inline-result {padding:0; margin:0; flex:none}
.reference-create-page .field-note {margin:0; flex:none}
.create-mode-grid {gap:16px; margin-top:18px}
.create-mode-grid>label {padding:16px; gap:10px; min-height:0}
.create-mode-grid>label>.ui-mode-art {width:100%; height:96px; margin-top:8px}
.create-mode-grid>label input {z-index:1; top:13px; right:13px}
.create-mode-grid b {font-size:16px}
.create-mode-grid small {font-size:13px; line-height:1.65}
#projectPage[data-page=settings]>#membersProjectPanel {max-width:none; width:100%; box-sizing:border-box}
.settings-page-tabs {gap:26px; margin:0 0 20px; padding:0; min-height:43px}
.settings-page-tabs>a {padding:10px 0; text-decoration:none; color:var(--text-2); border-bottom:2px solid transparent; font-size:14px}
.settings-page-tabs>a:hover,.settings-page-tabs>a:focus {color:var(--brand); border-color:var(--brand)}
.settings-page-tabs>a[aria-current=location] {color:var(--brand); border-color:var(--brand)}
#projectBasics,#projectMeasurement,#membersProjectPanel {scroll-margin-top:18px}
.measurement-settings {margin-top:20px; padding:24px}
#membersProjectPanel .members-intro {margin-bottom:20px}
#membersProjectPanel .settings-fields {border-top:1px solid var(--line); padding-top:20px}
.rules-reading .form-field {gap:6px; margin-bottom:18px}
.rule-readable {margin:0; white-space:pre-wrap; line-height:1.8; color:var(--text); font-size:15px; overflow-wrap:anywhere}
.rules-reading .rule-preset-table td {padding:13px 10px}
.rule-read-swatch {display:inline-block; width:22px; height:22px; border:1px solid #00000012; border-radius:4px}
.rule-photo-preview .rule-photo-sample {position:relative; overflow:hidden}
.rule-photo-sample>.ui-mode-art {position:absolute; inset:0; width:100%; height:100%; max-height:none; opacity:.85}
.rule-photo-sample>.ui-mode-art>rect {fill:transparent}
.rule-photo-sample>.ui-mode-art>path:nth-child(-n+3) {display:none}
#mlPage>.ref-page-heading {margin-bottom:18px}
.ml-context.project-panel {display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; min-height:0; padding:14px 18px; margin:0 0 18px; font-size:14px; background:#FFF}
.ml-context>svg {width:23px; height:23px; flex:none; color:var(--brand)}
.ml-context>.ref-muted {margin-left:auto; font-size:13px}
.ml-tabs {margin:0 0 20px; padding:0; gap:28px; border-bottom:1px solid var(--line)}
.ml-tabs>.ref-btn {min-height:43px; padding:10px 0 12px; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; font-size:15px; color:var(--text-2)}
.ml-tabs>.ref-btn.active {border-color:var(--brand); color:var(--brand); background:none}
.ml-panel {padding:24px}
.ml-panel>h2 {margin-bottom:8px}
.ml-panel>.ref-muted {margin:0 0 18px}
.trained-model-group {margin-top:20px}
.trained-model-group:first-of-type {margin-top:16px}
.trained-model-group>h3 {font-size:16px; margin:0 0 6px}
.trained-model-group>p {margin:0 0 12px; font-size:13px}
.trained-model-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.trained-model-group:first-of-type .trained-model-grid {grid-template-columns:1fr}
.trained-model-card {padding:20px; border-radius:6px; box-shadow:none}
.trained-model-card>header {margin:0 0 12px; gap:12px}
.trained-model-card h4 {font-size:17px; margin:0 0 4px; line-height:1.5}
.trained-model-card header small {font-size:13px}
.trained-model-card>.ref-muted {margin:12px 0; font-size:13px; line-height:1.7}
.trained-model-card details {padding:10px 0; font-size:13px}
.trained-model-card details summary {cursor:pointer; color:var(--text-2)}
.trained-provenance .trained-model-facts {margin-top:14px}
.trained-model-actions {margin-top:12px; gap:10px}
.trained-model-actions .ref-btn {font-size:14px}
.trained-current {margin:0 0 10px}
.trained-model-empty {padding:18px; font-size:14px}
#mlJobs {margin-top:24px}
#mlJobs .ml-section-head h2 {font-size:20px; margin:0}
.ml-job {padding:20px; margin-top:14px}
.ml-training-summary {background:#F8F7FE; padding:16px 18px; border-radius:6px; gap:24px}
.ml-train-form fieldset {border:1px solid var(--line); border-radius:6px; padding:14px 18px}
.ml-train-form fieldset label {display:inline-flex; align-items:center; gap:8px; margin-right:24px; font-size:14px; padding:8px 0}
.ml-train-form fieldset legend {font-size:15px; padding:0 6px}
.ui-training-readiness {font-size:14px; color:var(--text-2); margin:16px 0; line-height:1.7}
.ui-capability-note {padding:12px 16px; font-size:14px; background:#F6F4FF; border-radius:6px; color:var(--text-2); line-height:1.7}
.ui-filter-field {display:flex; flex-direction:column; gap:8px; color:var(--text-2); font-size:13px; min-width:150px}
.results-controls {align-items:flex-end; gap:20px; padding:18px}
.results-controls>form {margin-left:auto}
.results-controls>form input {width:220px}
#resultsPage>.ref-page-heading>.ref-btn:first-of-type {margin-left:auto}
.template-preview {position:relative}
.template-preview-actions {position:sticky; bottom:-20px; z-index:2; display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:20px; padding:16px 0 12px; border-top:1px solid var(--line); background:#FFF}
.template-preview-actions select {width:80px}
.ui-export-scope {display:flex; align-items:center; gap:18px; margin:20px 0 12px; font-size:13px; color:var(--text-3); line-height:1.7}
.ui-export-scope b {font-size:15px; color:var(--text)}
.results-actions {gap:12px; padding:14px 16px; align-items:center; flex-wrap:wrap}
.results-actions>.ref-muted {font-size:13px}
.ui-table-hint {color:var(--text-3); font-size:12px; margin:12px 0 8px}
.results-table-wrap {position:relative; overflow:auto; max-height:65vh; isolation:isolate}
.results-table {font-size:14px; border-collapse:separate; border-spacing:0; width:100%; min-width:1100px}
.results-table th {font-size:14px; padding:14px 12px; background:#F4F5FC; font-weight:500; white-space:nowrap}
.results-table td {padding:15px 12px; background:#FFF; border-bottom:1px solid var(--line); line-height:1.65}
.results-table-wrap tr:first-child th {position:sticky; top:0; z-index:3}
.results-table-wrap th:nth-child(2),.results-table-wrap td:nth-child(2) {position:sticky; left:40px; z-index:1; min-width:245px; max-width:310px}
.results-table-wrap th:first-child,.results-table-wrap td:first-child {position:sticky; left:0; z-index:2; width:40px; min-width:40px; box-sizing:border-box}
.results-table-wrap tr:first-child th:nth-child(-n+2) {z-index:4}
.results-table-wrap td:nth-child(2) {box-shadow:3px 0 6px #34476806}
.results-table td small {font-size:12px; line-height:1.6; color:var(--text-3)}
#resultsPage:not([data-annotation-mode=grade]) .results-table :is(th,td):nth-child(8),
#resultsPage:is([data-annotation-mode=region],[data-annotation-mode=grade]) .results-table :is(th,td):nth-child(4),
#resultsPage:not([data-annotation-mode=line]) .results-table :is(th,td):nth-child(5),
#resultsPage:is([data-annotation-mode=box],[data-annotation-mode=point],[data-annotation-mode=grade]) .results-table :is(th,td):nth-child(6),
#resultsPage:is([data-annotation-mode=box],[data-annotation-mode=point],[data-annotation-mode=grade]) .results-table :is(th,td):nth-child(7) {display:none}
#resultsPage:is([data-annotation-mode=box],[data-annotation-mode=point],[data-annotation-mode=grade]) .results-table {min-width:720px}
#resultsPage:is([data-annotation-mode=region],[data-annotation-mode=instance]) .results-table {min-width:860px}
.ml-panel>.results-table {min-width:0}
.history-controls {gap:16px; align-items:center}
.app {grid-template-rows:78px 64px minmax(0,1fr) 146px 66px}
.app>.main {grid-template-columns:168px minmax(0,1fr) 332px}
.app>.image-queue {margin-right:372px}
.app .side {font-size:14px}
.app .sec-t,.reference-drawing-tools h2 {font-size:13px; color:var(--text-3)}
.app .preset .nm small {font-size:12px; line-height:1.5}
.app .inspector {background:#FFF; border:1px solid var(--line); padding:0; border-radius:6px; display:flex; flex-direction:column; overflow:auto}
.app .inspector .collaboration-actions {border:0; border-bottom:1px solid var(--line); border-radius:0; padding:12px 14px; flex:none}
.app .inspector .collaboration-actions:has(#editImage:not([hidden])) {display:flex; align-items:center; min-height:52px; box-sizing:border-box; padding:8px 14px}
.app .inspector .collaboration-actions:has(#editImage:not([hidden])) #editingNotice {display:none}
.app .inspector .inspector-tabs {margin:0; border:0; border-bottom:1px solid var(--line); border-radius:0; flex:none}
.app .inspector [role=tabpanel] {margin:0; padding:14px; border:0; border-radius:0; flex:1; min-height:0; overflow:auto}
.app .inspector .reference-paint-settings {padding:14px; margin:0; border-bottom:1px solid var(--line); border-radius:0}
.app .inspector .inspector-footer {border:0; border-top:1px solid var(--line); border-radius:0; margin:0; font-size:12px; padding:10px 14px; flex:none}
.app .obj {border:0; border-bottom:1px solid var(--line); border-radius:0; padding:12px 7px}
.app .obj.sel {background:#F5F2FF; box-shadow:inset 3px 0 var(--brand)}
.app .obj .meta {font-size:12px}
.app .summary {position:sticky; top:0; z-index:1}
.app .obj .ui-readonly-grade {display:none; font-size:13px; color:var(--text-2); background:#F2F5FB; padding:4px 8px; border-radius:4px}
.app .obj:has(select:disabled) .ui-readonly-grade {display:inline-block}
.app .obj select:disabled {display:none}
.app .obj .del:disabled {visibility:hidden}
.app .instance-card :is(select,textarea):disabled {appearance:none; border-color:transparent; background:transparent; color:var(--text-2); opacity:1}
.app .summary {padding:12px; font-size:13px; border:1px solid var(--line); border-radius:5px}
.app .toolchip {font-size:13px; padding:8px 10px}
.workbench-projectbar .save {font-size:13px; max-width:155px}
.workbench-projectbar .btn {font-size:13px; min-height:34px; padding:6px 9px}
.workbench-project-nav button {font-size:14px}
.app .queue-toolbar {font-size:13px; height:38px}
.app .queue-image {grid-template-rows:65px 20px 18px}
.app .queue-image img {height:65px}
.app .queue-image>span {font-size:12px}
.app .queue-image>small {font-size:11px}
.app #aiPanel {position:static; inset:auto; width:auto; max-width:none; max-height:none; min-height:0; flex:1; padding:16px 14px; margin:0; border:0; border-radius:0; box-shadow:none; background:#FFF; display:flex; flex-direction:column; overflow:hidden}
.app #aiPanel>strong {font-size:17px; flex:none}
.app #aiPanel>#aiNotice {font-size:13px; line-height:1.6; flex:none; margin:10px 0}
.app #aiPanel>div:last-child {display:flex; gap:10px; padding-top:12px; border-top:1px solid var(--line); flex:none}
.app #aiPanel .analysis-advice {margin:0; border:0; padding:0; overflow:auto; min-height:0; max-height:none; flex:1}
.app #aiPanel .analysis-advice>summary {display:none}
.app #aiPanel #analysisAdviceBody {padding:0}
.app #aiPanel .analysis-progress {position:sticky; top:0; z-index:2; margin:0 0 12px; background:#F7F5FF; border:1px solid #DED5FF; border-radius:6px; padding:12px}
.app #aiPanel .analysis-progress b {font-size:14px}
.app #aiPanel .analysis-finding {font-size:13px; line-height:1.7; padding:12px; margin:10px 0; border-radius:6px}
.app #aiPanel .analysis-finding b {font-size:14px}
.app .inspector:has(#aiPanel:not([hidden])) {overflow:hidden}
.app .inspector:has(#aiPanel:not([hidden]))>:not(#aiPanel):not(.collaboration-actions) {display:none!important}
.analysis-limits {margin-top:14px; font-size:12px; color:var(--text-3)}
.auth-card {border:1px solid var(--line); border-radius:12px; box-shadow:var(--ui-shadow)}
.auth-card .form-field input {min-height:60px; height:60px; border-radius:6px; font-size:16px}
.auth-card .btn.primary {height:60px; min-height:60px; background:var(--brand); border-color:var(--brand); border-radius:6px; font-size:18px}
.auth-card .auth-password-toggle {border:0; background:transparent; min-height:40px}
@media(max-width:1500px) {
 .project-list-head,.project-card {grid-template-columns:minmax(160px,1.4fr) 108px 100px 125px 96px 78px 94px; gap:12px}
 .home-thumbnails img,.home-thumbnails>span {width:42px; height:44px}
 .home-thumbnails>:nth-child(3) {display:none}
 .app>.main {grid-template-columns:150px minmax(0,1fr) 300px; padding:0 18px; gap:12px}
 .app>.main.inspector-collapsed {grid-template-columns:150px minmax(0,1fr) 0}
 .app>.image-queue {margin-right:330px; margin-left:18px}
 .workbench-project-nav button {font-size:13px; padding:10px 6px}
 .workbench-projectbar .save {max-width:110px; font-size:12px}
 .ref-topnav button {font-size:15px; padding:0 12px}
 .results-controls {gap:12px; flex-wrap:wrap}
 .results-controls>form {flex:1; justify-content:flex-end}
 .ml-context>.ref-muted {margin-left:0}
 .trained-model-actions {flex-wrap:wrap}
}
@media(max-width:1100px) {
 dialog.reference-templates-page,#createProjectDialog.reference-create-page {left:24px}
 .ui-continue {grid-template-columns:1fr}
 .trained-model-grid {grid-template-columns:1fr}
 .results-table-wrap td:nth-child(2),.results-table-wrap th:nth-child(2) {min-width:205px}
}
@media(max-height:800px) {
 .app .inspector .reference-paint-settings {padding:8px 12px}
 .app .reference-paint-settings .sec-t {margin:0 0 6px}
 .app .reference-paint-settings .preset {padding:7px 6px}
 .app .inspector-tabs>button {padding:10px 12px}
 .app .inspector .summary {padding:8px; gap:10px; margin-bottom:8px}
 .app .inspector .summary small {font-size:12px}
 .app .inspector .summary b {font-size:14px}
 .app .inspector .inspector-footer {padding:8px 12px}
}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after {scroll-behavior:auto!important; transition:none!important}}