:root{
  --qm-phone-width:340px;
  --qm-phone-inset:0px;
  --qm-phone-radius:42px;
  --qm-screen-radius:36px;
  --qm-screen-ratio:9/19.5;
  --qm-phone-color:#fff;
  --qm-phone-shadow:0 2px 6px rgba(22,22,26,.16),0 32px 64px -20px rgba(22,22,26,.38);
}
html body>nav .nav-links a{
  position:relative;
  text-decoration:none;
  background-image:none;
  border-bottom:0;
  box-shadow:none;
}
html body>nav .nav-links a:is(.here,[aria-current="page"]){
  text-decoration:none;
}
html body>nav .nav-links a:is(.here,[aria-current="page"])::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border:0;
  border-radius:2px;
  background:var(--accent,#D33A2C);
  box-shadow:none;
  animation:none;
}
html body>footer.qm-page-footer{
  box-sizing:border-box;
  display:flex;
  flex:none;
  align-self:stretch;
  justify-content:flex-start;
  width:100%;
  max-width:1440px;
  margin:24px auto 0;
  padding:16px 32px;
  border:0;
  background:none;
  color:var(--ink-faint,#69645A);
  font-size:12px;
  line-height:1.7;
  text-align:left;
}
html body>footer.qm-page-footer>span{margin:0;text-align:left}
html:root body .pv-phone:has(>.pv-screen),html:root body .tool-phone{
  box-sizing:border-box;
  position:relative;
  width:var(--qm-phone-width);
  max-width:100%;
  margin-inline:auto;
  padding:var(--qm-phone-inset);
  border:6px solid #5C5C61;
  border-radius:var(--qm-phone-radius);
  background:var(--qm-phone-color);
  box-shadow:var(--qm-phone-shadow);
}
html:root body .pv-phone>.pv-screen,html:root body .tool-phone>.tool-phone-screen{
  position:relative;
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
  aspect-ratio:var(--qm-screen-ratio);
  border-radius:var(--qm-screen-radius);
  overflow:hidden;
  background:#fff;
}
html:root body .pv-phone>.pv-notch,html:root body .tool-phone>.tool-phone-speaker{display:none}
html:root body .pv-phone .pv-main{
  flex:none;
  margin-top:0;
  aspect-ratio:var(--qm-media-ratio,4/5);
  max-height:var(--qm-media-limit,540px);
  background:#F3F3F5;
}
html:root body .pv-phone .pv-main video{
  object-fit:contain;
  object-position:center;
  transform:none;
}
html:root body .pv-phone .pv-main img:not(.pv-bg){
  object-fit:contain!important;
  object-position:center;
  transform:none;
}
html:root body .tool-phone-media{margin-top:0}
html:root body .tool-phone-media video{object-fit:contain;object-position:center}
@media(min-width:701px) and (max-width:1050px){
  :root{--qm-phone-width:280px}
}
@media(max-width:700px){
  :root{--qm-phone-width:min(300px,calc(100vw - 64px))}
  html:root body .pv-body:has(.pv-screen){padding:20px 12px 22px}
  html body>footer.qm-page-footer{padding:16px 20px;margin-top:20px}
}

html:root body .pv-phone .pv-text{flex:1;min-height:0;max-height:none;padding:13px 15px 20px;overflow-y:auto;background:#fff}

html body>footer.qm-page-footer{gap:8px;flex-wrap:wrap}
.qm-page-footer a{color:inherit;text-decoration:none;text-underline-offset:3px}
.qm-page-footer a:hover{text-decoration:underline}
.qm-page-footer a:focus-visible{outline:2px solid var(--accent,#D33A2C);outline-offset:4px}
.qm-device-status{display:flex;flex:none;align-items:center;justify-content:space-between;height:28px;padding:4px 20px 0;color:#24252A;background:#fff;font:600 12px/1.2 "Noto Sans SC",sans-serif}
.qm-device-status svg{width:52px;height:14px}
.qm-home-indicator{position:absolute;left:50%;bottom:7px;width:96px;height:4px;border-radius:3px;background:#24252A;transform:translateX(-50%);z-index:5;pointer-events:none}
html:root body .pv-phone .pv-bg{display:none}
html:root body .pv-phone .pv-text{padding:16px 17px 25px;border-top:0;scrollbar-gutter:stable}
html:root body .pv-phone .pv-text b{font-size:15px;font-weight:600;line-height:1.65;margin-bottom:8px;overflow-wrap:anywhere}
html:root body .pv-phone .pv-text p{font-size:13px;font-weight:400;line-height:1.85;margin-bottom:14px;overflow-wrap:anywhere}
html:root body .pv-phone .pv-text .tags{font-size:12px;line-height:1.75;color:#73737B;overflow-wrap:anywhere}
html:root body #phPost,html:root body #phEmpty,html:root body #phLoading{inset:28px 0 0;height:auto}
html:root body #phEmpty,html:root body #phLoading{background:#fff}
html:root body .ph-kind{font-size:10px;font-weight:500;background:rgba(22,22,26,.65);color:#fff;padding:4px 7px;border-radius:5px}
html:root body .tool-phone-caption{padding-bottom:26px}
html:root body .pv-video-status{max-width:calc(100% - 28px);font-size:12px;line-height:1.7;text-align:center}
html:root body .pv-video-status.is-connection-help .pv-video-spinner{display:none}

html:root body .pv-phone .pv-text [hidden]{display:none!important}


:root{--qm-caption-height:148px}
html:root body .pv-phone .pv-main{flex:1 1 0;min-height:0;max-height:none;aspect-ratio:auto;margin:0;background:#111115}
html:root body .pv-phone .pv-main video{inset:0 0 44px;width:100%;height:calc(100% - 44px);object-fit:contain;object-position:center}
html:root body .pv-phone .pv-text{flex:none;height:var(--qm-caption-height);max-height:var(--qm-caption-height);min-height:0;margin-top:auto;padding:13px 17px 25px;overflow:auto}
html:root body .pv-phone .pv-controls.pv-with-timeline{position:absolute;left:0;right:0;bottom:0;min-height:44px;padding:0 9px;gap:7px;border:0;border-radius:0;background:#111115;grid-template-columns:36px minmax(0,1fr) 36px}
html:root body .pv-phone .pv-controls .pv-play,html:root body .pv-phone .pv-controls .pv-sound{width:36px;height:40px}
html:root body .pv-phone .pv-controls .pv-seek{height:26px}
html:root body .phone-col,html:root body .studio-side,html:root body .studio-side .preview,html:root body .prep-side,
html:root body.is-tool-route .tool-workbench>.local-tool-preview,html:root body.is-tool-route .tool-workbench>.wm-preview-col,html:root body.is-tool-route .tool-workbench>.tool-preview{position:static;top:auto;align-self:start}
html:root body .tool-phone-caption{flex:none;height:var(--qm-caption-height);min-height:0;max-height:var(--qm-caption-height);overflow:auto;padding:14px 17px 25px}
html:root body .tool-phone-label{display:none!important}
html:root body .tool-phone-title{font-family:inherit;font-size:15px;line-height:1.65;font-weight:600;margin-top:0}
html:root body .tool-preview-actions button,html:root body .tool-preview-actions a{font-family:inherit;font-size:13px;font-weight:500}
html:root body .tool-control-panel h2,html:root body .tool-control-panel h3,html:root body .local-error h3,html:root body .wm-error h3{font-family:inherit;font-size:20px;line-height:1.5;font-weight:600;letter-spacing:0}
html:root body .tool-control-panel:has(.local-error),html:root body .tool-control-panel:has(.wm-error){min-height:0}
html:root body .tool-state-label{padding:0;background:none;border:0;border-radius:0;font-weight:500}
html:root body .tool-state-label::before{display:none}
html:root body.is-tool-route>footer.qm-page-footer{display:none}

html body :is(span,small,strong,b,em):is([class*="badge"],[class*="pill"],[class*="count"],[class*="quota"],[class*="stat"],[class*="label"],.idx,.gal-note){background:none!important;border:0;border-radius:0;padding:0;box-shadow:none}
html body :is(span,small,strong,b,em):is([class*="badge"],[class*="pill"],[class*="count"],[class*="quota"],[class*="stat"],[class*="label"])::before{display:none}
html body :is(.ar-badge,.ar-chip,.local-process-status,.wm-status,.tool-hub-status,.pl-setup-status,.qm-mobile-route-badge,.qm-mobile-capability-badge){background:none!important;border:0;border-radius:0;box-shadow:none}
html body :is(.local-process-status,.wm-status,.tool-hub-status,.pl-setup-status)::before{display:none}
html body .tool-phone-label{display:none!important}
html body .tool-control-panel :is(h1,h2,h3,h4),html body .tool-preview-actions{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}

html body .local-progress-track.is-indeterminate{position:relative;overflow:hidden}
html body .local-progress-track.is-indeterminate .local-progress-fill{width:28%;transform:none;animation:qm-progress-reading 1.3s ease-in-out infinite}
@keyframes qm-progress-reading{from{transform:translateX(-110%)}to{transform:translateX(460%)}}
@media(prefers-reduced-motion:reduce){html body .local-progress-track.is-indeterminate .local-progress-fill{animation:none;width:50%}}
html body .local-progress-head strong{padding:0;background:none;border:0;border-radius:0;color:var(--ink);font-weight:500}
html body .library-preview-status{background:rgba(18,18,22,.8)!important;color:#fff;padding:8px 12px;border-radius:6px}

html.qm-handheld body .qm-mobile-capability{background:none;border:0}
html.qm-handheld body .qm-mobile-capability-badge,html.qm-handheld body .qm-mobile-route-badge{display:none}
html.qm-handheld body .qm-mobile-capability-inner{display:flex;gap:12px;align-items:center;max-width:100%;padding:10px 20px}
html.qm-handheld body .qm-mobile-capability-copy{color:#6F7078;font-size:12px;line-height:1.7}
html.qm-handheld body .qm-mobile-route{display:block;background:none;border-radius:0;padding:14px 2px}
html.qm-handheld body .qm-mobile-route-note{display:block;margin-top:5px}
html.qm-handheld body .qm-mobile-route-arrow{display:none}
.qm-mobile-computer-notice{position:fixed;left:20px;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:500;max-width:480px;margin:auto;padding:14px 16px;background:#fff;border:1px solid #DBDCE1;border-radius:8px;color:#34353D;font:400 14px/1.7 "Noto Sans SC",sans-serif}
html.qm-handheld body #sfPoster,html.qm-handheld body #sfPublish,html.qm-handheld body #sfVideo{display:none!important}
.qm-album-hint{color:#6F7078;font-size:13px;line-height:1.75;margin:8px 0 18px}
.library-album-save{min-height:44px;border:0;border-radius:8px;background:#D33A2C;color:#fff;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}
.qm-album-save-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:18px;border:0;border-radius:12px;background:#fff;color:#24252A}
.qm-album-save-dialog::backdrop{background:rgba(14,14,18,.6)}
.qm-album-save-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.qm-album-save-dialog header strong{font-size:17px;font-weight:600}
.qm-album-save-dialog button{min-height:44px;padding:8px 12px;border:1px solid #D7D8DE;border-radius:7px;background:#fff;color:#444;font:inherit}
.qm-album-save-copy{font-size:13px;line-height:1.75;color:#6F7078}
.qm-album-save-list{display:grid;gap:20px}
.qm-album-save-list section{min-width:0;display:grid;gap:10px}
.qm-album-save-list img,.qm-album-save-list video{width:100%;max-height:55dvh;object-fit:contain;background:#111115;-webkit-touch-callout:default}
.qm-album-save-list a{font-size:14px;min-height:44px;line-height:44px;color:#A82A20;text-underline-offset:4px}
html.qm-handheld body .library-preview-head{flex-wrap:wrap;gap:10px}
html.qm-handheld body .library-preview-head strong{flex:1 1 100%;font-weight:500}

html body :is(span,small,strong,b,em):is([class*="meta"],[class*="num"],[class*="meter"],[class*="progress-count"],#selMeta,#pvInd){background:none!important;border:0;border-radius:0;box-shadow:none}
html body :is(span,small,strong,b,em):is([class*="meta"],[class*="num"],[class*="meter"],#selMeta,#pvInd)::before{display:none}