/* Standalone tool shell v1.2.2. The site's blog theme templates aren't loaded.
   This stylesheet is only enqueued on four known tool slugs. */
:root{color-scheme:light}
html{margin:0;min-height:100%;background:#f4f7fc}
body.tcs-tool-standalone-body{
  box-sizing:border-box;
  margin:0!important;padding:0!important;
  min-height:100vh;width:100%;overflow-x:hidden;
  color:#1b2d49;
  background:radial-gradient(1100px 520px at 96% -110px,rgba(219,232,254,.49),transparent 74%),#f4f7fc!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
}
body.tcs-tool-standalone-body *,body.tcs-tool-standalone-body *::before,body.tcs-tool-standalone-body *::after{box-sizing:border-box}
body.tcs-tool-standalone-body .tcs-tool-standalone-main{
  width:100%;max-width:none!important;min-width:0;
  margin:0!important;padding:14px 16px 34px!important;
  background:transparent;
}
body.tcs-tool-standalone-body .tcs-tool-standalone-stage{
  width:100%;max-width:none!important;min-width:0;margin:0 auto!important;padding:0!important;
}
/* Existing tool apps are still styled by their own plugins, but the site-wide
   article constraints and obsolete max-widths no longer govern the layout. */
body.tcs-tool-standalone-body .tcs-tool-standalone-stage :is(.tcs-scan,.tcs-tryon-app,.tcs-id-photo-app,.tcs-handwriting-app,.tcs-handwriting,.tcs-handwriting-ocr,.tcs-ocr-app,.tcs-ocr){
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0 auto 24px!important;padding-left:0!important;padding-right:0!important;
}
body.tcs-tool-standalone-body .tcs-tool-standalone-stage> :is(.wp-block-group,.wp-block-columns,.wp-block-cover,.alignwide,.alignfull){max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
/* Avoid adding a false 'white border' around the scanner's intro frame. */
body.tcs-tool-standalone-body .tcs-scan-intro,
body.tcs-tool-standalone-body .tcs-tryon-head,
body.tcs-tool-standalone-body .tcs-id-head{background-color:#fbfdff;}
body.tcs-tool-standalone-body .tcs-tool-standalone-stage img,
body.tcs-tool-standalone-body .tcs-tool-standalone-stage canvas{max-width:100%;}
body.tcs-tool-standalone-body .tcs-tool-skip-link,
.tcs-tool-skip-link{position:absolute;top:-100px;left:12px;z-index:99999;padding:8px 12px;background:#fff;color:#184e96;border-radius:8px}
.tcs-tool-skip-link:focus{top:8px}
@media(max-width:700px){
  body.tcs-tool-standalone-body .tcs-tool-standalone-main{padding:10px 10px 26px!important}
}
@media(max-width:400px){
  body.tcs-tool-standalone-body .tcs-tool-standalone-main{padding:8px 8px 22px!important}
}

/* v1.2.4: The try-on plugin's legacy theme breakout sets margin-left:50% and
   translateX(-50%) below 760px. Standalone pages have no narrow theme column,
   so this must be neutralized or the app shifts left by half the viewport. */
body.tcs-tool-standalone-body .tcs-tool-standalone-stage .tcs-tryon-app{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 auto 24px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  padding:0!important;
}
@media(max-width:760px){
  body.tcs-tool-standalone-body .tcs-tool-standalone-stage .tcs-tryon-app{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
}

/* v1.2.9 reliable fallback for older handwriting page markup. */
.tcs-tool-standalone-stage>.tcs-tool-switcher-standalone,
.tcs-tool-standalone-stage>.tcs-tool-switcher-fallback{box-sizing:border-box;width:100%;padding:12px 4px;margin:6px 0 15px;display:flex;gap:8px 17px;align-items:center;flex-wrap:wrap;border:0;border-bottom:1px solid rgba(43,102,179,.15);background:transparent;color:#426082;font-size:12px;}
.tcs-tool-switcher-standalone .tcs-tool-switcher-links,.tcs-tool-switcher-fallback .tcs-tool-switcher-links{display:flex;gap:7px 16px;flex-wrap:wrap;}
.tcs-tool-switcher-standalone :is(a),.tcs-tool-switcher-fallback :is(a){font-size:12px;text-decoration:none;color:#245a9e;font-weight:650;}
.tcs-tool-switcher-standalone :is(a):hover,.tcs-tool-switcher-fallback :is(a):hover{text-decoration:underline;}
.tcs-tool-switcher-standalone .tcs-tool-switcher-all,.tcs-tool-switcher-fallback .tcs-tool-switcher-all{margin-left:auto;}
@media(max-width:540px){.tcs-tool-switcher-standalone .tcs-tool-switcher-all,.tcs-tool-switcher-fallback .tcs-tool-switcher-all{margin-left:0}}