/* Load after material-library.css. All rules are restricted to the detail dialog. */
.ml-workspace .ml-detail-shell {
  --ml-text:#24262b; --ml-muted:#777b84; --ml-line:#e8e9ec; --ml-gold:#3666d8;
  --text:#24262b; --text-2:#50545d; --gold-soft:#3666d8; --gold:#3666d8;
  --line:#e8e9ec; --line-2:#dfe1e6; --faint:#898d96; --danger:#b94d3f;
  --serif:var(--sans,system-ui); --sage:#548365;
  color-scheme:light; background:#fff; color:var(--ml-text);
  position:fixed; inset:0; margin:auto; padding:0; border:0; border-radius:20px;
  width:min(1060px,94vw); max-width:1060px; height:min(760px,92dvh); max-height:92dvh;
  overflow:hidden; box-shadow:0 24px 100px #10152240;
  font:13px/1.6 var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif);
}
.ml-workspace .ml-detail-shell::backdrop {background:#0a0c1057;backdrop-filter:blur(3px)}
.ml-workspace .ml-detail-shell>.ml-dialog-head {position:absolute;z-index:5;top:12px;right:12px;width:32px;height:32px;margin:0;padding:0;border:0}
.ml-detail-shell>.ml-dialog-head>div {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ml-workspace .ml-detail-shell .ml-dialog-head>.ml-icon-button {width:32px;height:32px;min-height:32px;border:0;border-radius:50%;background:#f0f1f3;color:#666c77;padding:8px}
.ml-workspace .ml-detail-shell .ml-dialog-head>.ml-icon-button:hover {background:#e5e7eb;color:#24262b}
.ml-workspace .ml-detail-shell>.ml-detail-content {height:100%;padding:0;overflow:hidden}
.ml-detail-shell .ml-detail-layout {height:100%;display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr)}
.ml-detail-shell .ml-detail-stage {position:relative;min-width:0;min-height:0;background:#0e1116}
.ml-detail-shell .ml-detail-media {width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#0e1116}
.ml-detail-shell .ml-detail-media>img,.ml-detail-shell .ml-detail-media video,.ml-detail-shell .ml-video-start>img {object-fit:contain;width:100%;height:100%}
.ml-detail-shell .ml-video-start {display:block;background:#0e1116}
.ml-detail-shell .ml-video-start>span {background:#0001;color:#fff;font-size:12px;gap:14px}
.ml-detail-shell .ml-video-start>span svg {width:60px;height:60px;padding:18px;background:#151a2466;border:1px solid #ffffff9c;backdrop-filter:blur(4px)}
.ml-detail-shell .ml-video-start:hover>span svg {background:#151a24a8;transform:scale(1.04)}
.ml-detail-shell .ml-video-start:focus-visible {outline-offset:-4px}
.ml-detail-shell .ml-cover-fallback {background:#0e1116;color:#a3a8b1}
.ml-detail-shell .ml-no-video {color:#e2e5eb;padding:13px;bottom:45px;background:#0006}
.ml-detail-shell .ml-detail-media-error {position:absolute;inset:auto 15px 65px;padding:12px;border-radius:8px;background:#111c;color:#fff;font-size:12px;text-align:center}
.ml-detail-shell .ml-detail-navigation {display:flex;justify-content:space-between;gap:12px;position:absolute;left:12px;right:12px;top:12px;pointer-events:none}
.ml-detail-shell .ml-detail-navigation button {pointer-events:auto;display:grid;place-items:center;width:32px;height:32px;padding:8px;border:1px solid #fff3;border-radius:50%;background:#151a2480;color:#fff}
.ml-detail-shell .ml-detail-navigation button:first-child svg {transform:rotate(180deg)}
.ml-detail-shell .ml-detail-navigation button:disabled {opacity:.25;cursor:default}
.ml-detail-shell .ml-detail-info {display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}
.ml-detail-shell .ml-detail-author-head {display:flex;align-items:center;gap:10px;flex:none;min-height:77px;padding:14px 54px 14px 22px;border-bottom:1px solid var(--ml-line)}
.ml-detail-shell .ml-detail-avatar {display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-size:14px;color:#315bbd;background:#edf2ff}
.ml-detail-shell .ml-detail-author-text {display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}
.ml-detail-shell .ml-detail-author-text strong {font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-detail-shell .ml-detail-author-text>span {font-size:10px;line-height:1.3;max-width:165px;color:#9296a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-detail-shell .ml-detail-times {display:flex;flex-direction:column;flex-shrink:0;gap:3px;font-size:10px;color:#8b8f98;line-height:1.6;font-variant-numeric:tabular-nums}
.ml-detail-shell .ml-detail-times>span:first-child {color:#626773}
.ml-detail-shell .ml-detail-tabbar {display:flex;flex:none;gap:20px;padding:0 22px;border-bottom:1px solid var(--ml-line);overflow-x:auto;scrollbar-width:none}
.ml-detail-shell .ml-detail-tabbar button {position:relative;flex:none;padding:13px 0 11px;background:none;border:0;border-bottom:2px solid transparent;color:#7d818b;font-size:12px;line-height:1.4;white-space:nowrap}
.ml-detail-shell .ml-detail-tabbar button[aria-selected=true] {color:#315bbd;border-bottom-color:#3666d8;font-weight:600}
.ml-detail-shell .ml-detail-scroll {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfe1e6 transparent;padding:2px 22px 18px;overflow-anchor:none}
.ml-detail-shell [role=tabpanel] {outline-offset:-2px;min-width:0}
.ml-detail-shell .ml-detail-section {padding:16px 0 0;border:0}
.ml-detail-shell .ml-section-heading {gap:10px;margin-bottom:9px}
.ml-detail-shell .ml-section-heading h4 {font:600 12px/1.6 var(--sans,system-ui);letter-spacing:.01em;color:#555b66;overflow-wrap:anywhere}
.ml-detail-shell .ml-section-heading>span {font-size:10px;line-height:1.5;color:#8b8f98}
.ml-detail-shell .ml-detail-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--ml-line);border-radius:10px;overflow:hidden;background:#fff}
.ml-detail-shell .ml-detail-metrics>div {display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;min-width:0}
.ml-detail-shell .ml-detail-metrics>div+div {border-left:1px solid var(--ml-line)}
.ml-detail-shell .ml-detail-metrics strong {font:650 21px/1.5 var(--sans,system-ui);font-variant-numeric:tabular-nums;color:#262c35;overflow-wrap:anywhere}
.ml-detail-shell .ml-detail-metrics small {font-size:10px;color:#8b8f98}
.ml-detail-shell .ml-detail-sales-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;background:#f1f5ff;border-radius:10px;padding:13px 14px}
.ml-detail-shell .ml-detail-sales-card small {color:#777b84;font-size:12px}
.ml-detail-shell .ml-detail-sales-card strong {font:650 21px/1.4 var(--sans,system-ui);font-variant-numeric:tabular-nums;color:#315bbd;overflow-wrap:anywhere}
.ml-detail-shell .ml-detail-sales-card>span {grid-column:1/-1;font-size:10px;color:#8b93a1}
.ml-detail-shell .ml-help {color:#8b8f98;font-size:10px;line-height:1.8;margin:7px 0 0}
.ml-detail-shell .ml-product-recognition {background:#fafafb;border:1px solid var(--ml-line);border-radius:10px;padding:12px 14px;margin:0 0 10px}
.ml-detail-shell .ml-read-fields {grid-template-columns:70px minmax(0,1fr);gap:8px 14px;font-size:12px;line-height:1.7}
.ml-detail-shell .ml-read-fields dt {color:#858993}
.ml-detail-shell .ml-read-fields dd {color:#414650}
.ml-detail-shell .ml-product-recognition .ml-read-fields {grid-template-columns:84px minmax(0,1fr);gap:7px 14px}
.ml-detail-shell .ml-product-candidate-help {font-size:10px;line-height:1.7;color:#8b8f98}
.ml-detail-shell .ml-read-description {font-size:13px;line-height:1.9;color:#414650;margin:0 0 14px}
.ml-detail-shell .ml-commerce-links {margin:0;padding:10px 12px;background:#fff;border:1px solid var(--ml-line);border-radius:10px}
.ml-detail-shell .ml-commerce-heading>span {font-size:12px;color:#315bbd}
.ml-detail-shell .ml-commerce-document {padding:9px 10px;background:#edf2ff;border:1px solid #dce6ff;color:#315bbd;box-shadow:none;font-size:12px;font-weight:600}
.ml-detail-shell .ml-commerce-document:hover {background:#e2eaff}
.ml-detail-shell .ml-commerce-list a {font-size:11px;color:#315bbd}
.ml-detail-shell .ml-commerce-list {max-height:160px}
.ml-detail-shell .ml-detail-actions {flex:none;gap:7px;flex-wrap:wrap;margin:0;padding:13px 22px;border-top:1px solid var(--ml-line);border-bottom:0;background:#fff}
.ml-detail-shell .ml-button {min-height:34px;padding:7px 11px;border:1px solid #e3e5e9;border-radius:8px;background:#fff;color:#626773;font-size:11px!important;line-height:1.5;text-decoration:none;white-space:normal}
.ml-detail-shell .ml-button:hover:not(:disabled) {border-color:#b6caf4;background:#f4f7ff;color:#315bbd}
.ml-detail-shell .ml-button.is-selected {border-color:#cbdafa;color:#315bbd;background:#edf2ff}
.ml-detail-shell .ml-detail-actions>a[download] {margin-left:auto;background:#3666d8;border-color:#3666d8;color:#fff}
.ml-detail-shell .ml-detail-actions>a[download]:hover {background:#2a54b5;color:#fff}
.ml-detail-shell .ml-button svg {width:14px;height:14px}
.ml-detail-shell .ml-text-button {font-size:11px!important;color:#3666d8}
.ml-detail-shell .ml-detail-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 0;padding-top:12px;border-top:1px solid var(--ml-line);font-size:10px;color:#969aa2}
.ml-detail-shell .ml-analysis-status {background:#fafafb;border-color:var(--ml-line);padding:16px;gap:12px}
.ml-detail-shell .ml-analysis-status strong {font-size:13px;color:#414650}
.ml-detail-shell .ml-analysis-status p {font-size:12px;color:#777b84}
.ml-detail-shell .ml-analysis-tags {gap:6px;margin-bottom:16px}
.ml-detail-shell .ml-analysis-tags span {border-color:#dce6ff;background:#edf2ff;color:#3666d8;border-radius:5px;font-size:11px}
.ml-detail-shell .ml-analysis-block {margin:0 0 17px}
.ml-detail-shell .ml-analysis-block h5 {font:600 12px/1.6 var(--sans,system-ui);color:#626773;margin:0 0 7px}
.ml-detail-shell .ml-analysis-block p,.ml-detail-shell .ml-analysis-block li {font-size:13px;line-height:1.85;color:#414650}
.ml-detail-shell .ml-timeline {padding-left:0;border:0}
.ml-detail-shell .ml-timeline>li,.ml-detail-shell .ml-timeline>li:last-child {background:#fafafb;border:1px solid var(--ml-line);border-radius:8px;padding:12px;margin-bottom:9px}
.ml-detail-shell .ml-timeline>li:before {content:none}
.ml-detail-shell .ml-timeline-head strong {font-size:12px;color:#414650}
.ml-detail-shell .ml-timeline-head>span,.ml-detail-shell .ml-timeline small {font-size:10px;color:#858993}
.ml-detail-shell .ml-analysis-evidence {border-color:var(--ml-line);color:#858993}
.ml-detail-shell .ml-analysis-export {display:flex;flex-wrap:wrap;gap:8px}
.ml-detail-shell .ml-script {font:13px/2 var(--sans,system-ui);white-space:pre-wrap;overflow-wrap:anywhere;background:#fafafb;border:1px solid var(--ml-line);border-radius:10px;color:#414650;padding:16px;margin:0 0 14px;max-height:none}
.ml-detail-shell .ml-chart-card {background:#fff;border:1px solid var(--ml-line);border-radius:10px;padding:12px 12px 5px}
.ml-detail-shell .ml-chart-card>span {font-size:11px;color:#777b84}
.ml-detail-shell .ml-chart-empty {color:#8b8f98;min-height:110px}
.ml-detail-shell .ml-chart-line {stroke:#3666d8}
.ml-detail-shell .ml-chart-dots {fill:#3666d8}
.ml-detail-shell .ml-chart-grid line {stroke:#eff0f2}
.ml-detail-shell .ml-chart-grid text,.ml-detail-shell .ml-chart-label {fill:#8b8f98}
.ml-workspace .ml-detail-shell input,.ml-workspace .ml-detail-shell textarea,.ml-workspace .ml-detail-shell select {background:#fff;border:1px solid #dfe1e6;color:#414650;font-size:12px;border-radius:7px;color-scheme:light}
.ml-detail-shell .ml-field-grid {gap:12px}
.ml-detail-shell .ml-metadata-form label {color:#777b84;font-size:11px}
.ml-detail-shell :is(button,a,input,textarea,[tabindex]):focus-visible {outline:2px solid #3666d8;outline-offset:2px}
.ml-detail-shell button:disabled {cursor:default}
.ml-detail-shell [hidden] {display:none!important}
@media(max-width:800px) {
  .ml-workspace .ml-detail-shell {width:96vw;height:94dvh;max-height:94dvh}
  .ml-detail-shell .ml-detail-layout {grid-template-columns:minmax(0,40%) minmax(0,1fr)}
  .ml-detail-shell .ml-detail-times {font-size:9px}
  .ml-detail-shell .ml-detail-author-head {padding-left:16px;gap:8px}
  .ml-detail-shell .ml-detail-tabbar {padding:0 16px;gap:16px}
  .ml-detail-shell .ml-detail-scroll {padding-left:16px;padding-right:16px}
  .ml-detail-shell .ml-detail-actions {padding:12px 16px}
}
@media(max-width:640px) {
  .ml-workspace .ml-detail-shell {width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .ml-detail-shell .ml-detail-layout {grid-template-columns:1fr;grid-template-rows:min(42dvh,360px) minmax(0,1fr)}
  .ml-workspace .ml-detail-shell>.ml-dialog-head {top:max(12px,env(safe-area-inset-top));right:12px;width:38px;height:38px}
  .ml-workspace .ml-detail-shell .ml-dialog-head>.ml-icon-button {width:38px;height:38px;min-height:38px;background:#fffffff0;color:#343943}
  .ml-detail-shell .ml-detail-navigation {right:60px;top:max(15px,env(safe-area-inset-top))}
  .ml-detail-shell .ml-detail-author-head {min-height:63px;padding:9px 16px;gap:9px}
  .ml-detail-shell .ml-detail-author-text strong {font-size:13px}
  .ml-detail-shell .ml-detail-times {font-size:9px}
  .ml-detail-shell .ml-detail-tabbar {gap:0;justify-content:space-between}
  .ml-detail-shell .ml-detail-tabbar button {padding:11px 0 9px;font-size:12px}
  .ml-detail-shell .ml-detail-scroll {padding-bottom:14px}
  .ml-detail-shell .ml-detail-actions {padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:6px}
  .ml-detail-shell .ml-detail-actions .ml-button {min-height:36px;padding:7px 9px;font-size:11px!important}
  .ml-detail-shell .ml-field-grid {grid-template-columns:1fr}
}
@media(max-height:600px) and (max-width:640px) {
  .ml-detail-shell .ml-detail-layout {grid-template-rows:30dvh minmax(0,1fr)}
  .ml-detail-shell .ml-detail-author-head {min-height:52px;padding-top:5px;padding-bottom:5px}
}
@media(prefers-reduced-motion:reduce) {
  .ml-detail-shell * {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Compact first-screen hierarchy from the observed reference interaction. */
.ml-workspace .ml-detail-shell{width:min(980px,94vw);height:min(740px,92dvh);border-radius:18px}
.ml-workspace .ml-detail-shell::backdrop{backdrop-filter:none;background:#11182766}
.ml-detail-shell .ml-detail-layout{grid-template-columns:minmax(0,40%) minmax(0,1fr)}
.ml-detail-shell .ml-detail-author-head{min-height:61px;padding:10px 54px 10px 20px}
.ml-detail-shell .ml-detail-tabbar{gap:19px;padding:0 20px}
.ml-detail-shell .ml-detail-tabbar button{padding:10px 0 8px;font-size:11px}
.ml-detail-shell .ml-detail-scroll{padding:0 20px 14px}
.ml-detail-shell .ml-detail-section{padding:12px 0 0}
.ml-detail-shell .ml-section-heading{margin-bottom:6px}
.ml-detail-shell .ml-section-heading h4{font-size:11px;color:#858d9a}
.ml-detail-shell .ml-detail-metrics>div{padding:7px 5px;gap:0}
.ml-detail-shell .ml-detail-metrics strong{font-size:18px;line-height:1.5}
.ml-detail-shell .ml-detail-metrics small{font-size:10px}
.ml-detail-shell .ml-detail-sales-card{padding:9px 12px;border:1px solid #e1e9fa;gap:1px 10px;border-radius:8px}
.ml-detail-shell .ml-detail-sales-card strong{font-size:17px}
.ml-detail-shell .ml-detail-sales-card>span{font-size:10px}
.ml-detail-shell .ml-help{margin-top:4px;line-height:1.4}
.ml-detail-shell .ml-product-recognition{padding:9px 12px;margin-bottom:7px;background:#f4f7ff;border-color:#e1e9fa;border-radius:8px}
.ml-detail-shell .ml-product-compact{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ml-detail-shell .ml-product-compact strong{font-size:12px;color:#303949;font-weight:500;overflow-wrap:anywhere}
.ml-detail-shell .ml-product-compact>span{color:#8692a5;font-size:10px;white-space:nowrap}
.ml-detail-shell .ml-product-alternatives{font-size:11px;color:#8692a5;margin-top:7px}
.ml-detail-shell .ml-product-alternatives>summary{cursor:pointer}
.ml-detail-shell .ml-product-alternatives ul{margin:6px 0;padding-left:16px}
.ml-detail-shell .ml-trend-switch{display:flex;align-items:center;gap:6px}
.ml-detail-shell .ml-trend-switch button{padding:3px 10px;border:1px solid #e2e7ef;border-radius:20px;background:#fff;color:#778191;font-size:10px;min-height:25px}
.ml-detail-shell .ml-trend-switch button[aria-pressed=true]{background:#3666d8;border-color:#3666d8;color:#fff}
.ml-detail-shell .ml-trend-switch .ml-trend-all{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding-right:0;border:0;color:#8b93a1;background:none}
.ml-detail-shell .ml-trend-switch svg{width:12px;height:12px}
.ml-detail-shell .ml-detail-trend-preview .ml-chart-card{padding:7px 10px 2px;margin-top:7px}
.ml-detail-shell .ml-detail-trend-preview .ml-chart{height:145px;margin:0}
.ml-detail-shell .ml-detail-trend-preview .ml-chart-empty{min-height:72px;gap:5px}
.ml-detail-shell .ml-detail-trend-preview .ml-chart-empty>svg{width:18px;height:18px}
.ml-detail-shell .ml-detail-trend-preview .ml-chart-empty small{font-size:10px}
.ml-detail-shell .ml-detail-actions{padding:10px 20px;gap:6px}
.ml-detail-shell .ml-detail-actions .ml-button{min-height:32px;font-size:11px!important}
.ml-detail-shell .ml-commerce-links{padding:8px 10px}
.ml-detail-shell .ml-commerce-document{padding:5px 9px;font-size:11px}
.ml-detail-shell .ml-commerce-list{margin-top:5px;list-style:none;padding-left:0}
.ml-detail-shell .ml-commerce-list li{padding:4px 0}
.ml-detail-shell .ml-commerce-heading>span>small{display:none}
.ml-detail-shell .ml-read-description{font-size:12px;line-height:1.75}
.ml-detail-shell .ml-read-fields{font-size:11px;gap:5px 12px}
@media(max-width:800px){.ml-detail-shell .ml-detail-layout{grid-template-columns:minmax(0,38%) minmax(0,1fr)}}
@media(max-width:640px){.ml-workspace .ml-detail-shell{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ml-detail-shell .ml-detail-layout{grid-template-columns:1fr;grid-template-rows:min(38dvh,320px) minmax(0,1fr)}.ml-detail-shell .ml-detail-scroll{padding:0 14px 12px}.ml-detail-shell .ml-detail-author-head{padding:8px 14px;min-height:54px}.ml-detail-shell .ml-detail-tabbar{padding:0 14px;gap:12px}.ml-detail-shell .ml-detail-actions{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.ml-detail-shell .ml-detail-trend-preview .ml-chart{height:125px}.ml-detail-shell .ml-product-compact{align-items:flex-start}}

/* Source-equivalent detail hierarchy. Every selector stays inside the material dialog. */
.ml-workspace .ml-source-shell{--source-ink:#14161b;--source-muted:#7b8290;--source-faint:#9ca3b0;--source-line:#e9ecf2;width:min(920px,94vw);height:min(716px,94dvh);max-height:94dvh;border-radius:20px;box-shadow:0 24px 70px #10152230;font:12px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft Yahei",sans-serif}
.ml-workspace .ml-source-shell::backdrop{background:#0a0c1057;backdrop-filter:none}
.ml-source-shell .ml-detail-layout{grid-template-columns:minmax(0,380px) minmax(0,1fr)}
.ml-source-shell .ml-detail-stage{background:#0e1116;overflow:hidden}
.ml-source-shell .ml-detail-media>img,.ml-source-shell .ml-detail-media video{width:100%;height:100%;object-fit:cover;display:block}
.ml-source-shell .ml-detail-navigation{top:50%;transform:translateY(-50%);opacity:0;transition:opacity .15s}
.ml-source-shell .ml-detail-stage:hover .ml-detail-navigation,.ml-source-shell .ml-detail-stage:focus-within .ml-detail-navigation{opacity:1}
.ml-source-shell .ml-detail-navigation button{width:30px;height:30px;background:#12172280}
.ml-source-shell .ml-detail-author-head{min-height:54px;padding:9px 52px 8px 22px;gap:9px}
.ml-source-shell .ml-detail-avatar{flex:0 0 30px;width:30px;height:30px;background:#edf2ff;font-size:12px;overflow:hidden}
.ml-source-shell .ml-detail-avatar img{width:100%;height:100%;object-fit:cover}
.ml-source-shell .ml-detail-author-text{flex:none;gap:4px;min-width:0;max-width:150px}
.ml-source-shell .ml-detail-author-text strong{font-size:13.5px;font-weight:600;line-height:1.25;max-width:130px}
.ml-source-shell .ml-detail-author-text button{border:0;background:none;padding:0;color:var(--source-faint);font-size:10px;line-height:1.1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;min-height:0}
.ml-source-shell .ml-detail-times{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:5px;font-size:10px;white-space:nowrap;color:var(--source-muted);min-width:0}
.ml-source-shell .ml-detail-times>span:first-child{color:#4e5665}
.ml-source-shell .ml-detail-times i{font-style:normal;color:#a0a6b2}
.ml-source-shell .ml-detail-scroll{padding:12px 22px 4px;scrollbar-width:none;overscroll-behavior:contain;overflow-y:auto}
.ml-source-shell .ml-detail-scroll::-webkit-scrollbar{width:0}
.ml-source-shell .ml-source-block{margin:0 0 12px;padding:0}
.ml-source-shell .ml-source-block>h4,.ml-source-shell .ml-source-trend-head h4{color:var(--source-faint);font-size:11px;font-weight:600;line-height:1.5;margin:0 0 7px}
.ml-source-shell .ml-detail-metrics{border:1px solid var(--source-line);border-radius:10px;background:var(--source-line);gap:1px;margin:0;overflow:hidden}
.ml-source-shell .ml-detail-metrics>div{background:#fff;border:0;padding:8px 6px 7px;gap:2px}
.ml-source-shell .ml-detail-metrics strong{position:relative;display:inline-block;font-size:15px;font-weight:650;line-height:1.5;white-space:nowrap;color:var(--source-ink);letter-spacing:-.01em}
.ml-source-shell .ml-detail-metrics svg{width:12px;height:12px;color:var(--source-muted)}
.ml-source-shell .ml-source-delta{color:#e0483e;white-space:nowrap;font-size:9.5px;font-weight:600;letter-spacing:0;margin-left:2px}
.ml-source-shell .ml-detail-metrics .ml-source-delta{position:absolute;top:-6px;left:100%}
.ml-source-shell .ml-source-trend-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.ml-source-shell .ml-source-trend-head h4{margin:0;white-space:nowrap}
.ml-source-shell .ml-source-trend-head small{font-size:10px;font-weight:400;margin-left:5px}
.ml-source-shell .ml-source-ranges{display:inline-flex;background:#f7f8fa;border:1px solid var(--source-line);border-radius:8px;padding:2px;gap:2px;flex:none}
.ml-source-shell .ml-source-ranges button{background:none;border:0;color:var(--source-muted);font-size:11.5px;border-radius:6px;padding:2px 7px;line-height:1.5;min-height:0;white-space:nowrap}
.ml-source-shell .ml-source-ranges button[aria-pressed=true]{color:var(--source-ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #141a2614}
.ml-source-shell .ml-source-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ml-source-shell .ml-source-metrics button{border:1px solid #dce1ea;background:#fff;border-radius:999px;color:#606875;font-size:11.5px;line-height:1.4;padding:3px 10px;min-height:0}
.ml-source-shell .ml-source-metrics button:hover{color:var(--metric-color);border-color:var(--metric-color)}
.ml-source-shell .ml-source-metrics button[aria-pressed=true]{color:#fff;background:var(--metric-color);border-color:var(--metric-color);font-weight:600}
.ml-source-shell .ml-source-figure{--source-chart-height:clamp(112px,20vh,220px);border:1px solid var(--source-line);border-radius:12px;background:#fff;padding:9px 11px 8px;position:relative;min-height:calc(var(--source-chart-height) + 62px)}
.ml-source-shell .ml-source-summary{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 2px 1px}
.ml-source-shell .ml-source-current{display:flex;align-items:baseline;gap:6px}
.ml-source-shell .ml-source-current b{color:var(--source-ink);font-size:17.5px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ml-source-shell .ml-source-current span{font-size:10.5px;color:var(--source-faint)}
.ml-source-shell .ml-source-gain{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;font-weight:650;line-height:1.1}
.ml-source-shell .ml-source-gain span{font-size:10px;font-weight:400;color:var(--source-faint)}
.ml-source-shell .ml-source-chart{height:var(--source-chart-height);position:relative;touch-action:pan-y}
.ml-source-shell .ml-source-chart>svg{display:block;width:100%;height:100%;stroke:none;fill:none}
.ml-source-shell .ml-source-axis{fill:var(--source-faint);font:10px system-ui;user-select:none;stroke:none;font-variant-numeric:tabular-nums}
.ml-source-shell .ml-source-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--source-faint);font-size:11px;pointer-events:none}
.ml-source-shell .ml-source-tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 10px));background:#14161beb;color:#fff;border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;gap:1px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px -12px #0a0e16b3}
.ml-source-shell .ml-source-tip>span{color:#ffffff9e;font-size:10px}
.ml-source-shell .ml-source-tip strong{display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:600}
.ml-source-shell .ml-source-tip b{font-size:10.5px}
.ml-source-shell .ml-source-trend-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;padding:1px 2px 0;color:var(--source-faint);font-size:10px}
.ml-source-shell .ml-source-trade-box{background:#f0f4ff;border-radius:10px;padding:0 14px}
.ml-source-shell .ml-source-trade{margin:0;padding:0;display:grid}
.ml-source-shell .ml-source-trade>div{border-bottom:1px solid #3666d81a;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;font-size:12px}
.ml-source-shell .ml-source-trade>div:last-child{border:0}
.ml-source-shell .ml-source-trade dt{flex:none;color:var(--source-muted);margin:0}
.ml-source-shell .ml-source-trade dd{min-width:0;text-align:right;color:var(--source-ink);font-weight:650;font-variant-numeric:tabular-nums;margin:0;position:relative}
.ml-source-shell .ml-source-trade>div:nth-child(4) dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;max-width:24em}
.ml-source-shell .ml-source-trade dd.is-unknown{font-weight:400;color:var(--source-faint)}
.ml-source-shell .ml-source-trade .ml-source-delta{position:absolute;right:0;top:-7px}
.ml-source-shell .ml-source-trade dd:has(.ml-source-delta){padding-right:20px}
.ml-source-shell .ml-source-footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--source-line);padding:10px 22px;background:#fff}
.ml-source-shell .ml-source-tax{display:flex;gap:6px;align-items:center;min-width:0;flex:1;overflow:hidden}
.ml-source-shell .ml-source-tax>span{white-space:nowrap;font-size:11.5px;line-height:1;border-radius:999px;background:#f7f8fa;color:#667080;padding:4px 9px}
.ml-source-shell .ml-source-tax>span.is-empty{background:#b453091a;color:#b45309;font-weight:600}
.ml-source-shell .ml-source-tax>span.is-group{background:#edf2ff;color:#2a54b5;font-weight:600}
.ml-source-shell .ml-source-download{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#3666d8;color:#fff;border:0;border-radius:8px;font-size:12.5px;font-weight:600;white-space:nowrap;min-height:32px}
.ml-source-shell .ml-source-download svg{transform:rotate(90deg);width:13px;height:13px}
.ml-source-shell .ml-source-download:hover:not(:disabled){background:#2a54b5}
.ml-source-shell .ml-source-download:disabled{cursor:default;opacity:.5}
.ml-source-shell .ml-source-download-error{flex:1 0 100%;color:#d64545;font-size:11px}
.ml-source-shell .ml-source-more{border:0;background:none;color:#8d95a2;font-size:11px;padding:6px 4px}
.ml-source-shell .ml-source-tools{border:0;margin:0;padding:0}
.ml-source-shell .ml-source-tools>summary{display:none}
.ml-source-shell .ml-source-tools[open]{border-top:1px solid var(--source-line);margin-top:10px;padding-top:10px}
.ml-source-shell .ml-source-tools .ml-detail-tabbar{padding:0;gap:17px}
.ml-source-shell .ml-source-tools .ml-detail-actions{padding:0 0 10px;border-top:0}
.ml-source-shell .ml-source-notice{color:#9b713d;font-size:10px;margin:4px 0;line-height:1.6}
.ml-source-shell .ml-source-notice button{padding:0 3px;border:0;background:none;color:#3666d8;font-size:11px}
@media(max-height:760px) and (min-width:761px){.ml-workspace .ml-source-shell{height:96dvh;max-height:96dvh}.ml-source-shell .ml-detail-scroll{padding:9px 18px 2px}.ml-source-shell .ml-source-figure{--source-chart-height:clamp(88px,13vh,126px);padding:7px 10px 6px}.ml-source-shell .ml-source-block{margin-bottom:10px}.ml-source-shell .ml-source-trade>div{padding:4px 0}.ml-source-shell .ml-detail-metrics>div{padding:6px 6px 5px}}
@media(max-width:900px) and (min-width:761px){.ml-source-shell .ml-detail-layout{grid-template-columns:minmax(0,38%) minmax(0,1fr)}.ml-source-shell .ml-detail-times{flex-direction:column;align-items:flex-end;gap:1px;font-size:9px}.ml-source-shell .ml-detail-times i{display:none}.ml-source-shell .ml-source-trend-head{flex-wrap:wrap}.ml-source-shell .ml-detail-author-text{max-width:110px}}
@media(max-width:760px){.ml-workspace .ml-source-shell{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ml-source-shell .ml-detail-layout{grid-template-columns:1fr;grid-template-rows:52dvh minmax(0,1fr)}.ml-source-shell .ml-detail-stage{min-height:0}.ml-source-shell .ml-detail-media video,.ml-source-shell .ml-detail-media>img{object-fit:contain}.ml-source-shell .ml-detail-navigation{opacity:1;top:20px;transform:none;right:65px}.ml-source-shell .ml-detail-author-head{padding:9px 16px;min-height:55px}.ml-source-shell .ml-detail-author-text{max-width:140px}.ml-source-shell .ml-detail-times{flex-direction:column;gap:2px;align-items:flex-end;font-size:9px}.ml-source-shell .ml-detail-times i{display:none}.ml-source-shell .ml-detail-scroll{padding:12px 16px 4px}.ml-source-shell .ml-source-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:6px}.ml-source-shell .ml-source-trend-head{flex-wrap:wrap;gap:6px}.ml-source-shell .ml-source-ranges{margin-left:auto}.ml-source-shell .ml-source-ranges button{font-size:11px;padding:2px 6px}.ml-source-shell .ml-source-trend-head small{font-size:9px}.ml-source-shell .ml-source-figure{--source-chart-height:170px}.ml-source-shell .ml-source-metrics{gap:5px}.ml-source-shell .ml-source-metrics button{font-size:11px;padding:3px 8px}.ml-source-shell .ml-source-trade>div{font-size:11px}.ml-source-shell .ml-source-download{padding:7px 10px}.ml-source-shell .ml-source-tax>span{font-size:10px;padding:4px 7px}.ml-source-shell .ml-source-current b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ml-source-shell *{transition:none!important;scroll-behavior:auto!important}}

/* Final dimensions and typography verified against the original detail page. */
.ml-workspace .ml-source-shell{--sans:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--sans);height:min(calc(524px + clamp(112px,20vh,220px)),96dvh);max-height:96dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ml-source-shell .ml-detail-stage{align-self:start;aspect-ratio:9/16;width:100%;height:auto;max-height:96dvh}
.ml-source-shell .ml-detail-author-head{min-height:50px}
.ml-source-shell .ml-detail-avatar{background:hsl(214 42% 46%);color:#fff}
.ml-source-shell .ml-source-axis{font-family:var(--sans)}
.ml-workspace .ml-source-shell .ml-dialog-head>.ml-icon-button{width:30px;height:30px;min-height:30px}
@media(max-width:760px){.ml-workspace .ml-source-shell{height:100dvh;max-height:100dvh}.ml-source-shell .ml-detail-stage{aspect-ratio:auto;height:52dvh;max-height:52dvh}.ml-source-shell .ml-detail-author-head{min-height:52px}}
.ml-source-shell .ml-detail-author-text{flex:0 1 auto}
.ml-source-shell .ml-detail-author-text button,.ml-source-shell .ml-detail-author-text strong{max-width:100%}
.ml-source-shell .ml-detail-times{font-size:11px;flex-direction:row;align-items:center;gap:5px}
.ml-source-shell .ml-detail-times i{display:inline}
@media(min-width:761px){.ml-source-shell .ml-detail-layout{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}

.ml-source-shell [data-source-tone="fav"]{--metric-color:#3666d8}
.ml-source-shell [data-source-tone="like"]{--metric-color:#e0483e}
.ml-source-shell [data-source-tone="forward"]{--metric-color:#2d9e73}
.ml-source-shell [data-source-tone="comment"]{--metric-color:#6b64d6}
.ml-source-shell [data-source-tone="sold"]{--metric-color:#e0603a}
.ml-source-shell [data-source-tone="buyers"]{--metric-color:#c98816}
.ml-source-shell .ml-source-gain,.ml-source-shell .ml-source-tip b{color:var(--metric-color)}

.ml-workspace .ml-detail-shell.ml-source-shell{border-radius:20px;background:#fff}
@media(max-width:760px){.ml-workspace .ml-detail-shell.ml-source-shell{border-radius:0}}