:root{
  --tf-ink:#111827;
  --tf-muted:#667085;
  --tf-line:#dfe4ec;
  --tf-soft:#f7f9fc;
  --tf-blue:#2563eb;
  --tf-width:1220px;
}
*{box-sizing:border-box}
html{background:#fff!important}
body.tool-framed-page{
  min-height:100vh!important;
  margin:0!important;
  background:#fff!important;
  color:var(--tf-ink)!important;
  font-family:"Noto Sans SC","Microsoft YaHei UI","PingFang SC",system-ui,-apple-system,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.tool-frame-header{
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:1px solid var(--tf-line);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px) saturate(1.12);
}
.tool-frame-inner{
  display:flex;
  width:min(100% - 36px,var(--tf-width));
  min-height:72px;
  margin:0 auto;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.tool-frame-brand,
.tool-frame-back{
  display:inline-flex;
  align-items:center;
  color:var(--tf-ink);
  text-decoration:none;
}
.tool-frame-brand{gap:11px;font-size:1.02rem;font-weight:820;white-space:nowrap}
.tool-frame-brand span{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:11px;
  background:var(--tf-ink);
  color:#fff;
  font-size:.69rem;
  font-weight:900;
}
.tool-frame-back{
  min-height:38px;
  border:1px solid var(--tf-line);
  border-radius:9px;
  padding:0 13px;
  color:var(--tf-muted);
  font-size:.82rem;
  font-weight:720;
}
.tool-frame-back:hover{border-color:#b8c4d6;color:var(--tf-ink)}
body.tool-framed-page .topbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  border-bottom:1px solid var(--tf-line)!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--tf-ink)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}
body.tool-framed-page .topbar h1{
  margin:0!important;
  font-size:1.02rem!important;
  font-weight:820!important;
}
body.tool-framed-page .top-actions a,
body.tool-framed-page .top-actions button{
  border:1px solid var(--tf-line)!important;
  border-radius:9px!important;
  color:var(--tf-ink)!important;
  background:#fff!important;
}
body.tool-framed-page>#root,
body.tool-framed-page>#mh-root,
body.tool-framed-page>.app{
  width:min(100% - 36px,var(--tf-width))!important;
  max-width:var(--tf-width)!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:34px 0 72px!important;
  background:#fff!important;
}
body.tool-framed-page .MuiContainer-root{
  max-width:var(--tf-width)!important;
}
body.tool-framed-page .MuiPaper-root,
body.tool-framed-page .MuiCard-root,
body.tool-framed-page .panel,
body.tool-framed-page .upload-panel,
body.tool-framed-page .queue-panel{
  border:1px solid var(--tf-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.tool-framed-page .MuiTypography-h1,
body.tool-framed-page .MuiTypography-h2,
body.tool-framed-page .MuiTypography-h3,
body.tool-framed-page h1,
body.tool-framed-page h2{
  color:var(--tf-ink)!important;
  letter-spacing:0!important;
}
body.tool-framed-page .MuiTypography-body1,
body.tool-framed-page .MuiTypography-body2,
body.tool-framed-page p,
body.tool-framed-page small{
  color:var(--tf-muted);
}
body.tool-framed-page .MuiButton-contained,
body.tool-framed-page button.primary,
body.tool-framed-page .action.primary{
  background:var(--tf-ink)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.tool-framed-page .MuiButton-outlined,
body.tool-framed-page .MuiButton-text,
body.tool-framed-page .action,
body.tool-framed-page .small-btn,
body.tool-framed-page .text-button{
  border-color:var(--tf-line)!important;
  border-radius:9px!important;
  color:var(--tf-ink)!important;
  box-shadow:none!important;
}
body.tool-framed-page input,
body.tool-framed-page textarea,
body.tool-framed-page select,
body.tool-framed-page .MuiInputBase-root{
  border-radius:9px!important;
}
body.tool-framed-page .app-bar{
  position:relative!important;
  top:auto!important;
  min-height:64px!important;
  margin-bottom:14px;
  border:1px solid var(--tf-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--tf-ink)!important;
  box-shadow:none!important;
}
body.tool-framed-page .app-bar .brand p{color:var(--tf-muted)!important}
body.tool-framed-page .mode-select{
  border-color:var(--tf-line)!important;
  background:var(--tf-soft)!important;
  color:var(--tf-ink)!important;
}
body.tool-framed-page .bottom-bar{
  border-top:1px solid var(--tf-line)!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(18px);
}
body.tool-framed-page .bottom-inner{
  width:min(100% - 36px,var(--tf-width))!important;
  max-width:var(--tf-width)!important;
}
@media(max-width:820px){
  .tool-frame-inner{width:calc(100% - 32px);min-height:62px}
  .tool-frame-brand{font-size:.96rem}
  .tool-frame-brand span{width:34px;height:34px}
  .tool-frame-back{min-height:36px;padding:0 10px;font-size:.78rem}
  body.tool-framed-page>#root,
  body.tool-framed-page>#mh-root,
  body.tool-framed-page>.app{
    width:calc(100% - 32px)!important;
    padding:20px 0 62px!important;
  }
}