:root{
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  --pts-radius-xs:8px;
  --pts-radius-sm:12px;
  --pts-radius-md:16px;
  --pts-radius-lg:22px;
  --pts-shadow:0 16px 42px rgba(31,29,27,.07);
  --pts-shadow-float:0 24px 70px rgba(31,29,27,.12);
  --blue:var(--pts-accent);
  --blue-2:var(--pts-accent-strong);
  --purple:var(--pts-accent);
  --teal:var(--pts-positive);
  --ink:var(--pts-ink);
  --ink-soft:var(--pts-muted);
  --muted:var(--pts-muted);
  --paper:var(--pts-paper);
  --canvas:var(--pts-canvas);
  --canvas-2:var(--pts-canvas-2);
  --line:var(--pts-line);
  --line-strong:var(--pts-line-2);
  --shadow:var(--pts-shadow-float);
  --shadow-soft:var(--pts-shadow);
  --radius:var(--pts-radius-lg);
}

html{background:var(--pts-canvas);scrollbar-gutter:stable}
body{
  
  color:var(--pts-ink);
  font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  line-height:1.62;
  letter-spacing:0;
}

:focus-visible{outline:2px solid rgba(155,92,54,.5);outline-offset:3px}

/* ---------- Canonical public geometry ---------- */
.site-header{
  box-sizing:border-box!important;
  position:sticky!important;
  top:0;
  z-index:100;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:34px!important;
  width:100%!important;
  max-width:none!important;
  min-height:78px!important;
  margin:0!important;
  padding:0 max(30px,calc((100% - 1320px)/2))!important;
  border:0!important;
  border-bottom:1px solid rgba(55,48,43,.11)!important;
  background:rgba(249,247,242,.94)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(105%);
}
@media(min-width:781px) and (max-width:920px){
  .site-header{grid-template-columns:minmax(0,1fr) 48px!important;padding-left:24px!important;padding-right:24px!important}
}
@media(max-width:780px){
  .site-header{grid-template-columns:minmax(0,1fr) 44px!important;min-height:70px!important;padding:0 16px!important}
}

.site-footer--compact,.site-footer--home{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:30px!important;
  width:min(1320px,calc(100% - 60px))!important;
  max-width:1320px!important;
  margin:44px auto 0!important;
  padding:24px 0 30px!important;
  border:0!important;
  border-top:1px solid var(--pts-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pts-muted)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.page-home .site-footer--compact,.page-home .site-footer--home{
  flex:0 0 auto!important;
  margin-top:0!important;
  padding-top:18px!important;
  padding-bottom:10px!important;
}
.page-tool .site-footer--compact{
  margin-top:46px!important;
  padding-top:20px!important;
  padding-bottom:18px!important;
}
@media(min-width:1200px){
  .page-home .site-footer--compact,.page-home .site-footer--home{padding-bottom:12px!important}
}
@media(min-width:781px) and (max-width:920px){
  .site-footer--compact,.site-footer--home{
    width:calc(100% - 48px)!important;
    margin-top:34px!important;
    flex-direction:column!important;
  }
  .page-home .site-footer--compact,.page-home .site-footer--home{
    margin-top:88px!important;
    padding-top:24px!important;
    padding-bottom:12px!important;
  }
  .page-tool .site-footer--compact{
    width:min(1320px,calc(100% - 60px))!important;
    max-width:1320px!important;
    margin-top:46px!important;
    padding:20px 0 18px!important;
    flex-direction:column!important;
  }
}
@media(max-width:780px){
  .site-footer--compact,.site-footer--home{
    width:calc(100% - 32px)!important;
    flex-direction:column!important;
    margin-top:26px!important;
    padding:18px 0 24px!important;
  }
  .page-home .site-footer--compact,.page-home .site-footer--home{margin-top:58px!important;padding-bottom:16px!important}
  .page-tool .site-footer--compact{margin-top:28px!important;padding-bottom:16px!important}
}

/* ---------- Brand + public chrome ---------- */

.brand--v2{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0;
  color:var(--pts-ink)!important;
  transition:opacity .18s ease;
}
.brand--v2:hover{opacity:.78}
.pts-brandmark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;color:var(--pts-ink)}
.pts-brandmark svg{display:block;width:100%;height:100%;overflow:visible}
.pts-brandmark path{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.pts-brandmark rect{stroke:none;}
.pts-wordmark{display:flex;align-items:baseline;gap:7.5px;white-space:nowrap;line-height:1}
.pts-wordmark strong{font-size:22px;font-weight:820;letter-spacing:-.045em;color:var(--pts-ink)}
.pts-wordmark em{font-size:11px;font-style:normal;font-weight:820;letter-spacing:.15em;text-transform:uppercase;}
.brand--text-fallback .pts-wordmark strong{letter-spacing:-.025em}

.primary-nav{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin-left:auto!important;padding:0!important;background:transparent!important}
.primary-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 13px!important;
  border-radius:0!important;
  color:#545b68!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:680!important;
  letter-spacing:-.01em;
  transition:color .16s ease!important;
}
.primary-nav .nav-icon{display:none!important}
.primary-nav a:hover{color:var(--pts-ink)!important;background:transparent!important;transform:none!important}
.primary-nav a.is-active{color:var(--pts-ink)!important;background:transparent!important;font-weight:790!important}
.primary-nav a::before{display:none!important}
.primary-nav a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  bottom:1px!important;
  height:2px!important;
  border-radius:2px!important;
  
  opacity:0;
  transform:scaleX(.45);
  transition:opacity .16s ease,transform .16s ease;
}
.primary-nav a.is-active::after{opacity:1;transform:scaleX(1)}
.nav-toggle{border:1px solid var(--pts-line)!important;border-radius:10px!important;background:#fff!important}
.nav-toggle span:not(.sr-only){background:var(--pts-ink)!important}

/* ---------- Shared actions ---------- */
.button,.header-cta,.preview-upload-cta,.upload-zone__button,.hero-id-demo__start{
  border-radius:var(--pts-radius-sm)!important;
  box-shadow:none!important;
  font-weight:760!important;
}
.button--primary,.header-cta,.hero-id-demo__start{
  
  color:#fff!important;
  border:1px solid var(--pts-accent)!important;
}
.button--primary:hover,.header-cta:hover,.hero-id-demo__start:hover{filter:none!important;transform:translateY(-1px)!important;}
.button--secondary{background:#fff!important;color:var(--pts-ink)!important;border:1px solid var(--pts-line)!important}
.button--glass{background:transparent!important;color:inherit!important;border:1px solid currentColor!important;box-shadow:none!important}
.text-link,.text-button{color:var(--pts-accent)!important}

/* ---------- Homepage: editorial split, not a giant gradient card ---------- */
.page-home main{display:block!important}
.page-home .hero--id-primary{
  position:relative!important;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
  align-items:center!important;
  gap:68px!important;
  width:min(1320px,calc(100% - 60px))!important;
  min-height:650px!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:68px 0 64px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pts-ink)!important;
  box-shadow:none!important;
}
.hero--id-primary::before,.hero--id-primary .hero__glow{display:none!important}
.hero--id-primary .hero__copy{align-self:center!important;max-width:610px!important}
.hero--id-primary .eyebrow{
  display:inline-flex!important;
  margin:0 0 18px!important;
  color:var(--pts-accent)!important;
  font-size:12px!important;
  font-weight:820!important;
  letter-spacing:.1em!important;
  text-transform:uppercase;
}
.hero--id-primary h1{
  max-width:650px!important;
  margin:0!important;
  color:var(--pts-ink)!important;
  font-size:clamp(46px,4.2vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.065em!important;
  font-weight:810!important;
}
.hero--id-primary h1 span{
  display:block!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:inherit!important;
  white-space:normal!important;
}
.hero--id-primary h1 .hero-title-line--long{color:#535b68!important}
.hero--id-primary .hero__copy>p{
  max-width:600px!important;
  margin:24px 0 0!important;
  color:var(--pts-muted)!important;
  font-size:17px!important;
  line-height:1.8!important;
}
.hero--id-primary .hero__actions{margin-top:28px!important}
.hero--id-primary .button--glass{color:var(--pts-ink)!important;border-color:var(--pts-line-2)!important;background:#fff!important}
.hero--id-primary .button--glass:hover{border-color:#9da3ac!important;transform:none!important}
.hero--id-primary .trust-row{
  display:flex!important;
  gap:16px 24px!important;
  margin-top:38px!important;
  padding-top:24px!important;
  border-top:1px solid var(--pts-line)!important;
  color:#656b76!important;
  font-size:13px!important;
}
.hero--id-primary .trust-row span:before{
  width:17px!important;height:17px!important;
  background:var(--pts-positive-soft)!important;
  color:var(--pts-positive)!important;
  box-shadow:none!important;
  font-size:11px!important;
}
.hero-id-demo{
  width:100%!important;
  max-width:650px!important;
  margin:0 0 0 auto!important;
  padding:20px!important;
  border:1px solid #2d2925!important;
  border-radius:20px!important;
  background:var(--pts-dark)!important;
  color:#f7f7f4!important;
  box-shadow:0 26px 70px rgba(31,29,27,.18)!important;
}
.hero-demo__top{padding:0 1px 15px!important;color:#e7e9ed!important;font-size:13px!important}
.status-dot{width:7px!important;height:7px!important;box-shadow:0 0 0 4px rgba(181,121,82,.10)!important;}
.hero-id-demo .pill{min-height:27px!important;padding:0 10px!important;border:1px solid rgba(181,121,82,.42)!important;font-size:11px!important;}
.hero-id-demo__stage{padding:14px!important;border:1px solid #454039!important;border-radius:14px!important;background:var(--pts-dark-2)!important}
.hero-id-demo__photo{border-radius:10px!important;overflow:hidden!important;box-shadow:none!important}
.hero-id-demo__sample{border-radius:7px!important;}
.hero-id-demo__meta{color:#f4f1eb!important}
.hero-id-demo__meta small,.hero-id-demo__meta em{color:#9ba2ae!important}

.hero-id-demo__photo-actions{gap:7px!important;margin-top:8px!important}
.hero-id-demo__photo-actions button{min-height:34px!important;border:1px solid #444b57!important;border-radius:9px!important;background:#2d2925!important;color:#e7e9ed!important;font-size:11px!important}
.hero-id-demo__photo-actions button:hover{background:#2d2925!important;border-color:#59616f!important}
.hero-id-demo__photo-actions .hero-id-demo__remove,.hero-id-demo__photo-actions .hero-id-demo__remove:hover{color:#f1b9c1!important;border-color:#5a3940!important;background:#2b2428!important}
.hero-id-demo__controls{border-top:1px solid #454039!important}
.hero-id-demo__select>span,.hero-id-demo__backgrounds>span{color:#aeb4be!important;font-size:11px!important;font-weight:740!important}
.hero-id-demo select,.hero-id-demo__backgrounds>div,.hero-id-demo__actionbar{border-color:#3a414d!important;background:#1f1d1b!important}



.hero-id-demo__actionbar{border-radius:12px!important}
.hero-id-demo__dpi--locked b{border-color:#424957!important;background:#2d2925!important;color:#fff!important}
.hero-id-demo__start{min-height:44px!important}

/* ---------- Tools centre ---------- */
.page-hero{
  width:min(1320px,calc(100% - 60px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:64px 0!important;
  border:0!important;
  border-bottom:1px solid var(--pts-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pts-ink)!important;
  box-shadow:none!important;
}
.page-hero--compact{min-height:0!important}
.page-hero .eyebrow{color:var(--pts-accent)!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase}
.page-hero h1{margin:12px 0 16px!important;color:var(--pts-ink)!important;font-size:clamp(42px,4vw,60px)!important;line-height:1.04!important;letter-spacing:-.055em!important}
.page-hero p{color:var(--pts-muted)!important;font-size:17px!important;line-height:1.8!important}
.page-hero--tools{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)!important;gap:70px!important;align-items:end!important}
.hero-metrics{gap:10px 22px!important;margin-top:26px!important;align-items:center!important}
.hero-metrics span{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--pts-muted)!important;font-size:13px!important;min-height:32px!important;line-height:1.2!important;align-items:center!important}
.hero-metrics strong{color:var(--pts-ink)!important;font-size:15px!important}
.page-tools .hero-metrics .hero-metric--no-signup{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--pts-ink-2)!important}
.page-tools .hero-metrics .hero-metric--no-signup strong{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;border-radius:999px!important;background:var(--pts-accent)!important;color:#fff!important;font-size:16px!important;font-weight:820!important;line-height:1!important;min-height:32px!important;box-sizing:border-box!important;letter-spacing:.015em!important;box-shadow:0 0 0 3px rgba(155,92,54,.12),0 5px 14px rgba(125,67,37,.16)!important}
.page-tools .hero-metrics .hero-metric--no-signup strong::before{content:"✓";display:inline-block;font-size:12px;font-weight:800;line-height:1}
.page-tools .hero-metrics .hero-metric--no-signup b{display:inline-flex!important;align-items:center!important;min-height:32px!important;color:var(--pts-ink)!important;font-size:16px!important;font-weight:800!important;line-height:1!important}
.tool-hero-capabilities{
  display:grid!important;
  
  gap:0!important;
  border-top:1px solid var(--pts-line)!important;
  border-left:1px solid var(--pts-line)!important;
  background:transparent!important;
}
.tool-hero-capabilities .capability-card{
  
  padding:20px!important;
  border:0!important;
  border-right:1px solid var(--pts-line)!important;
  border-bottom:1px solid var(--pts-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pts-ink)!important;
  box-shadow:none!important;
}
.tool-hero-capabilities .capability-card--local{display:flex!important;flex-direction:column!important;}
.capability-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid var(--pts-line)!important;border-radius:9px!important;}
.capability-icon svg{width:18px!important;height:18px!important}
.capability-card small{color:var(--pts-faint)!important}
.capability-card strong{color:var(--pts-ink)!important;font-size:19px!important}
.capability-card p{color:var(--pts-muted)!important;font-size:12px!important}

.section.tools-browser{width:min(1320px,calc(100% - 60px))!important;max-width:none!important;margin:34px auto 0!important;padding:0!important}
.tool-filters{
  position:sticky;
  top:94px;
  z-index:30;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:12px!important;
  border:1px solid var(--pts-line)!important;
  border-radius:14px!important;
  background:rgba(250,250,248,.94)!important;
  box-shadow:0 8px 30px rgba(31,29,27,.06)!important;
  backdrop-filter:blur(16px);
}
.search-box{min-height:44px!important;border:0!important;border-right:1px solid var(--pts-line)!important;border-radius:0!important;background:transparent!important}
.search-box input{background:transparent!important}
.filter-chips{gap:4px!important;flex-wrap:wrap!important}
.filter-chip{min-height:36px!important;padding:0 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#646b76!important;font-size:13px!important;font-weight:680!important}
.filter-chip:hover{background:#f0f0ed!important;color:var(--pts-ink)!important}
.filter-chip.is-active{box-shadow:none!important;}
.tool-count{margin:28px 0 8px!important;color:var(--pts-muted)!important}
.tool-group{margin-top:34px!important}
.tool-group__head{padding:0 0 13px!important;border-bottom:1px solid var(--pts-line)!important}
.tool-group__head span{color:var(--pts-faint)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
.tool-group__head h2{margin:2px 0 0!important;font-size:23px!important;letter-spacing:-.03em!important}
.tool-group__head small{color:var(--pts-faint)!important}
.tool-grid{gap:16px!important;margin-top:16px!important}
.tool-card__link{
  min-height:100%!important;
  overflow:hidden!important;
  border:1px solid var(--pts-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.tool-card__link:hover{transform:translateY(-2px)!important;border-color:#b7bbc1!important;box-shadow:0 16px 36px rgba(31,29,27,.07)!important}

.tool-card__media img{transition:transform .35s ease,filter .35s ease!important;}
.tool-card__link:hover .tool-card__media img{transform:scale(1.018)!important;filter:saturate(.96) contrast(1)!important}

.tool-card__category{color:var(--pts-faint)!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase}
.tool-card__body h3{color:var(--pts-ink)!important;letter-spacing:-.025em!important}
.tool-card__body p{color:var(--pts-muted)!important}

.tool-card__shine{display:none!important}

/* ---------- Information pages ---------- */
.page-about .page-hero,.page-help .page-hero,.page-faq .page-hero,.page-privacy .page-hero,.page-terms .page-hero,.page-contact .page-hero{
  padding-top:58px!important;
  padding-bottom:42px!important;
}
.prose-page.section{width:min(1320px,calc(100% - 60px))!important;max-width:none!important;margin:0 auto!important;padding:42px 0 70px!important}
.info-content,.prose-grid,.faq-list{width:100%!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.info-lead{padding:0 0 34px!important;border-bottom:1px solid var(--pts-line)!important}
.info-lead span{color:var(--pts-accent)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase}
.info-lead h2{max-width:780px!important;margin:7px 0 12px!important;font-size:34px!important;letter-spacing:-.045em!important}
.info-lead p{max-width:820px!important;color:var(--pts-muted)!important;font-size:16px!important}
.info-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:36px!important;border-top:1px solid var(--pts-line)!important;border-left:1px solid var(--pts-line)!important}
.info-card-grid article{
  min-height:230px!important;
  padding:28px!important;
  border:0!important;
  border-right:1px solid var(--pts-line)!important;
  border-bottom:1px solid var(--pts-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.info-card-grid article b{color:var(--pts-accent)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
.info-card-grid article h3{margin:14px 0 10px!important;font-size:19px!important;letter-spacing:-.025em!important}
.info-card-grid article p{color:var(--pts-muted)!important}
.info-note{margin-top:32px!important;padding:22px 24px!important;border:1px solid var(--pts-line)!important;border-radius:12px!important;box-shadow:none!important;}
.prose-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--pts-line)!important;border-left:1px solid var(--pts-line)!important}
.prose-grid article{min-height:210px!important;padding:28px!important;border:0!important;border-right:1px solid var(--pts-line)!important;border-bottom:1px solid var(--pts-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.prose-grid article h2{font-size:20px!important;letter-spacing:-.02em!important}
.prose-grid article p{color:var(--pts-muted)!important}
.faq-list{display:grid!important;gap:0!important;border-top:1px solid var(--pts-line)!important}
.faq-list details{border:0!important;border-bottom:1px solid var(--pts-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.faq-list summary{padding:22px 0!important;font-weight:760!important;font-size:17px!important}
.faq-list details p{margin:0 0 22px!important;color:var(--pts-muted)!important}

/* ---------- Contact ---------- */
.contact-layout{width:min(1320px,calc(100% - 60px))!important;max-width:none!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:46px!important;margin:0 auto!important;padding:42px 0 72px!important}
.contact-form,.contact-nav-card{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.contact-form{padding:0!important}
.contact-form label{font-size:13px!important;font-weight:740!important;color:var(--pts-ink)!important}
.contact-form input,.contact-form textarea{border:1px solid var(--pts-line-2)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.contact-form input:focus,.contact-form textarea:focus{border-color:#9299a3!important;box-shadow:0 0 0 3px rgba(155,92,54,.08)!important}
.contact-nav-card{padding:0 0 0 32px!important;border-left:1px solid var(--pts-line)!important}
.contact-nav-card>span{color:var(--pts-accent)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
.contact-nav-card h2{font-size:22px!important;letter-spacing:-.03em!important}
.contact-nav-card nav{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--pts-line)!important}
.contact-nav-card nav a{padding:11px 0!important;border:0!important;border-bottom:1px solid var(--pts-line)!important;border-radius:0!important;background:transparent!important;color:#565d68!important}
.contact-nav-card nav a:hover{color:var(--pts-ink)!important;background:transparent!important}
.contact-nav-note{margin-top:24px!important;padding:18px!important;border:1px solid #dac5b4!important;border-radius:10px!important;background:var(--pts-accent-soft)!important}


/* ---------- Footer: one quiet baseline across the site ---------- */

.site-footer__identity .copyright,.site-footer--compact .copyright,.site-footer--home .copyright{margin:0!important;color:#7b818b!important;font-size:12px!important;font-weight:520!important;line-height:1.6!important}
.site-footer__links nav{display:flex!important;justify-content:flex-end!important;gap:7px 20px!important;flex-wrap:wrap!important}
.site-footer__links nav a{color:#686f79!important;font-size:12px!important;font-weight:640!important}
.site-footer__links nav a:hover{color:var(--pts-ink)!important}

/* ---------- Error/status pages ---------- */
.error-shell{width:min(1100px,calc(100% - 60px))!important;margin:0 auto!important;padding:72px 0!important}
.error-card{border:1px solid var(--pts-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.error-visual{background:var(--pts-dark)!important;color:#fff!important;border-radius:12px!important}
.error-copy .eyebrow{color:var(--pts-accent)!important}

/* ---------- Workspace: same system, higher information density ---------- */
.page-tool{background:var(--pts-canvas)!important}
.workspace-shell{
  width:min(1540px,100%)!important;
  margin:0 auto!important;
  padding:0 26px 42px!important;
  color:var(--pts-ink)!important;
}
.workspace-titlebar{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:26px!important;
  padding:30px 4px 20px!important;
  border:0!important;
  border-bottom:1px solid var(--pts-line)!important;
  background:transparent!important;
}
.breadcrumbs{color:var(--pts-breadcrumb)!important;font-size:12px!important}
.breadcrumbs a:hover{color:var(--pts-ink)!important}
.workspace-kicker{margin-top:8px!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase;}

.workspace-titlebar h1{margin:4px 0 3px!important;color:var(--pts-ink)!important;font-size:31px!important;letter-spacing:-.045em!important}
.workspace-titlebar p{color:var(--pts-muted)!important;font-size:14px!important}
.workspace-help-button{border:1px solid var(--pts-line)!important;border-radius:9px!important;background:#fff!important;color:#5a616d!important;box-shadow:none!important}
.workspace-grid{gap:14px!important;margin-top:14px!important}
.workspace-rail,.workspace-main>.preview-card,.workspace-panel{
  border:1px solid var(--pts-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.workspace-rail{padding:8px!important}
.rail-head{border:0!important}
.rail-toggle{border-radius:9px!important;background:#f0f1ee!important;color:var(--pts-ink)!important}
.rail-section{border-color:var(--pts-line)!important}
.rail-section h2{color:var(--pts-ink)!important}
.rail-tools{gap:4px!important}
.rail-tool{border-radius:9px!important;color:#626a76!important;background:transparent!important}
.rail-tool:hover{background:#f1f1ee!important;color:var(--pts-ink)!important;transform:none!important}
.rail-tool.is-active{background:var(--pts-ink)!important;color:#fff!important;box-shadow:none!important}
.preview-card{overflow:hidden!important}
.preview-card__header{min-height:76px!important;padding:14px 18px!important;border-bottom:1px solid var(--pts-line)!important;background:#fff!important}
.step-number{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;border-radius:8px!important;line-height:1!important;box-shadow:none!important;}
.preview-card__header h2{color:var(--pts-ink)!important;font-size:17px!important}
.preview-card__header p{color:var(--pts-muted)!important;font-size:12px!important}
.preview-tools .icon-button,.preview-upload-cta,.preview-clear-cta{border:1px solid var(--pts-line)!important;border-radius:9px!important;background:#fff!important;color:#4f5662!important;box-shadow:none!important}

.preview-stage{background:#2d2925!important}
.preview-info{border-top:1px solid var(--pts-line)!important;background:#fafaf8!important;color:#6f7681!important;font-size:12px!important}
.upload-zone{margin-top:14px!important;border:1px solid var(--pts-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.upload-zone__button{border:1px solid var(--pts-line)!important;border-radius:12px!important;background:#fafaf8!important;color:var(--pts-ink)!important}
.upload-zone__button:hover{background:#f1f1ee!important}
.upload-zone__copy{color:var(--pts-muted)!important}
.workspace-panel{padding:14px!important}
.panel-section{border-color:var(--pts-line)!important;background:transparent!important}
.panel-heading .step-number{background:var(--pts-ink)!important}
.field input,.field select,.field textarea,.catalog-filter-grid select{border-color:var(--pts-line-2)!important;border-radius:9px!important;background:#fff!important;color:var(--pts-ink)!important;box-shadow:none!important}
.field input:focus,.field select:focus,.field textarea:focus,.catalog-filter-grid select:focus{border-color:#9097a2!important;box-shadow:0 0 0 3px rgba(155,92,54,.08)!important}
.action-panel{border:1px solid var(--pts-line)!important;border-radius:12px!important;background:#fafaf8!important;box-shadow:none!important}
.result-card,.message-card{border:1px solid var(--pts-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.success-mark{background:var(--pts-positive-soft)!important;color:var(--pts-positive)!important;box-shadow:none!important}
.result-expiry{color:#8a9099!important}
.tool-notes{border-top:1px solid var(--pts-line)!important;color:var(--pts-muted)!important}

/* ---------- Small-screen discipline ---------- */
@media(max-width:1100px){
  .page-home .hero--id-primary{grid-template-columns:1fr!important;gap:38px!important;padding:48px 0!important}
  .hero--id-primary .hero__copy{max-width:760px!important}
  .hero-id-demo{max-width:760px!important;margin:0!important}
  .page-hero--tools{grid-template-columns:1fr!important;gap:36px!important}
  .tool-hero-capabilities{max-width:760px!important}
}

@media(max-width:920px){
  
  .primary-nav a{padding:0 8px!important;font-size:13px!important}
  .primary-nav a::after{left:8px!important;right:8px!important}
  .contact-layout{grid-template-columns:1fr!important;gap:30px!important}
  .contact-nav-card{padding:26px 0 0!important;border-left:0!important;border-top:1px solid var(--pts-line)!important}
  .info-card-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:780px){
  
  .pts-brandmark{width:36px;height:36px;flex-basis:36px}
  .pts-wordmark strong{font-size:19px}
  .pts-wordmark em{font-size:9.5px}

  .page-home .hero--id-primary,.page-hero,.section.tools-browser,.prose-page.section,.contact-layout{
    width:calc(100% - 28px)!important;
  }
  .page-home .hero--id-primary{display:block!important;padding:34px 0 38px!important;min-height:0!important}
  .hero--id-primary h1{font-size:39px!important;letter-spacing:-.055em!important}
  .hero--id-primary .hero__copy>p{font-size:15px!important}
  .hero--id-primary .trust-row{gap:10px 16px!important;margin-top:26px!important;padding-top:18px!important}
  .hero-id-demo{margin-top:30px!important;padding:13px!important;border-radius:15px!important}
  .hero-id-demo__stage{grid-template-columns:130px minmax(0,1fr)!important;min-height:230px!important;padding:10px!important}
  .hero-id-demo__photo{width:125px!important}
  .page-hero{padding:38px 0 30px!important}
  .page-hero h1{font-size:37px!important}
  .page-hero p{font-size:15px!important}
  .tool-hero-capabilities{grid-template-columns:1fr!important;border-left:0!important}
  .tool-hero-capabilities .capability-card,.tool-hero-capabilities .capability-card--local{grid-row:auto!important;min-height:130px!important;border-left:1px solid var(--pts-line)!important}
  .tool-filters{position:static!important;display:block!important;padding:9px!important}
  .search-box{min-width:0!important;border-right:0!important;border-bottom:1px solid var(--pts-line)!important}
  .filter-chips{padding-top:8px!important}
  .info-card-grid,.prose-grid{grid-template-columns:1fr!important}
  .info-card-grid article,.prose-grid article{min-height:0!important}
  .contact-layout{padding:28px 0 50px!important}
  
  .site-footer__links nav{justify-content:flex-start!important}
  .workspace-shell{padding:0 12px 32px!important}
  .workspace-titlebar{padding:22px 2px 16px!important}
  .workspace-titlebar h1{font-size:27px!important}
  .workspace-grid{gap:10px!important}
}

@media(max-width:480px){
  .pts-wordmark em{display:none}
  .hero--id-primary h1{font-size:34px!important}
  .hero-id-demo__stage{grid-template-columns:1fr!important}
  .hero-id-demo__photo{width:148px!important}
  .page-hero h1{font-size:33px!important}
}
.page-hero .eyebrow{-webkit-text-fill-color:currentColor!important}
.tool-hero-capabilities .capability-card::before,.tool-hero-capabilities .capability-card::after{display:none!important}
.prose-page.section{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(min-width:1200px){.hero--id-primary h1{font-size:58px!important;max-width:700px!important}.hero--id-primary .hero__copy{max-width:640px!important}}
.page-tools .page-hero--tools .eyebrow{color:var(--pts-accent)!important;-webkit-text-fill-color:var(--pts-accent)!important;text-shadow:none!important}
@media (max-width:920px) and (min-width:781px){
  .page-home .hero--id-primary,.page-hero,.section.tools-browser,.prose-page.section,.contact-layout,.service-page .error-shell{
    width:calc(100% - 48px)!important;
  }
}
@media(max-width:780px){
  .page-home .hero--id-primary,.page-hero,.section.tools-browser,.prose-page.section,.contact-layout,.service-page .error-shell{
    width:calc(100% - 32px)!important;
  }
}
@media(min-width:1101px){
  .page-home .hero--id-primary{
    grid-template-columns:minmax(0,.98fr) minmax(520px,1.02fr)!important;
    gap:54px!important;
  }
}
@media(min-width:1200px){
  .hero--id-primary h1{font-size:56px!important;max-width:660px!important}
  .hero--id-primary .hero__copy{max-width:650px!important}
}
.tool-hero-capabilities{
  grid-template-columns:1fr 1fr!important;
  align-self:stretch!important;
}
.tool-hero-capabilities .capability-card--local{
  grid-column:1/3!important;
  grid-row:auto!important;
  min-height:122px!important;
  justify-content:flex-start!important;
}
.tool-hero-capabilities .capability-card{min-height:132px!important}
@media(max-width:780px){
  .tool-hero-capabilities .capability-card--local{grid-column:auto!important}
}
/* Tool catalogue cards: flatten the old glossy SaaS cards into a precise asset catalogue. */
.tool-card>a{
  min-height:300px!important;
  overflow:hidden!important;
  border:1px solid var(--pts-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
.tool-card>a:hover{
  transform:none!important;
  border-color:#aeb3ba!important;
  box-shadow:none!important;
  background:#fdfdfb!important;
}
.tool-card__media{
  height:154px!important;
  border-bottom:1px solid var(--pts-line)!important;
  background:#e8e9e6!important;
}
.tool-card__media:after{display:none!important}
.tool-card__media img{transform:none!important;filter:saturate(.84) contrast(.98)!important}
.tool-card>a:hover .tool-card__media img{transform:scale(1.012)!important;filter:saturate(.92) contrast(1)!important}
.tool-card__icon{
  left:12px!important;bottom:12px!important;
  width:34px!important;height:34px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
  background:rgba(31,29,27,.9)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.tool-card__icon svg{width:18px!important;height:18px!important}
.tool-card__mode{
  top:11px!important;right:11px!important;
  min-width:0!important;height:25px!important;padding:0 9px!important;
  border:1px solid rgba(31,29,27,.1)!important;
  border-radius:7px!important;
  background:rgba(250,250,248,.92)!important;
  color:#5f6670!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
.tool-card__body{padding:15px 16px 17px!important}
.tool-card__body h3{margin:4px 0 5px!important;font-size:18px!important}
.tool-card__body p{font-size:13px!important;line-height:1.55!important}
.tool-card__link{padding-top:10px!important;color:var(--pts-accent)!important;font-size:13px!important;font-weight:760!important}
.error-visual i{background:var(--pts-accent)!important;box-shadow:none!important}

/* Tools centre: categories determine density instead of forcing every group into the same small-card grid. */


.page-tools .tool-count{font-size:12px!important;color:var(--pts-faint)!important;}
.page-tools .tool-group{margin-top:28px!important}
.page-tools .tool-group__head{align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;padding-bottom:10px!important;}
.page-tools .tool-group__head>div{align-items:baseline!important;gap:10px!important;}


.page-tools .tool-group__head small{padding-bottom:2px!important;}

.page-tools .tool-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
.page-tools .tool-grid .tool-card{grid-column:span 4;min-width:0!important}
.page-tools .tool-grid--count-2 .tool-card{grid-column:span 6}
.page-tools .tool-grid--count-3 .tool-card{grid-column:span 4}
.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4){grid-column:span 3}
.page-tools .tool-grid--count-7 .tool-card:nth-child(n/**/+5){grid-column:span 4}

.page-tools .tool-card>a{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  min-height:142px!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid var(--pts-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
.page-tools .tool-grid--count-2 .tool-card>a{grid-template-columns:168px minmax(0,1fr)!important;min-height:150px!important}
.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{grid-template-columns:96px minmax(0,1fr)!important}

.page-tools .tool-card__media{
  width:auto!important;
  height:100%!important;
  min-height:142px!important;
  border:0!important;
  border-right:1px solid var(--pts-line)!important;
  background:#e7e8e5!important;
}
.page-tools .tool-grid--count-2 .tool-card__media{min-height:150px!important}


.page-tools .tool-card__shine{display:none!important}



.page-tools .tool-card__body{
  
  
  flex-direction:column!important;
  
}
.page-tools .tool-card__category{font-size:10px!important;line-height:1.3!important;color:var(--pts-faint)!important}


/* This is a text action, not a nested card. Historical layers styled it as a second box. */
.page-tools .tool-card__link{
  
  align-items:center!important;
  min-height:0!important;
  margin-top:auto!important;
  padding:8px 0 0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pts-accent)!important;
  font-size:11px!important;
  font-weight:740!important;
  line-height:1.2!important;
}

@media(max-width:1120px) and (min-width:781px){
  .page-tools .tool-grid .tool-card,.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4),.page-tools .tool-grid--count-7 .tool-card:nth-child(n/**/+5){grid-column:span 6}
  .page-tools .tool-card>a,.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{grid-template-columns:118px minmax(0,1fr)!important}
}
@media(max-width:780px){
  .page-tools .tool-group{margin-top:24px!important}
  .page-tools .tool-group__head>div{display:block!important}
  .page-tools .tool-grid{grid-template-columns:1fr!important;gap:9px!important}
  .page-tools .tool-grid .tool-card,.page-tools .tool-grid--count-2 .tool-card,.page-tools .tool-grid--count-3 .tool-card,.page-tools .tool-grid--count-7 .tool-card:nth-child(n){grid-column:auto!important}
  .page-tools .tool-card>a,.page-tools .tool-grid--count-2 .tool-card>a,.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{grid-template-columns:108px minmax(0,1fr)!important;min-height:132px!important}
  .page-tools .tool-card__media,.page-tools .tool-grid--count-2 .tool-card__media{min-height:132px!important}
}

/* Minimal status shell: no full navigation and no full footer when the page itself is an error/service state. */
.status-page{min-height:100vh!important;display:grid!important;grid-template-rows:auto 1fr auto!important;background:var(--pts-canvas)!important}
.status-header{
  display:flex!important;
  align-items:center!important;
  width:min(1160px,calc(100% - 60px))!important;
  min-height:86px!important;
  margin:0 auto!important;
  border-bottom:1px solid var(--pts-line)!important;
}
.status-header .brand{padding:0!important}
.status-main{display:grid!important;align-items:center!important;min-height:0!important}
.status-page .error-shell{width:min(960px,calc(100% - 60px))!important;margin:0 auto!important;padding:58px 0!important}
.status-page .error-card{
  display:grid!important;
  grid-template-columns:minmax(220px,.74fr) minmax(0,1.26fr)!important;
  overflow:hidden!important;
  border:1px solid var(--pts-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.status-page .error-visual{min-height:330px!important;border-radius:0!important;background:var(--pts-dark)!important}
.status-page .error-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:48px!important}
.status-page .error-copy h1{margin:9px 0 12px!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.08!important;letter-spacing:-.045em!important}
.status-page .error-copy p{max-width:620px!important;margin:0!important;color:var(--pts-muted)!important;font-size:15px!important;line-height:1.75!important}
.status-page .error-actions{margin-top:26px!important}
.status-page .error-actions .button{min-width:136px!important}
.status-footer{
  width:min(1160px,calc(100% - 60px))!important;
  margin:0 auto!important;
  padding:22px 0 30px!important;
  border-top:1px solid var(--pts-line)!important;
}
.status-footer .copyright{margin:0!important;color:#858b94!important;font-size:11px!important}
.service-page .error-actions .button--primary{min-width:150px!important}
.status-page--404 .error-visual{background:#1f1d1b!important}
.status-page--500 .error-visual,.status-page--503 .error-visual,.status-page--maintenance .error-visual{background:#1f1d1b!important}

@media(max-width:780px){
  .status-header,.status-footer{width:calc(100% - 32px)!important}
  .status-header{min-height:72px!important}
  .status-page .error-shell{width:calc(100% - 32px)!important;padding:34px 0!important}
  .status-page .error-card{grid-template-columns:1fr!important}
  .status-page .error-visual{min-height:150px!important}
  .status-page .error-copy{padding:30px 24px 32px!important}
}

:root{
  --pts-ink:#1b1917;
  --pts-ink-2:#36312d;
  --pts-muted:#6f6963;
  --pts-faint:#999188;
  --pts-breadcrumb:#8a9099;
  --pts-paper:#fcfbf8;
  --pts-surface:#fff;
  --pts-surface-soft:#fafaf8;
  --pts-canvas:#f4f1eb;
  --pts-canvas-2:#ece7de;
  --pts-line:#d8d1c7;
  --pts-line-2:#c4bbb0;
  --pts-accent:#9b5c36;
  --pts-accent-strong:#7d4325;
  --pts-accent-soft:#f3e7dc;
  --pts-positive:#5f725b;
  --pts-positive-soft:#edf1e9;
  --pts-danger:#9b4f4b;
  --pts-dark:#1d1b19;
  --pts-dark-2:#27231f;
  --pts-dark-line:#454039;
}
::selection{background:#ead9c9!important;color:#1b1917!important}
body{background:var(--pts-canvas)!important}

.pts-brandmark rect{fill:var(--pts-accent)!important}
.pts-wordmark em{color:var(--pts-accent)!important}
.primary-nav a::after{background:var(--pts-accent)!important}
.text-link,.text-button,.tool-card__link{color:var(--pts-accent)!important}
.button--primary,.header-cta,.hero-id-demo__start{background:var(--pts-accent)!important;border-color:var(--pts-accent)!important}
.button--primary:hover,.header-cta:hover,.hero-id-demo__start:hover{background:var(--pts-accent-strong)!important;border-color:var(--pts-accent-strong)!important}
.page-hero .eyebrow,.hero--id-primary .eyebrow,.info-lead span{color:var(--pts-accent)!important}
.capability-icon{color:var(--pts-accent)!important;background:#fbf8f3!important}
.filter-chip.is-active{background:var(--pts-ink)!important;color:#fff!important}
.hero-id-demo__meta b{color:#d9b69d!important}
.hero-id-demo .pill{background:rgba(155,92,54,.18)!important;color:#e3bfa5!important;border-color:rgba(197,140,103,.42)!important}
.status-dot{background:#b57952!important}

/* Tool pages: old cool-blue workspace chrome becomes warm graphite/stone. */
.workspace-shell,.workspace-main,.workspace-rail,.workspace-panel{--blue:var(--pts-accent);--blue-2:var(--pts-accent-strong);--purple:var(--pts-accent);--teal:var(--pts-positive)}
.preview-stage,.photo-workflow{background-color:#211e1b!important}
.preview-stage__empty,.drop-zone{border-color:#4d4741!important;background:#26221f!important}
.preview-upload-cta{border-color:#d5c7ba!important;background:#f8f2eb!important;color:var(--pts-accent-strong)!important}
.preview-upload-cta:hover{border-color:#b98968!important;box-shadow:0 9px 22px rgba(96,56,32,.10)!important}
.quality-chip i b,.watermark-settings i b{background:linear-gradient(90deg,#b98968,#7f4526)!important}
.format-source span,.heic-result span{background:linear-gradient(135deg,#a66a44,#7d4325)!important;box-shadow:0 12px 28px rgba(80,45,26,.20)!important}
.format-options .is-selected{border-color:#b7805e!important;box-shadow:0 0 0 2px rgba(155,92,54,.15)!important}
.format-options .is-selected b{color:var(--pts-accent)!important}
.crop-legend i.is-boundary{box-shadow:0 1px 0 #9b5c36!important}
.crop-legend i.is-grid{border-top-color:#d0a170!important}



.compression-saving strong{color:#d8b28e!important}

/* Tools centre is an editorial directory, not a marketplace of tiny cards. */
.page-tools .page-hero{
  grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)!important;
  gap:84px!important;
  padding-top:64px!important;
  padding-bottom:56px!important;
}
.page-tools .page-hero>div:first-child{max-width:720px!important}
.page-tools .page-hero h1{font-size:clamp(44px,4.2vw,66px)!important;line-height:1.01!important;letter-spacing:-.06em!important}
.page-tools .page-hero p{max-width:660px!important}
.page-tools .tool-hero-capabilities{border-color:var(--pts-line)!important;background:rgba(252,251,248,.42)!important;}


.page-tools .section.tools-browser{margin-top:22px!important}
.page-tools .tool-filters{
  top:90px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:rgba(249,247,242,.96)!important;
  box-shadow:0 10px 28px rgba(51,45,40,.055)!important;
}
.page-tools .filter-chip{border-radius:6px!important}
.page-tools .tool-count{margin:20px 0 0!important;padding-bottom:8px!important;border-bottom:1px solid var(--pts-line)!important}
.page-tools .tool-groups{display:block!important}
.page-tools .tool-group{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:34px!important;
  margin:0!important;
  padding:34px 0 32px!important;
  border-bottom:1px solid var(--pts-line)!important;
}
.page-tools .tool-group__head{
  display:block!important;
  align-self:start!important;
  padding:2px 0 0!important;
  border:0!important;
}
.page-tools .tool-group__head>div{display:block!important}
.page-tools .tool-group__head span{display:block!important;margin-bottom:7px!important;color:#a09991!important;font-size:9px!important;letter-spacing:.14em!important}
.page-tools .tool-group__head h2{margin:0!important;font-size:23px!important;line-height:1.15!important;letter-spacing:-.04em!important}
.page-tools .tool-group__head small{display:block!important;margin-top:10px!important;padding:0!important;color:#918a82!important;font-size:11px!important}
.page-tools .tool-grid,
.page-tools .tool-grid--count-2,
.page-tools .tool-grid--count-3,
.page-tools .tool-grid--count-7{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:0 24px!important;
  margin:0!important;
}
/* Final tool-directory density authority: odd-sized groups must be deliberately
   balanced instead of leaving a false "missing item" hole in the right column. */
.page-tools .tool-grid .tool-card,
.page-tools .tool-grid--count-2 .tool-card{grid-column:span 6!important;min-width:0!important}
.page-tools .tool-grid--count-3 .tool-card{grid-column:span 4!important;min-width:0!important}
.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4){grid-column:span 6!important;min-width:0!important}
.page-tools .tool-grid--count-7 .tool-card:nth-child(n/**/+5){grid-column:span 4!important;min-width:0!important}
.page-tools .tool-card>a,
.page-tools .tool-grid--count-2 .tool-card>a,
.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{
  position:relative!important;
  display:grid!important;
  
  
  
  
  height:100%!important;
  
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid #e1dbd2!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.page-tools .tool-card>a::after{
  content:"→";
  grid-column:3;
  grid-row:1;
  
  color:#aaa198;
  font-size:18px;
  line-height:1;
  transition:color .16s ease,transform .16s ease;
}

.page-tools .tool-card>a:hover::after{color:var(--pts-accent)!important;transform:translateX(2px)}
.page-tools .tool-card__media,
.page-tools .tool-grid--count-2 .tool-card__media{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  
  
  
  overflow:hidden!important;
  border:1px solid #d9d2c9!important;
  
  
}


.page-tools .tool-card__icon{left:6px!important;bottom:6px!important;width:24px!important;height:24px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:6px!important;background:rgba(29,27,25,.88)!important}
.page-tools .tool-card__icon svg{width:13px!important;height:13px!important}
.page-tools .tool-card__mode{
  top:6px!important;right:6px!important;height:20px!important;padding:0 6px!important;
  border:1px solid rgba(53,48,44,.10)!important;border-radius:5px!important;
  background:rgba(249,247,242,.92)!important;color:#69635d!important;font-size:8px!important;
}
.page-tools .tool-card__body{
  
  
  display:block!important;
  
  
}
.page-tools .tool-card__category{display:none!important}

.page-tools .tool-card__body p{
  
  
  
  -webkit-box-orient:vertical!important;
  
  
  
  
}
.page-tools .tool-card__link{display:none!important}
.page-tools .tool-group:last-child{border-bottom:0!important}

@media(max-width:980px){
  .page-tools .page-hero{grid-template-columns:1fr!important;gap:34px!important}
  .page-tools .tool-group{grid-template-columns:145px minmax(0,1fr)!important;gap:24px!important}
  .page-tools .tool-grid,.page-tools .tool-grid--count-2,.page-tools .tool-grid--count-3,.page-tools .tool-grid--count-7{grid-template-columns:1fr!important}
  .page-tools .tool-grid .tool-card,.page-tools .tool-grid--count-2 .tool-card,.page-tools .tool-grid--count-3 .tool-card,.page-tools .tool-grid--count-7 .tool-card:nth-child(n){grid-column:auto!important}
}
@media(max-width:700px){
  .page-tools .tool-group{display:block!important;padding:28px 0 24px!important}
  .page-tools .tool-group__head{display:flex!important;align-items:end!important;justify-content:space-between!important;margin-bottom:8px!important}
  .page-tools .tool-group__head small{margin-top:0!important}
  .page-tools .tool-card>a,.page-tools .tool-grid--count-2 .tool-card>a,.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{grid-template-columns:64px minmax(0,1fr) 18px!important;gap:11px!important;min-height:104px!important;padding:12px 4px 12px 0!important}
  .page-tools .tool-card__media,.page-tools .tool-grid--count-2 .tool-card__media{width:64px!important;height:64px!important;min-height:64px!important;border-radius:9px!important}
  .page-tools .tool-card__body h3{font-size:15px!important}
  .page-tools .tool-card__body p{font-size:10.5px!important}
}

.skip-link,.brand--v2,.pts-wordmark{color:var(--pts-ink)!important}
.eyebrow__dot{background:#b57952!important;box-shadow:none!important}
.hero-id-demo__meta>span{color:#c58c67!important}
.hero-id-demo__actionbar{border-color:#5b5149!important;background:linear-gradient(180deg,#292521,#23201d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important}
.hero-id-demo__backgrounds>div{background:#25211e!important;border-color:#49423c!important}
.hero-id-demo__backgrounds small{border-color:#575049!important;color:#aaa198!important}
.hero-id-demo__backgrounds button{color:#d8d1c8!important}
.hero-id-demo__backgrounds button.is-active{border-color:#b57952!important;background:#332b25!important;color:#fff7f0!important;box-shadow:inset 0 0 0 1px rgba(181,121,82,.22)!important}
.hero-demo__status a{color:#c58c67!important}
.hero-id-demo__dpi b{background:#302b27!important;color:#f4efe8!important}
.hero-id-demo__meta{border-color:#45403a!important;background:#292622!important}
.page-tools .tool-group__head h2{color:var(--pts-ink)!important}
.info-note strong{color:var(--pts-accent)!important}
.info-note{border-color:#d9c8bb!important;background:#f8f0e8!important}

/* Workbench text and state chrome: warm neutrals, copper actions, olive success. */
.workspace-kicker{color:#746d66!important}.workspace-kicker i{background:#a69d93!important;box-shadow:none!important}.workspace-kicker span:last-child{color:#65725d!important}
.workspace-titlebar h1,.workspace-titlebar p,.breadcrumbs,.breadcrumbs a{color:inherit}
.workspace-panel,.preview-card,.result-card,.message-card,.tool-notes{border-color:#d8d1c7!important;background:#fcfbf8!important}
.workspace-panel .field,.workspace-panel .field>span,.workspace-panel label,.workspace-panel summary{color:#49433e!important}
.workspace-panel .field-note,.workspace-panel .field-notice,.workspace-panel small,.panel-heading p{color:#7a736c!important}
.workspace-panel input,.workspace-panel select,.workspace-panel textarea{border-color:#d0c7bd!important;background:#fffdfa!important;color:#211e1b!important}
.workspace-panel input:focus,.workspace-panel select:focus,.workspace-panel textarea:focus{border-color:#a97453!important;box-shadow:0 0 0 3px rgba(155,92,54,.10)!important}
.step-number{background:#1d1b19!important;color:#fff!important}
.text-button{color:#9b5c36!important}
.id-face-assist{border-color:#ddd5cc!important;background:#f9f6f1!important}
.id-face-assist__head strong,.id-face-assist__grid b{color:#37312d!important}
.id-face-assist__head small,.id-face-assist__grid span,.id-face-assist>p{color:#7a736c!important}
.id-face-assist__grid>div{border-color:#e1dbd3!important;background:#fffdfa!important}
.id-face-assist__state{border-color:#d9d1c8!important;background:#fffdfa!important;color:#746d66!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="detecting"]{border-color:#d9c4b3!important;background:#faf2ea!important;box-shadow:0 0 0 3px rgba(155,92,54,.05)!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="detecting"] .id-face-assist__state{border-color:#d8bca8!important;background:#f6e9df!important;color:#8f522f!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="success"]{border-color:#cbd5c5!important;background:#f3f6f0!important;box-shadow:none!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="success"] .id-face-assist__state{border-color:#bdcbb7!important;background:#edf2e9!important;color:#5f725b!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="success"] .id-face-assist__grid>div{border-color:#d6ded1!important}
[data-workspace][data-slug="id-photo-maker"] .id-face-assist[data-state="success"] .id-face-assist__grid b{color:#52664f!important}
.id-input-check,.id-compliance,.id-paper-live,.manual-crop-controls{border-color:#ddd5cc!important;background:#f9f6f1!important}
.id-input-check__head strong,.id-paper-live__head strong,.id-compliance__head strong{color:#37312d!important}
.id-input-check__grid>div,.id-compliance__item{border-color:#e1dbd3!important;background:#fffdfa!important}
.status-panel{border-color:#ddd5cc!important;background:#f8f5f0!important}

/* neutralize legacy cool dark surfaces without changing functional photo colours */
.crop-ratio,.crop-legend,.photo-badge,.quality-chip,.resize-summary,.rotate-dial,.straighten-label,.watermark-settings,.gif-play{background:rgba(33,30,27,.84)!important}

.nav-physics-indicator{border-color:rgba(111,95,83,.13)!important;background:linear-gradient(180deg,rgba(255,253,249,.96),rgba(247,242,235,.90))!important;box-shadow:0 8px 22px rgba(64,53,44,.055),inset 0 1px 0 rgba(255,255,255,.98)!important}


[data-workspace][data-slug="id-photo-maker"] .id-input-check__grid b{color:#37312d!important}
[data-workspace][data-slug="id-photo-maker"] .id-input-check__head span{color:#746d66!important;border-color:#d8d1c7!important;background:#fffdfa!important}
.status-panel dt{color:#8c847c!important}.status-panel dd{color:#49433e!important}

.brand--v2,.skip-link,.button--glass{color:#1b1917!important}
.skip-link{border-color:#c4bbb0!important;outline-color:#9b5c36!important}
.hero-id-demo__sample{background:rgba(29,27,25,.82)!important;color:#fff!important}
.tool-card--technical .tool-card__media,.tool-card--technical .tool-card__media img{background:#211e1b!important}
.preview-stage img,.preview-card img,.crop-stage img{border-color:rgba(91,80,69,.16)!important}
.crop-dim{background:rgba(24,22,20,.50)!important}
:focus-visible{outline-color:rgba(155,92,54,.38)!important}
.hero-id-demo select{background:#27231f!important;color:#f5f1ea!important;border-color:#4b443e!important}
/* Functional colour samples remain literal colours; these are content choices, not the product palette. */
.background-swatches b[style*="438ce4"],.background-swatches [data-color="#438ce4"]{background:#438ce4!important}


.page-tools .tool-card__media,
.page-tools .tool-grid--count-2 .tool-card__media{
  width:88px!important;
  height:88px!important;
  min-height:88px!important;
  border-radius:12px!important;
  border-color:#d5cdc3!important;
  background:#f1ede6!important;
}
.page-tools .tool-card__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.page-tools .tool-card>a:hover .tool-card__media img{filter:none!important;transform:none!important}
.page-tools .tool-card__mode,
.page-tools .tool-card__icon,
.page-tools .tool-card__shine{display:none!important}
.page-tools .tool-card__body h3{margin-bottom:6px!important;}


@media(max-width:700px){
  .page-tools .tool-card>a,
  .page-tools .tool-grid--count-2 .tool-card>a,
  .page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{
    grid-template-columns:72px minmax(0,1fr) 18px!important;
    gap:12px!important;
    min-height:104px!important;
  }
  .page-tools .tool-card__media,
  .page-tools .tool-grid--count-2 .tool-card__media{
    width:72px!important;
    height:72px!important;
    min-height:72px!important;
    border-radius:10px!important;
  }
}

.page-tools .tool-card>a,
.page-tools .tool-grid--count-2 .tool-card>a,
.page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{
  grid-template-columns:78px minmax(0,1fr) 20px!important;
  gap:17px!important;
  min-height:108px!important;
  padding:12px 8px 12px 0!important;
  align-items:center!important;
}
.page-tools .tool-card>a::after{display:none!important}
.page-tools .tool-card__media,
.page-tools .tool-card__icon,
.page-tools .tool-card__mode,
.page-tools .tool-card__shine,
.page-tools .tool-card__category,
.page-tools .tool-card__link{display:none!important}
.page-tools .tool-card__glyph{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:72px!important;
  height:64px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#3f3934!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:color .16s ease!important;
}
.page-tools .tool-card__glyph .pts-system-icon{
  width:64px!important;
  height:64px!important;
  display:block!important;
}
.page-tools .tool-card__glyph .pts-system-icon__frame{opacity:.62}
.page-tools .tool-card__body{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  min-width:0!important;
  padding:0!important;
}
.page-tools .tool-card__body h3{
  margin:0 0 5px!important;
  color:var(--pts-ink)!important;
  font-size:17px!important;
  font-weight:760!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
}
.page-tools .tool-card__body p{
  display:block!important;
  margin:0!important;
  overflow:visible!important;
  color:#777068!important;
  font-size:12px!important;
  line-height:1.42!important;
  -webkit-line-clamp:unset!important;
}
.page-tools .tool-card__arrow{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  color:#aaa198!important;
  font-size:18px!important;
  line-height:1!important;
  transition:color .16s ease!important;
}
.page-tools .tool-card>a:hover,
.page-tools .tool-card>a:focus-visible{
  background:transparent!important;
  border-color:#cfc5bb!important;
  transform:none!important;
  box-shadow:none!important;
}
.page-tools .tool-card>a:focus-visible{outline:2px solid rgba(155,92,54,.38)!important;outline-offset:2px!important}
.page-tools .tool-card>a:hover .tool-card__glyph,
.page-tools .tool-card>a:hover .tool-card__arrow,
.page-tools .tool-card>a:focus-visible .tool-card__glyph,
.page-tools .tool-card>a:focus-visible .tool-card__arrow{
  color:#8f522f!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* The three capability marks share the same icon grammar, but remain larger
   because they function as hero-level visual anchors. */
.page-tools .capability-icon{
  
  
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9b5c36!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.page-tools .capability-icon .pts-system-icon{display:block!important;}
.page-tools .capability-icon .pts-system-icon__frame{opacity:.58}
.page-tools .capability-card,
.page-tools .capability-card:hover,
.page-tools .capability-card:focus-within,
.page-tools .capability-card:hover .capability-icon{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

@media(max-width:700px){
  .page-tools .tool-card>a,
  .page-tools .tool-grid--count-2 .tool-card>a,
  .page-tools .tool-grid--count-7 .tool-card:nth-child(-n/**/+4)>a{
    grid-template-columns:66px minmax(0,1fr) 18px!important;
    gap:13px!important;
    min-height:98px!important;
  }
  .page-tools .tool-card__glyph{width:62px!important;height:58px!important}
  .page-tools .tool-card__glyph .pts-system-icon{width:58px!important;height:58px!important}
  .page-tools .tool-card__body h3{font-size:16px!important}
  .page-tools .tool-card__body p{font-size:11.25px!important;line-height:1.4!important}
  .page-tools .capability-icon{width:64px!important;height:64px!important}
  .page-tools .capability-icon .pts-system-icon{width:58px!important;height:58px!important}
}



.page-tools .page-hero--tools>div:first-child,.page-tools .tool-hero-capabilities{align-self:start!important}
.page-home .hero__actions--secondary .button--glass{border-color:#c8ab95!important;background:#f4e9df!important;color:#7d4325!important}
.page-home .hero__actions--secondary .button--glass:hover{border-color:#a86a43!important;background:#9b5c36!important;color:#fff!important}




/* 3) Tools-centre hero. Restore the left copy to its centered/original position;
   solve the excessive hero height by shrinking/fixing the three capability cards. */







.page-tools .capability-card strong{margin-top:2px!important;}
.page-tools .capability-card p{margin-top:4px!important;}
.page-tools .capability-card small{font-size:10.5px!important}
@media(max-width:1100px){
  .page-tools .page-hero--tools{align-items:start!important;padding-top:48px!important;padding-bottom:46px!important}
  .page-tools .page-hero--tools>div:first-child{align-self:start!important}
  .page-tools .tool-hero-capabilities{align-self:start!important;width:100%!important;max-width:660px!important}
}

/* 4) Contact verification success: the design system's older positive-green rule
   was loaded after public.css. Override it here, in the final stylesheet. */


/* Public alignment contract: the tool title follows the 1320px editorial axis,
   while the post-workspace guidance follows the full functional editor width. */
.page-tool .workspace-titlebar{
  box-sizing:border-box!important;
  width:min(1320px,calc(100% - 60px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.page-tool .tool-notes{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:22px 0 0!important;
}


/* Homepage: sample and user-upload states share one fixed composition envelope.
   The action row uses reserved space, so uploading never pushes the footer down. */
@media(min-width:921px){
  .page-home .hero-id-demo__stage{height:268px!important;min-height:268px!important;max-height:268px!important;align-items:center!important}
  .page-home .hero-id-demo__media{position:relative!important;align-self:stretch!important;align-content:start!important;min-height:238px!important;padding-bottom:44px!important}
  .page-home .hero-id-demo__photo{margin-top:auto!important;margin-bottom:auto!important}
  .page-home .hero-id-demo__photo-actions{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;margin:0!important
  }
  .page-home .hero-id-demo__meta{height:238px!important;min-height:238px!important;max-height:238px!important;overflow:hidden!important}
  .page-home .hero-id-demo__adjustments{max-height:78px!important;overflow:auto!important}
  
}

@media(max-width:780px){
  .page-tool .workspace-titlebar{width:calc(100% - 32px)!important;padding-left:0!important;padding-right:0!important}
  .page-tool .tool-notes{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  
  
}

/* Tool-panel rhythm: fields should not look like unrelated patches from different
   releases. 14px is the base vertical unit; paired fields keep a 12px gutter. */
.page-tool .workspace-panel .panel-section--upload{padding:18px 18px 20px!important}
.page-tool .workspace-panel .panel-section--upload>.panel-heading{margin:0 0 16px!important}
.page-tool .workspace-panel .panel-section--upload .field{gap:7px!important;margin-bottom:14px!important}
.page-tool .workspace-panel .panel-section--upload .field-grid{gap:12px!important;margin-bottom:14px!important}
.page-tool .workspace-panel .panel-section--upload .field-grid>.field{margin-bottom:0!important}
.page-tool .workspace-panel .panel-section--upload>.check-row{margin:0 0 14px!important}
.page-tool .workspace-panel .panel-section--upload>.field-notice,
.page-tool .workspace-panel .panel-section--upload>.field-note{margin:0 0 14px!important}
.page-tool .workspace-panel .panel-section--upload>details,
.page-tool .workspace-panel .panel-section--upload>section{margin-top:0!important;margin-bottom:14px!important}
.page-tool .workspace-panel .panel-section--upload>:last-child{margin-bottom:0!important}



/* Result continuation belongs inside the same 16px result-card content gutter. */

@media(max-width:760px){.page-tool .result-next{margin:16px 12px 0!important}}

/* Tools centre: restore the intentionally asymmetric mosaic. The left text remains
   naturally centred; the right side gets rhythm from one tall + two compact cards. */
.page-tools .page-hero--tools{
  align-items:center!important;
  padding-top:62px!important;
  padding-bottom:56px!important;
}
.page-tools .page-hero--tools>div:first-child{align-self:center!important}
.page-tools .tool-hero-capabilities{
  align-self:center!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:1fr 1fr!important;
  gap:0!important;
  min-height:224px!important;
  max-height:244px!important;
}
.page-tools .tool-hero-capabilities .capability-card{
  min-height:0!important;
  padding:18px 19px!important;
}
.page-tools .tool-hero-capabilities .capability-card--local{
  grid-column:1!important;
  grid-row:1/3!important;
  min-height:224px!important;
  justify-content:flex-end!important;
}
.page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){grid-column:2!important;min-height:112px!important}
.page-tools .capability-icon{width:44px!important;height:44px!important;margin-bottom:8px!important}
.page-tools .capability-icon .pts-system-icon{width:39px!important;height:39px!important}
.page-tools .capability-card strong{font-size:17px!important}
.page-tools .capability-card p{font-size:11.5px!important;line-height:1.45!important}
@media(max-width:1100px){
  .page-tools .page-hero--tools{align-items:center!important;padding-top:50px!important;padding-bottom:48px!important}
  .page-tools .page-hero--tools>div:first-child{align-self:center!important}
  .page-tools .tool-hero-capabilities{align-self:center!important;max-width:none!important;min-height:210px!important}
  .page-tools .tool-hero-capabilities .capability-card--local{min-height:210px!important}
}
@media(max-width:780px){
  .page-tools .tool-hero-capabilities{grid-template-columns:1fr!important;grid-template-rows:auto!important;max-height:none!important}
  .page-tools .tool-hero-capabilities .capability-card,
  .page-tools .tool-hero-capabilities .capability-card--local,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){grid-column:1!important;grid-row:auto!important;min-height:104px!important}
}

/* Avatar editor: example and user photos use the same centred source geometry.
   Only the result state makes room for the result card. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{
  display:block!important;
  
  
  
  
  
}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="result"] .preview-stage__image--underlay{
  max-width:54%!important;max-height:420px!important;transform:translateX(-13%)!important;object-position:center center!important
}

[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{border-radius:0!important;}
[data-workspace][data-slug="avatar-cropper"][data-avatar-shape="rounded"] .avatar-result-card-v2 .avatar-result__viewport,
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2[data-avatar-shape="rounded"] .avatar-result__viewport{border-radius:var(--avatar-radius,18%)!important}
[data-workspace][data-slug="avatar-cropper"][data-avatar-shape="circle"] .avatar-result-card-v2 .avatar-result__viewport,
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2[data-avatar-shape="circle"] .avatar-result__viewport{border-radius:50%!important}
@media(max-width:760px){
  [data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
  [data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{max-width:82%!important;max-height:300px!important;transform:none!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{right:3%!important;width:154px!important;padding:9px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{width:122px!important;height:122px!important}
}

/* Crop semantics must be obvious at a glance. Solid export boundary + bright dashed
   thirds, with a dark halo so both remain visible over white and dark photographs. */


[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(1),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(2){
  background:repeating-linear-gradient(to bottom,rgba(255,241,226,.98) 0 9px,rgba(181,121,82,.98) 9px 14px,transparent 14px 20px)!important;}
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(3),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(4){
  background:repeating-linear-gradient(to right,rgba(255,241,226,.98) 0 9px,rgba(181,121,82,.98) 9px 14px,transparent 14px 20px)!important;}

/* Success is brand-copper, not unrelated green. */
.page-tool .result-card__status.is-success,
.page-tool .result-success-mark,
.page-tool [data-result-success]{color:#8a4928!important}

@media(min-width:921px){
  .page-home{min-height:100vh!important;display:flex!important;flex-direction:column!important}
  .page-home>main#main-content{display:block!important;flex:1 0 auto!important;min-height:0!important}
  
}
@media(min-width:1200px){
  .page-home .hero--id-primary{min-height:760px!important;padding-top:76px!important;padding-bottom:70px!important}
}


/* A. Tool-page alignment contract.
   1320px is the editorial axis (brand/title/notes/footer).
   The editor may widen to 1488px; its left utility rail and right parameter
   panel extend symmetrically around that axis. The main canvas starts exactly
   on the same x-axis as the brand/title on wide desktops. */
@media(min-width:1041px){
  .page-tool .workspace-grid{
    grid-template-columns:70px minmax(560px,1fr) 368px!important;
    gap:14px!important;
  }
  .page-tool .workspace-rail{width:70px!important;padding:8px!important}
  .page-tool .workspace-rail.is-expanded{width:278px!important}
}

/* B. Parameter panel: one vertical rhythm for every direct functional block.
   Hidden conditional blocks naturally disappear without leaving phantom gaps. */
.page-tool .workspace-panel .panel-section--upload{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
}
.page-tool .workspace-panel .panel-section--upload > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

.page-tool .workspace-panel .panel-section--upload :where(.field-grid,.manual-crop-grid){
  gap:12px!important;
}
.page-tool .workspace-panel .panel-section--upload :where(.field,.check-row){
  margin-top:0!important;
  margin-bottom:0!important;
}
/* D. Result continuation uses the same inner gutter as the result/export panels. */
.page-tool .result-next{
  box-sizing:border-box!important;
  width:calc(100% - 32px)!important;
  margin:20px 16px 0!important;
}
@media(max-width:760px){
  .page-tool .result-next{width:calc(100% - 24px)!important;margin:16px 12px 0!important}
}

/* E. Preview pan is a viewport inspection mode, not a processing transform. */


/* F. Crop thirds are deliberately legible over light AND dark photographs. */




/* G. Brand palette: no unrelated green success chips remain in ordinary results. */
.page-tool .success-mark,
.page-tool .result-success-mark,
.page-tool [data-result-success]{
  background:#f6e8dc!important;
  color:#8a4928!important;
  border-color:#d5ad91!important;
}

/* H. Mobile editor gate: the primary upload CTA must remain fully readable and
   touchable even when undo/zoom controls are present. */
@media(max-width:760px){
  .page-tool .preview-card__header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  .page-tool .preview-tools{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:1px 0 3px!important;
    scrollbar-width:none!important;
  }
  .page-tool .preview-tools::-webkit-scrollbar{display:none!important}
  .page-tool .preview-upload-cta{
    order:-20!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:126px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .page-tool .preview-clear-cta{
    order:-19!important;
    flex:0 0 auto!important;
    min-height:44px!important;
    height:44px!important;
    padding-inline:10px!important;
  }
  .page-tool .preview-control-group{flex:0 0 auto!important}
  .page-tool .preview-tools .icon-button{flex:0 0 38px!important}
}

/* J. Homepage composition is state-invariant: the hero has a fixed desktop
   envelope and the footer is pinned to the bottom of the viewport. User photo
   controls occupy reserved space inside the demo rather than growing the page. */
@media(min-width:1200px){
  .page-home .hero--id-primary{
    min-height:744px!important;
    padding-top:72px!important;
    padding-bottom:66px!important;
  }
  
}

/* K. Tools-centre hero remains intentionally asymmetric, not a 3-card dashboard.
   One tall anchor card + two compact secondary cards gives the original staggered
   rhythm without forcing the left copy upward. */
@media(min-width:1101px){
  .page-tools .tool-hero-capabilities{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
    grid-template-rows:1fr 1fr!important;
    gap:0!important;
    min-height:228px!important;
    max-height:242px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1!important;
    grid-row:1/3!important;
    min-height:228px!important;
    justify-content:flex-end!important;
    padding:20px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    grid-column:2!important;
    min-height:114px!important;
    padding:16px 18px!important;
  }
}

/* L. Avatar source geometry is the same for sample and user images; rounded-square
   is a first-class visible mode, not only an export-side option. */
[data-workspace][data-slug="avatar-cropper"][data-avatar-shape="rounded"] .crop-window{
  border-radius:var(--avatar-radius,18%)!important;
}
[data-workspace][data-slug="avatar-cropper"][data-avatar-shape="circle"] .crop-window{
  border-radius:50%!important;
}

.page-tool .workspace-panel .panel-section--upload > .panel-heading,
.page-tool .workspace-panel .panel-section--upload > .field,
.page-tool .workspace-panel .panel-section--upload > .field-grid,
.page-tool .workspace-panel .panel-section--upload > .check-row,
.page-tool .workspace-panel .panel-section--upload > .field-note,
.page-tool .workspace-panel .panel-section--upload > .field-notice,
.page-tool .workspace-panel .panel-section--upload > details,
.page-tool .workspace-panel .panel-section--upload > section,
.page-tool .workspace-panel .panel-section--upload > div{
  margin-top:0!important;
  margin-bottom:0!important;
}
.page-tool .workspace-panel .panel-section--upload > div > :last-child,
.page-tool .workspace-panel .panel-section--upload > section > :last-child,
.page-tool .workspace-panel .panel-section--upload > details > :last-child{
  margin-bottom:0!important;
}
.page-tool .workspace-panel .panel-section--upload > .panel-heading{margin-bottom:2px!important}

/* 2. Crop thirds: visible but editorial, not orange road markings. */




[data-workspace][data-slug="image-cropper"] .crop-legend{display:none!important}

/* 3. Right panel is one vertical system. Action and status are sections of the
   same panel, not a rounded card awkwardly touching another section. */
.page-tool .workspace-panel .action-panel{
  border:0!important;border-top:1px solid #ddd5cc!important;border-bottom:1px solid #e6dfd7!important;
  border-radius:0!important;background:#fbfaf7!important;box-shadow:none!important;
  padding:16px 18px!important;gap:10px!important;
}
.page-tool .workspace-panel .status-panel{
  border:0!important;border-radius:0!important;background:#f8f5f0!important;
  padding:16px 18px 18px!important;
}
.page-tool .workspace-panel .status-panel h2{margin-top:0!important}

/* 4. Tool-centre capability mosaic: one anchor card plus two horizontal compact
   cards. Internal icon alignment is intentionally different but disciplined. */
@media(min-width:1101px){
  .page-tools .tool-hero-capabilities{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    grid-template-rows:1fr 1fr!important;gap:12px!important;
    min-height:218px!important;max-height:230px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1!important;grid-row:1/3!important;min-height:218px!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:flex-start!important;padding:22px 22px 20px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon{margin:0 0 auto!important}
  .page-tools .tool-hero-capabilities .capability-card--local small{margin-top:18px!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    grid-column:2!important;min-height:103px!important;padding:15px 16px!important;
    display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;column-gap:12px!important;row-gap:2px!important;align-items:start!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon{
    grid-column:1!important;grid-row:1/4!important;align-self:center!important;margin:0!important;width:38px!important;height:38px!important
  }
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon .pts-system-icon{width:34px!important;height:34px!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{grid-column:2!important;margin:0!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong{font-size:15px!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{font-size:10.5px!important;line-height:1.38!important}
}

/* 5. Batch tools size the stage to the queue, instead of leaving half a screen
   of empty charcoal below four thumbnails. */
@media(min-width:761px){
  [data-workspace][data-slug="batch-compress"] .preview-stage,
  [data-workspace][data-slug="batch-resize"] .preview-stage{min-height:370px!important;height:370px!important}
  [data-workspace][data-slug="batch-compress"] .batch-board,
  [data-workspace][data-slug="batch-resize"] .batch-board{padding:28px 24px 24px!important;justify-content:flex-start!important}
}

/* 6. Avatar/photo-spec workspaces use a quiet blurred backdrop to make portrait
   or square sources feel intentionally centred inside a wide editor. */
[data-workspace][data-slug="avatar-cropper"] .preview-stage,
[data-workspace][data-slug="photo-size"] .preview-stage{isolation:isolate!important;background:#262421!important}
[data-workspace][data-slug="avatar-cropper"] .crop-preview-backdrop,
[data-workspace][data-slug="photo-size"] .crop-preview-backdrop{
  position:absolute!important;z-index:0!important;inset:-32px!important;display:block!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  filter:blur(24px) brightness(.44) saturate(.72)!important;transform:scale(1.08)!important;opacity:.56!important;pointer-events:none!important
}
[data-workspace][data-slug="avatar-cropper"] .preview-stage__image--underlay,
[data-workspace][data-slug="photo-size"] .preview-stage__image--underlay{position:relative!important;z-index:1!important}
[data-workspace][data-slug="avatar-cropper"] .manual-crop-overlay,
[data-workspace][data-slug="photo-size"] .manual-crop-overlay{z-index:3!important}


.photo-size-ratio-note{margin-top:-2px!important;padding:9px 11px!important;border:1px solid #e3d8ce!important;border-radius:10px!important;background:#fbf7f2!important;color:#766b61!important;font-size:11px!important;line-height:1.5!important}

/* 7. Social-crop information must never cover the lower crop edge or safe area. */

[data-workspace][data-slug="social-cropper"] .manual-crop-overlay--social .crop-ratio--manual{right:16px!important;bottom:16px!important;left:auto!important}

/* 8. Keep the preview navigation label semantically accurate. */
.preview-stage.is-pan-mode:after{content:"移动视图 · 只改变观察位置"!important}


/* Restore the intended top-wide + two-lower capability rhythm. Smaller icons
   solve the empty-space problem without dragging the left hero copy upward. */
@media(min-width:1101px){
  .page-tools .page-hero--tools{align-items:center!important}
  .page-tools .tool-hero-capabilities{
    grid-template-columns:1fr 1fr!important;grid-template-rows:90px 112px!important;
    gap:0!important;min-height:202px!important;max-height:202px!important;align-self:center!important
  }
  .page-tools .tool-hero-capabilities .capability-card,
  .page-tools .tool-hero-capabilities .capability-card--local{min-height:0!important;padding:15px 18px!important}
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1/3!important;grid-row:1!important;display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;
    column-gap:14px!important;row-gap:1px!important;align-items:center!important;border-bottom:1px solid var(--pts-line)!important
  }
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon{grid-column:1!important;grid-row:1/4!important;margin:0!important;width:40px!important;height:40px!important;align-self:center!important}
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon .pts-system-icon{width:36px!important;height:36px!important}
  .page-tools .tool-hero-capabilities .capability-card--local small,
  .page-tools .tool-hero-capabilities .capability-card--local strong,
  .page-tools .tool-hero-capabilities .capability-card--local p{grid-column:2!important;margin:0!important}
  .page-tools .tool-hero-capabilities .capability-card--local small{margin-top:0!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    min-height:112px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;column-gap:12px!important;row-gap:2px!important;align-items:start!important
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(2){grid-column:1!important;grid-row:2!important}
  .page-tools .tool-hero-capabilities .capability-card:nth-child(3){grid-column:2!important;grid-row:2!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon{
    grid-column:1!important;grid-row:1/4!important;align-self:center!important;margin:0!important;width:38px!important;height:38px!important
  }
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon .pts-system-icon{width:34px!important;height:34px!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{grid-column:2!important;margin:0!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong{font-size:16px!important}
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{font-size:11px!important;line-height:1.42!important}
}

/* The crop guide should read at a glance but remain a photographic overlay. */


/* Do not let social guidance compete with crop-boundary feedback. */


/* Batch-compress contains a compact 2x2 queue; keep the dark stage proportional
   to information density instead of reserving a full photo-editing canvas. */
@media(min-width:761px){
  [data-workspace][data-slug="batch-compress"] .preview-stage{min-height:310px!important;height:310px!important}
}

@media(min-width:761px){
  [data-workspace][data-slug="gif-maker"] .gif-timeline{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:6px!important;
  }
  [data-workspace][data-slug="gif-maker"] .gif-timeline>span{
    min-width:0!important;height:48px!important;
  }
}
@media(max-width:760px){
  [data-workspace][data-slug="gif-maker"] .gif-timeline{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  [data-workspace][data-slug="gif-maker"] .gif-timeline>span:nth-child(n/**/+5){display:none!important}
}

[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{
  display:grid!important;visibility:visible!important;opacity:1!important;
  right:6%!important;top:50%!important;bottom:auto!important;
  width:220px!important;padding:15px!important;transform:translateY(-50%)!important;
  border:1px solid rgba(255,255,255,.17)!important;border-radius:16px!important;
  background:rgba(31,29,27,.92)!important;z-index:5!important;
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2:before{
  content:"→"!important;position:absolute!important;left:-52px!important;top:50%!important;
  transform:translateY(-50%)!important;color:rgba(255,255,255,.78)!important;
  font-size:26px!important;font-weight:800!important;
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{
  width:178px!important;height:178px!important;border:4px solid #fff!important;
}
[data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2>em{
  display:block!important;margin-top:5px!important;color:#beb6ae!important;font-size:10px!important;
  font-style:normal!important;line-height:1.45!important;text-align:center!important;
}
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="example"] .preview-stage__image--underlay,
[data-workspace][data-slug="avatar-cropper"] .preview-stage[data-state="user"] .preview-stage__image--underlay{
  max-width:54%!important;max-height:440px!important;margin:auto!important;
  transform:translateX(-24%)!important;object-fit:contain!important;object-position:center!important;
}


@media(max-width:900px){
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{right:3%!important;width:164px!important;padding:10px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{width:132px!important;height:132px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2:before{left:-34px!important;font-size:20px!important}
}
@media(max-width:620px){
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2{right:10px!important;bottom:10px!important;top:auto!important;transform:none!important;width:128px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2 .avatar-result__viewport{width:100px!important;height:100px!important}
  [data-workspace][data-slug="avatar-cropper"] .avatar-result-card-v2:before{display:none!important}
}

/* 2. Homepage ID-photo media uses one fixed image envelope and one permanently
   reserved action row. Changing 22x32 / 25x35 / 35x49 etc cannot push buttons
   into the photo or change the hero height. */
@media(min-width:921px){
  .page-home .hero-id-demo__media{
    position:relative!important;
    display:grid!important;
    grid-template-rows:196px 36px!important;
    align-content:center!important;
    justify-items:center!important;
    gap:14px!important;
    min-height:246px!important;
    padding:0!important;
  }
  .page-home .hero-id-demo__photo{
    width:var(--home-id-frame-w,140px)!important;height:var(--home-id-frame-h,196px)!important;max-width:148px!important;max-height:196px!important;
    margin:0!important;align-self:center!important;
  }
  .page-home .hero-id-demo__photo-actions{
    position:static!important;inset:auto!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;
    width:100%!important;min-height:36px!important;margin:0!important;gap:8px!important;
    opacity:1!important;visibility:visible!important;
  }
  .page-home .hero-id-demo__photo-actions[hidden]{
    display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
}
.page-home .hero-id-demo__photo-actions{margin-top:0!important}


/* 3. Restore the approved tool-centre composition exactly: one generous wide
   top card and two equal lower cards, with vertical icon/copy rhythm. */
@media(min-width:1101px){
  .page-tools .page-hero--tools{
    grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr)!important;
    align-items:center!important;min-height:520px!important;
    padding-top:58px!important;padding-bottom:58px!important;
  }
  .page-tools .page-hero--tools>div:first-child{align-self:center!important}
  .page-tools .tool-hero-capabilities{
    display:grid!important;align-self:center!important;
    grid-template-columns:1fr 1fr!important;grid-template-rows:214px 206px!important;
    gap:0!important;min-height:420px!important;max-height:420px!important;
    border:1px solid #d8d1c7!important;background:rgba(255,255,255,.16)!important;
  }
  .page-tools .tool-hero-capabilities .capability-card,
  .page-tools .tool-hero-capabilities .capability-card--local{
    min-height:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;padding:26px 28px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1/3!important;grid-row:1!important;border-bottom:1px solid #d8d1c7!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(2){
    grid-column:1!important;grid-row:2!important;border-right:1px solid #d8d1c7!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(3){
    grid-column:2!important;grid-row:2!important;
  }
  .page-tools .tool-hero-capabilities .capability-icon{
    display:grid!important;place-items:center!important;
    width:66px!important;height:66px!important;margin:0 0 18px!important;
  }
  .page-tools .tool-hero-capabilities .capability-icon .pts-system-icon{width:60px!important;height:60px!important}
  .page-tools .tool-hero-capabilities small{margin:0 0 8px!important;font-size:11px!important;line-height:1.2!important}
  .page-tools .tool-hero-capabilities strong{margin:0 0 8px!important;font-size:22px!important;line-height:1.16!important}
  .page-tools .tool-hero-capabilities p{margin:0!important;max-width:290px!important;font-size:12px!important;line-height:1.55!important}
}

/* 4. Batch-resize desktop demo: all four examples visible at once, no clipped
   second row and no false impression that two items are missing. */
@media(min-width:1101px){
  [data-workspace][data-slug="batch-resize"] .preview-stage{
    height:360px!important;min-height:360px!important;max-height:360px!important;
  }
  [data-workspace][data-slug="batch-resize"] .batch-board{
    padding:26px 24px 22px!important;justify-content:flex-start!important;
  }
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
  }
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails>span{min-width:0!important}
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails img{
    width:100%!important;height:auto!important;aspect-ratio:3/2!important;
    object-fit:cover!important;padding:0!important;
  }
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails b{
    min-height:34px!important;display:grid!important;place-items:center!important;
    padding:7px 5px!important;font-size:10px!important;
  }
  [data-workspace][data-slug="batch-resize"] .batch-demo-note{margin-top:12px!important}
}
@media(min-width:761px) and (max-width:1100px){
  [data-workspace][data-slug="batch-resize"] .preview-stage{height:480px!important;min-height:480px!important}
  [data-workspace][data-slug="batch-resize"] .batch-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 5. Crop thirds: clean photographic guides. One soft-white line only; no
   double shadow/outline that reads as dirty or fuzzy on detailed scenery. */
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]{
  opacity:.90!important;background:rgba(255,255,255,.92)!important;
  box-shadow:none!important;filter:none!important;border:0!important;
}
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(1),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(2){width:1px!important}
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(3),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(4){height:1px!important}
[data-workspace][data-slug="image-cropper"] .crop-window{
  border:2px solid rgba(255,255,255,.98)!important;
  box-shadow:0 0 0 1px rgba(31,29,27,.26),0 8px 24px rgba(0,0,0,.14)!important;
}

@media(min-width:1101px){
  .page-tools .tool-hero-capabilities .capability-card--local,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    display:flex!important;flex-direction:column!important;
    grid-template-columns:none!important;grid-template-rows:none!important;
    align-items:flex-start!important;justify-content:center!important;
    column-gap:0!important;row-gap:0!important;padding:26px 28px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon{
    grid-column:auto!important;grid-row:auto!important;align-self:flex-start!important;
    width:66px!important;height:66px!important;margin:0 0 18px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon .pts-system-icon,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon .pts-system-icon{
    width:60px!important;height:60px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local small,
  .page-tools .tool-hero-capabilities .capability-card--local strong,
  .page-tools .tool-hero-capabilities .capability-card--local p,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{
    grid-column:auto!important;margin-left:0!important;margin-right:0!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small{
    margin-top:0!important;margin-bottom:8px!important;font-size:11px!important;line-height:1.2!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local strong,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong{
    margin-top:0!important;margin-bottom:8px!important;font-size:22px!important;line-height:1.16!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local p,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{
    margin-top:0!important;margin-bottom:0!important;font-size:12px!important;line-height:1.55!important;
  }
}

[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(1),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(2),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(3),
[data-workspace][data-slug="image-cropper"] .crop-window>[data-crop-grid]:nth-of-type(4){
  background:rgba(255,255,255,.88)!important;
  box-shadow:none!important;filter:none!important;
}

@media(min-width:921px){
  .page-home .hero-id-demo__stage{
    height:236px!important;min-height:236px!important;max-height:236px!important;
    align-items:center!important
  }
  .page-home .hero-id-demo__media{
    position:relative!important;display:grid!important;place-items:center!important;
    align-content:center!important;align-self:center!important;grid-template-rows:196px!important;
    height:206px!important;min-height:206px!important;max-height:206px!important;
    padding:0!important;gap:0!important
  }
  .page-home .hero-id-demo__photo{
    position:relative!important;width:var(--home-id-frame-w,140px)!important;height:var(--home-id-frame-h,196px)!important;max-width:148px!important;max-height:196px!important;
    margin:0!important;align-self:center!important;justify-self:center!important;overflow:hidden!important
  }
  .page-home .hero-id-demo__meta{
    position:relative!important;height:206px!important;min-height:206px!important;max-height:206px!important;
    padding-right:22px!important;overflow:hidden!important
  }
  .page-home .hero-id-demo__photo-actions{
    position:absolute!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;
    z-index:12!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:5px!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important
  }
  .page-home .hero-id-demo__photo-actions[hidden]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .page-home .hero-id-demo__photo-actions button,
  .page-home .hero-id-demo__photo-actions .hero-id-demo__replace,
  .page-home .hero-id-demo__photo-actions .hero-id-demo__remove{
    position:static!important;inset:auto!important;display:grid!important;place-items:center!important;
    width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;
    margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.34)!important;
    border-radius:8px!important;background:rgba(28,26,24,.76)!important;color:#fff!important;
    box-shadow:0 3px 10px rgba(0,0,0,.18)!important;backdrop-filter:blur(8px)!important;
    line-height:1!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important
  }
  .page-home .hero-id-demo__photo-actions button svg{
    width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;
    stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important
  }
  .page-home .hero-id-demo__photo-actions .hero-id-demo__replace:hover{
    background:rgba(155,92,54,.94)!important;border-color:rgba(255,255,255,.56)!important;transform:translateY(-1px)!important
  }
  .page-home .hero-id-demo__photo-actions .hero-id-demo__remove,
  .page-home .hero-id-demo__photo-actions .hero-id-demo__remove:hover{
    color:#fff!important;background:rgba(77,42,43,.84)!important;border-color:rgba(255,219,223,.38)!important
  }
  .page-home .hero-id-demo__photo-actions .hero-id-demo__remove:hover{
    background:rgba(133,58,66,.94)!important;transform:translateY(-1px)!important
  }
}
@media(max-width:920px){
  .page-home .hero-id-demo__photo{position:relative!important}
  .page-home .hero-id-demo__photo-actions{
    position:absolute!important;top:7px!important;right:7px!important;left:auto!important;bottom:auto!important;
    z-index:12!important;display:flex!important;width:auto!important;margin:0!important;padding:0!important;gap:5px!important
  }
  .page-home .hero-id-demo__photo-actions[hidden]{display:none!important}
  .page-home .hero-id-demo__photo-actions button{
    display:grid!important;place-items:center!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;
    height:27px!important;min-height:27px!important;padding:0!important;border-radius:8px!important;
    background:rgba(28,26,24,.76)!important;color:#fff!important;border:1px solid rgba(255,255,255,.34)!important
  }
  .page-home .hero-id-demo__photo-actions button svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
}

@media(min-width:1101px){
  .page-tools .page-hero--tools{
    grid-template-columns:minmax(0,1fr) 520px!important;gap:70px!important;
    align-items:end!important;min-height:0!important;padding-top:64px!important;padding-bottom:64px!important
  }
  .page-tools .page-hero--tools>div:first-child{align-self:end!important}
  .page-tools .tool-hero-capabilities{
    display:grid!important;align-self:end!important;
    grid-template-columns:1fr 1fr!important;grid-template-rows:180px 200px!important;gap:0!important;
    width:520px!important;min-width:520px!important;max-width:520px!important;
    height:380px!important;min-height:380px!important;max-height:380px!important;
    border:1px solid #d8d1c7!important;background:rgba(255,255,255,.10)!important
  }
  .page-tools .tool-hero-capabilities .capability-card,
  .page-tools .tool-hero-capabilities .capability-card--local,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;backdrop-filter:none!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:flex-start!important;padding:30px!important;
    grid-template-columns:none!important;grid-template-rows:none!important;column-gap:0!important;row-gap:0!important
  }
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1/3!important;grid-row:1!important;border-bottom:1px solid #d8d1c7!important
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(2){
    grid-column:1!important;grid-row:2!important;border-right:1px solid #d8d1c7!important
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(3){grid-column:2!important;grid-row:2!important}
  .page-tools .tool-hero-capabilities .capability-card::before,
  .page-tools .tool-hero-capabilities .capability-card::after{display:none!important}
  .page-tools .tool-hero-capabilities .capability-icon,
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon{
    display:grid!important;place-items:center!important;align-self:flex-start!important;
    width:28px!important;height:28px!important;margin:0 0 16px!important;
    border:1px solid #c9a58e!important;border-radius:7px!important;background:transparent!important;color:#9b5c36!important;
    box-shadow:none!important
  }
  .page-tools .tool-hero-capabilities .capability-icon .pts-system-icon,
  .page-tools .tool-hero-capabilities .capability-card--local .capability-icon .pts-system-icon,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) .capability-icon .pts-system-icon{
    width:20px!important;height:20px!important
  }
  .page-tools .tool-hero-capabilities small,
  .page-tools .tool-hero-capabilities .capability-card--local small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small{
    margin:0 0 5px!important;font-size:11px!important;line-height:1.2!important;color:#8c857d!important
  }
  .page-tools .tool-hero-capabilities strong,
  .page-tools .tool-hero-capabilities .capability-card--local strong,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) strong{
    margin:0 0 5px!important;font-size:22px!important;line-height:1.15!important;color:#1b1917!important
  }
  .page-tools .tool-hero-capabilities p,
  .page-tools .tool-hero-capabilities .capability-card--local p,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{
    margin:0!important;max-width:100%!important;font-size:11.5px!important;line-height:1.5!important;color:#746d66!important
  }
}

@media(min-width:1101px){
  .page-tools .tool-hero-capabilities small,
  .page-tools .tool-hero-capabilities .capability-card--local small,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) small{
    margin:0 0 6px!important;font-size:12px!important;line-height:1.3!important;
    font-weight:550!important;letter-spacing:.01em!important;color:#817a73!important
  }
}

@media(min-width:1101px){
  .page-tools .tool-hero-capabilities p,
  .page-tools .tool-hero-capabilities .capability-card--local p,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local) p{
    font-size:12px!important;line-height:1.5!important;color:#746d66!important
  }
}


/* ---------- trust hierarchy + current-logo motion ---------- */
/* The current inline SVG/wordmark is the only public logo implementation. */
.site-header .brand--v2,.status-header .brand--v2{
  position:relative!important;
  isolation:isolate;
  gap:13px!important;
  overflow:hidden;
  opacity:1!important;
  transition:filter .2s ease!important;
}
.site-header .brand--v2:hover,.site-header .brand--v2:focus-visible,
.status-header .brand--v2:hover,.status-header .brand--v2:focus-visible{opacity:1!important;filter:brightness(1.015)}
.site-header .brand--v2 .pts-brandmark,.status-header .brand--v2 .pts-brandmark{width:48px!important;height:48px!important;flex:0 0 48px!important}
.site-header .brand--v2 .pts-wordmark strong,.status-header .brand--v2 .pts-wordmark strong{font-size:24.5px!important;font-weight:840!important}
.site-header .brand--v2 .pts-wordmark em,.status-header .brand--v2 .pts-wordmark em{font-size:12px!important;font-weight:850!important;letter-spacing:.15em!important}
.site-header .brand--v2::after,.status-header .brand--v2::after{
  content:"";position:absolute;z-index:5;inset:-32% -28%;pointer-events:none;opacity:0;
  background:linear-gradient(108deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.055) 38%,rgba(255,252,247,.32) 45%,rgba(255,255,255,.84) 51%,rgba(255,249,239,.34) 57%,rgba(255,255,255,.055) 65%,rgba(255,255,255,0) 73%);
  transform:translate3d(-150%,0,0) skewX(-10deg);
  will-change:transform,opacity;
}
.brand--v2.brand--intro-v2 .pts-brandmark{animation:ptsV2MarkIn .44s cubic-bezier(.18,.82,.2,1) both}
.brand--v2.brand--intro-v2 .pts-wordmark strong{animation:ptsV2WordIn .38s cubic-bezier(.2,.76,.2,1) .24s both}
.brand--v2.brand--intro-v2 .pts-wordmark em{animation:ptsV2StudioIn .28s ease .46s both}
.brand--v2.brand--intro-v2::after{animation:ptsV2Sweep 1.28s linear .72s both}
.site-header .brand--v2:not(.brand--intro-v2):hover::after,.site-header .brand--v2:not(.brand--intro-v2):focus-visible::after,
.status-header .brand--v2:not(.brand--intro-v2):hover::after,.status-header .brand--v2:not(.brand--intro-v2):focus-visible::after{animation:ptsV2HoverSweep 1.05s linear both}
@keyframes ptsV2MarkIn{0%{opacity:.18;filter:brightness(1.28) drop-shadow(0 0 10px rgba(181,121,82,.22))}100%{opacity:1;filter:none}}
@keyframes ptsV2WordIn{0%{opacity:0;transform:translateX(5px)}100%{opacity:1;transform:none}}
@keyframes ptsV2StudioIn{0%{opacity:0;transform:translateX(3px)}100%{opacity:1;transform:none}}
@keyframes ptsV2Sweep{
  0%{opacity:0;transform:translate3d(-150%,0,0) skewX(-10deg)}
  12%{opacity:.52;transform:translate3d(-114%,0,0) skewX(-10deg)}
  24%{opacity:.92;transform:translate3d(-78%,0,0) skewX(-10deg)}
  76%{opacity:.92;transform:translate3d(78%,0,0) skewX(-10deg)}
  88%{opacity:.48;transform:translate3d(114%,0,0) skewX(-10deg)}
  100%{opacity:0;transform:translate3d(150%,0,0) skewX(-10deg)}
}
@keyframes ptsV2HoverSweep{
  0%{opacity:0;transform:translate3d(-150%,0,0) skewX(-10deg)}
  14%{opacity:.55;transform:translate3d(-108%,0,0) skewX(-10deg)}
  28%{opacity:.94;transform:translate3d(-66%,0,0) skewX(-10deg)}
  72%{opacity:.94;transform:translate3d(66%,0,0) skewX(-10deg)}
  86%{opacity:.50;transform:translate3d(108%,0,0) skewX(-10deg)}
  100%{opacity:0;transform:translate3d(150%,0,0) skewX(-10deg)}
}
@media(max-width:1100px){
  .site-header .brand--v2 .pts-brandmark{width:45px!important;height:45px!important;flex-basis:45px!important}
  .site-header .brand--v2 .pts-wordmark strong{font-size:23px!important}.site-header .brand--v2 .pts-wordmark em{font-size:11px!important}
}
@media(max-width:780px){
  .site-header .brand--v2{gap:10px!important}.site-header .brand--v2 .pts-brandmark{width:40px!important;height:40px!important;flex-basis:40px!important}
  .site-header .brand--v2 .pts-wordmark strong{font-size:20.5px!important}.site-header .brand--v2 .pts-wordmark em{font-size:9.8px!important}
}
@media(prefers-reduced-motion:reduce){
  .brand--v2.brand--intro-v2 .pts-brandmark,.brand--v2.brand--intro-v2 .pts-wordmark strong,.brand--v2.brand--intro-v2 .pts-wordmark em{animation:none!important;opacity:1!important;transform:none!important}
  .site-header .brand--v2::after,.status-header .brand--v2::after{animation:none!important;opacity:0!important}
}

/* Processing trust block — one visual system; motion points to the action that needs attention.
   Normal state stays calm and premium; explicit server consent gets the stronger motion tier. */
.page-tool .processing-trust-block{
  position:relative;isolation:isolate;display:grid;gap:0;overflow:hidden;
  border:1.25px solid #d9c9bd;border-radius:17px;
  background:linear-gradient(145deg,#fffaf6 0%,#fdf8f4 58%,#f7eee7 100%);
  box-shadow:0 8px 20px rgba(71,50,36,.065),0 1px 0 rgba(255,255,255,.94) inset;
  animation:ptsTrustArrive28 .68s cubic-bezier(.2,.72,.2,1) both;
}
/* Periodic brand sweep: the card itself stays light; the moving highlight is what attracts attention. */
.page-tool .processing-trust-block::before{
  content:"";pointer-events:none;position:absolute;z-index:8;inset:-32% -28%;opacity:0;
  background:linear-gradient(108deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.34) 45%,rgba(255,255,255,.94) 51%,rgba(255,252,248,.34) 57%,rgba(255,255,255,.05) 65%,rgba(255,255,255,0) 73%);
  filter:drop-shadow(0 0 10px rgba(255,255,255,.68));
  transform:translate3d(-158%,0,0) skewX(-10deg);will-change:transform,opacity;
  animation:ptsTrustSweep28 5.2s linear -2.82s infinite;
}
.page-tool .processing-trust-block::after{
  content:"";pointer-events:none;position:absolute;z-index:9;inset:0;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);opacity:.82
}
.page-tool .processing-trust-block>.processing-location,
.page-tool .processing-trust-block>.privacy-confirm{position:relative;z-index:2}
.page-tool .processing-location{
  position:relative!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;
  min-height:102px!important;margin:0!important;padding:16px 15px 16px 17px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
}
.page-tool .processing-location::before{
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 5px 5px 0;background:#b07b59;
  box-shadow:1px 0 0 rgba(255,255,255,.82)
}
.page-tool .processing-location__icon{
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;
  border:1px solid #d8bdab!important;border-radius:13px!important;
  background:#f5e8df!important;color:#995936!important;
  font-size:19px!important;font-weight:950!important;box-shadow:0 3px 9px rgba(110,72,46,.09)!important;
  transform-origin:center;will-change:transform,box-shadow,background-color
}
.page-tool .processing-location__body{display:block!important;min-width:0!important;overflow:visible!important}
.page-tool .processing-location__eyebrow{
  display:block!important;margin:0 0 3px!important;color:#9a6a4e!important;font-size:10.2px!important;line-height:1.2!important;
  font-weight:900!important;letter-spacing:.085em!important;text-transform:none
}
.page-tool .processing-location strong{
  display:block!important;color:#2b2724!important;font-size:15.4px!important;line-height:1.28!important;font-weight:930!important;
  letter-spacing:-.012em!important;white-space:normal!important
}
.page-tool .processing-location p{
  display:block!important;max-width:none!important;margin:5px 0 0!important;color:#6b625c!important;font-size:11.9px!important;
  line-height:1.5!important;font-weight:650!important;text-wrap:pretty!important
}
.page-tool .processing-location__badge{
  align-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:27px!important;padding:5px 9px!important;border:1px solid #d9bca8!important;border-radius:999px!important;
  background:#fbf2eb!important;color:#805037!important;font-size:10px!important;line-height:1!important;font-weight:900!important;
  letter-spacing:.01em!important;box-shadow:0 1px 4px rgba(99,59,34,.035)!important
}
.page-tool .processing-location--local::before{background:#9e806b}.page-tool .processing-location--local .processing-location__icon{border-color:#d5c5b9!important;background:#f4efea!important;color:#775c49!important}
.page-tool .processing-location--hybrid::before{background:#b77b54}.page-tool .processing-location--hybrid .processing-location__icon{border-color:#ddc1ae!important;background:#f7ebe2!important;color:#9b5a35!important}
.page-tool .processing-location--server::before{background:#c46f45}.page-tool .processing-location--server .processing-location__icon{border-color:#e0b79f!important;background:#fae9de!important;color:#a64f2c!important}.page-tool .processing-location--server .processing-location__badge{border-color:#ddb9a4!important;background:#fcf0e8!important;color:#8c492b!important}

/* Consent remains the lower tier of the same component. */
.page-tool .privacy-confirm{
  position:relative;margin:0!important;padding:0!important;border:0!important;border-top:1px solid #e3d6cc!important;border-radius:0!important;
  background:rgba(250,245,241,.74)!important;box-shadow:none!important;overflow:visible!important
}
.page-tool .privacy-confirm[hidden]{display:none!important}
.page-tool .server-consent{position:relative;display:grid;gap:10px;padding:14px 15px 15px;background:transparent;border:0;border-radius:0;box-shadow:none;transition:background .18s ease,box-shadow .18s ease}
.page-tool .server-consent__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-tool .server-consent__head>span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #d4b5a0;border-radius:999px;background:#faf0e8;color:#865236;font-size:10px;font-weight:920;letter-spacing:.02em;box-shadow:none}
.page-tool .server-consent__head>strong{color:#352f2b;font-size:13px;line-height:1.3;font-weight:930;text-align:right}
.page-tool .server-consent__note{margin:0;color:#6d645d;font-size:11.4px;line-height:1.52;font-weight:650}
.page-tool .server-consent .check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:10px 11px!important;border:1px solid #dfc9b9!important;border-radius:11px!important;background:rgba(255,252,249,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;cursor:pointer!important;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.page-tool .server-consent .check-row:hover{border-color:#ca9a7b!important;background:#fffaf6!important;transform:translateY(-1px)}
.page-tool .server-consent .check-row input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0!important;accent-color:#99512c;cursor:pointer}
.page-tool .server-consent .check-row strong{display:block;color:#382f2a;font-size:12.4px;font-weight:920;line-height:1.35}
.page-tool .server-consent .check-row small{display:block;margin-top:3px;color:#736a63;font-size:10.9px!important;line-height:1.48!important;font-weight:630!important}
.page-tool .server-consent.is-example-mode{opacity:.84}.page-tool .server-consent.is-example-mode .check-row{cursor:not-allowed!important}.page-tool .server-consent.is-example-mode .check-row input{cursor:not-allowed}

/* When upload permission is actually required, the sweep accelerates and the icon pulses in short bursts. */
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-required)::before,
.page-tool .processing-trust-block:has(.privacy-confirm.is-required-fallback)::before{
  background:linear-gradient(108deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.44) 44%,rgba(255,255,255,.98) 51%,rgba(255,252,248,.48) 58%,rgba(255,255,255,.08) 66%,rgba(255,255,255,0) 74%);
  filter:drop-shadow(0 0 13px rgba(255,255,255,.78));animation:ptsTrustSweepUrgent28 3.25s linear -1.78s infinite;
}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-required) .server-consent .check-row,
.page-tool .processing-trust-block:has(.privacy-confirm.is-required-fallback) .server-consent .check-row{
  animation:ptsConsentActionPulse28 5.8s ease-in-out -.9s infinite!important
}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-required) .server-consent .check-row input,
.page-tool .processing-trust-block:has(.privacy-confirm.is-required-fallback) .server-consent .check-row input{
  animation:ptsConsentCheckPulse28 5.8s ease-in-out -.9s infinite!important;transform-origin:center
}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-confirmed)::before{animation:none!important;opacity:0!important}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-confirmed) .server-consent .check-row,
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-confirmed) .server-consent .check-row input{animation:none!important}

/* Escalate color only slightly; motion, not a dark warning palette, carries the attention. */
.page-tool .server-consent.is-consent-required,.page-tool .privacy-confirm.is-required-fallback .server-consent{
  background:linear-gradient(90deg,#fff8f2 0%,#fffdf9 100%)!important;box-shadow:inset 4px 0 0 #bd6a42!important
}
.page-tool .server-consent.is-consent-required .server-consent__head>span,.page-tool .privacy-confirm.is-required-fallback .server-consent .server-consent__head>span{border-color:#cc8c69;background:#f9e8dd;color:#844326}
.page-tool .server-consent.is-consent-required .check-row,.page-tool .privacy-confirm.is-required-fallback .server-consent .check-row{border:1.5px solid #d5a182!important;background:#fffaf6!important;box-shadow:0 4px 10px rgba(138,69,31,.055)!important}
.page-tool .server-consent.is-consent-confirmed{background:#f8f5f2!important;box-shadow:inset 4px 0 0 #9a806d!important}.page-tool .server-consent.is-consent-confirmed .server-consent__head>span{border-color:#c9b8ab;background:#f2ece7;color:#665548}
.page-tool .server-consent.is-attention{animation:none!important}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-required),.page-tool .processing-trust-block:has(.privacy-confirm.is-required-fallback){border-color:#d19a79!important;box-shadow:0 10px 24px rgba(92,59,39,.09),0 0 0 2px rgba(183,105,61,.075)!important}
.page-tool .processing-trust-block:has(.privacy-confirm.is-consent-confirmed){border-color:#d1c2b7!important;box-shadow:0 8px 20px rgba(72,52,39,.065)!important}

@keyframes ptsTrustArrive28{0%{opacity:.55;transform:translateY(-2px)}60%{opacity:1;transform:none}100%{opacity:1;transform:none}}
@keyframes ptsTrustSweep28{
  0%,46%{opacity:0;transform:translate3d(-158%,0,0) skewX(-10deg)}
  50%{opacity:.28;transform:translate3d(-126%,0,0) skewX(-10deg)}
  57%{opacity:.92;transform:translate3d(-74%,0,0) skewX(-10deg)}
  69%{opacity:1;transform:translate3d(28%,0,0) skewX(-10deg)}
  78%{opacity:.70;transform:translate3d(92%,0,0) skewX(-10deg)}
  84%,100%{opacity:0;transform:translate3d(158%,0,0) skewX(-10deg)}
}
@keyframes ptsTrustSweepUrgent28{
  0%,36%{opacity:0;transform:translate3d(-158%,0,0) skewX(-10deg)}
  41%{opacity:.34;transform:translate3d(-124%,0,0) skewX(-10deg)}
  51%{opacity:.98;transform:translate3d(-62%,0,0) skewX(-10deg)}
  67%{opacity:1;transform:translate3d(48%,0,0) skewX(-10deg)}
  78%{opacity:.68;transform:translate3d(108%,0,0) skewX(-10deg)}
  84%,100%{opacity:0;transform:translate3d(158%,0,0) skewX(-10deg)}
}
/* Three quick pulses on the actual permission control, then a long quiet interval. */
@keyframes ptsConsentActionPulse28{
  0%,4%,10%,16%,22%,100%{transform:translateY(0);border-color:#d5a182;box-shadow:0 4px 10px rgba(138,69,31,.055)}
  7%,13%,19%{transform:translateY(-1px);border-color:#c4774f;box-shadow:0 0 0 4px rgba(191,104,61,.13),0 7px 16px rgba(127,69,38,.13)}
}
@keyframes ptsConsentCheckPulse28{
  0%,4%,10%,16%,22%,100%{transform:scale(1);filter:none}
  7%,13%,19%{transform:scale(1.16);filter:drop-shadow(0 0 5px rgba(176,83,39,.42))}
}
@media(max-width:760px){
  .page-tool .processing-location{min-height:96px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:14px 13px 14px 16px!important}.page-tool .processing-location__icon{width:42px!important;height:42px!important}.page-tool .processing-location__badge{grid-column:2;justify-self:start}.page-tool .server-consent__head{align-items:flex-start;flex-direction:column}.page-tool .server-consent__head>strong{text-align:left}.page-tool [data-workspace][data-slug="exif-viewer"] .workspace-panel{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){
  .page-tool .processing-trust-block,.page-tool .server-consent.is-attention,.page-tool .server-consent .check-row,.page-tool .server-consent .check-row input{animation:none!important}
  .page-tool .processing-trust-block::before{animation:none!important;opacity:0!important}
}

/* EXIF side rail is useful rather than artificially padded: scope, GPS privacy and a real privacy-copy action. */
.page-tool [data-workspace][data-slug="exif-viewer"] .workspace-panel{min-height:540px!important;align-content:start!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .panel-section--upload{display:grid!important;gap:13px!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .panel-section--upload>.panel-heading{margin-bottom:0!important}
.page-tool .exif-side-scope{padding:12px 12px 10px;border:1px solid #e0d7ce;border-radius:12px;background:#fbf8f4}
.page-tool .exif-side-scope>span,.page-tool .exif-side-privacy>span{display:block;margin-bottom:8px;color:#9a684a;font-size:10px;font-weight:900;letter-spacing:.05em}
.page-tool .exif-side-scope dl{display:grid;gap:0;margin:0}.page-tool .exif-side-scope dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid #ebe3dc}.page-tool .exif-side-scope dl>div:first-child{border-top:0;padding-top:0}.page-tool .exif-side-scope dt{color:#5f5751;font-size:11px;font-weight:850}.page-tool .exif-side-scope dd{margin:0;color:#7d746c;font-size:10.8px;line-height:1.4;text-align:right}
.page-tool .exif-side-privacy{padding:12px;border:1px solid #dfd4ca;border-radius:12px;background:#fffdfa}.page-tool .exif-side-privacy strong{display:block;color:#3b332d;font-size:12.5px;font-weight:900}.page-tool .exif-side-privacy p{margin:5px 0 10px;color:#786f68;font-size:10.8px;line-height:1.5}.page-tool .exif-side-privacy .button{min-height:40px;font-size:11.5px}.page-tool .exif-side-privacy .button:disabled{opacity:.55;cursor:not-allowed}

/* Auto-read / auto-check feedback is deliberately visible over the user's actual image. */
.page-tool .inspector-preview-feedback{position:absolute;z-index:18;left:50%;bottom:24px;display:flex;align-items:center;gap:12px;min-width:min(430px,calc(100% - 34px));max-width:calc(100% - 34px);padding:13px 16px;border:2px solid rgba(232,174,133,.82);border-radius:14px;background:rgba(57,37,26,.96);color:#fffaf6;box-shadow:0 14px 34px rgba(25,14,8,.30),0 0 0 4px rgba(181,112,69,.15);backdrop-filter:blur(12px);opacity:0;transform:translate(-50%,10px) scale(.985);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.page-tool .inspector-preview-feedback.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}
.page-tool .inspector-preview-feedback>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#b16a3f;color:#fff;font-size:18px;font-weight:950;box-shadow:0 5px 13px rgba(0,0,0,.20)}
.page-tool .inspector-preview-feedback strong{display:block;color:#fff;font-size:14px;font-weight:950;line-height:1.3}
.page-tool .inspector-preview-feedback small{display:block;margin-top:3px;color:#f3e5da;font-size:11.5px;font-weight:650;line-height:1.45}
.page-tool .inspector-preview-feedback[data-tone="warning"]{border-color:#efaa76;background:rgba(91,42,20,.97);box-shadow:0 15px 36px rgba(38,17,8,.34),0 0 0 5px rgba(199,91,39,.18)}
.page-tool .inspector-preview-feedback[data-tone="warning"]>span{background:#d36f33}
.page-tool .result-card.is-inspector-attention{animation:ptsInspectorResultAttention .78s cubic-bezier(.2,.8,.2,1) 0s 2 alternate}
.page-tool .success-mark.is-warning{background:#f2dccb!important;color:#87401d!important;box-shadow:0 0 0 3px rgba(155,74,31,.08)!important}
.page-tool .metadata-summary{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:14px 15px;border:2px solid #b9825d;border-radius:13px;background:linear-gradient(135deg,#fffaf6,#f7e9de);box-shadow:0 8px 18px rgba(92,55,33,.07)}
.page-tool .metadata-summary__icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#925431;color:#fff;font-size:16px;font-weight:950}
.page-tool .metadata-summary__title{display:block;color:#31251e;font-size:14px;font-weight:950;line-height:1.35}
.page-tool .metadata-summary__text{margin:4px 0 0;color:#675347;font-size:12px;line-height:1.58;font-weight:650}
.page-tool .metadata-summary.is-file-only{border-color:#a9572d;background:linear-gradient(135deg,#fff7ef,#f5dbc9);box-shadow:0 0 0 3px rgba(169,87,45,.06),0 9px 20px rgba(104,53,26,.09)}
.page-tool .metadata-summary.is-file-only .metadata-summary__icon{background:#7d3617}
@keyframes ptsInspectorResultAttention{from{box-shadow:0 10px 25px rgba(69,50,38,.06),0 0 0 1px rgba(155,92,54,.08)}to{box-shadow:0 18px 38px rgba(99,56,31,.16),0 0 0 5px rgba(166,91,48,.20);border-color:#ad673f}}

@media(max-width:760px){.page-tool .inspector-preview-feedback{bottom:14px;min-width:calc(100% - 24px);max-width:calc(100% - 24px);padding:11px 12px}}
@media(prefers-reduced-motion:reduce){
  .page-tool .server-consent.is-attention,.page-tool .result-card.is-inspector-attention{animation:none!important}
  .page-tool .inspector-preview-feedback{transition:none!important}
}

/* ---------- Responsive header: phones + tablets use one non-overlay navigation model ---------- */
@media(max-width:920px){
  .site-header{
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:78px auto!important;
    column-gap:14px!important;row-gap:0!important;
    min-height:78px!important;padding:0 24px!important;align-items:center!important;
  }
  .site-header .brand--v2{grid-column:1!important;grid-row:1!important;align-self:center!important}
  .nav-toggle{
    position:relative!important;grid-column:2!important;grid-row:1!important;place-self:center end!important;
    display:grid!important;place-items:center!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;
    border:1px solid rgba(126,112,99,.24)!important;border-radius:14px!important;background:rgba(255,255,255,.66)!important;
    box-shadow:0 5px 16px rgba(72,58,48,.055),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(10px)!important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
  }
  .nav-toggle:active{background:rgba(247,241,234,.92)!important;box-shadow:inset 0 1px 2px rgba(80,61,48,.06)!important}
  .nav-toggle span:not(.sr-only){position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:21px!important;height:1.8px!important;margin:0!important;border-radius:999px!important;background:#2c2825!important;transform-origin:center!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .15s ease,width .18s ease!important}
  .nav-toggle span:nth-child(1){transform:translate(-50%,-7px)!important}
  .nav-toggle span:nth-child(2){transform:translate(-50%,0)!important}
  .nav-toggle span:nth-child(3){transform:translate(-50%,7px)!important}
  .nav-toggle[aria-expanded="true"]{border-color:rgba(155,92,54,.34)!important;background:#fffaf5!important;box-shadow:0 7px 20px rgba(110,67,42,.08)!important}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translate(-50%,0) rotate(45deg)!important}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;width:12px!important}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translate(-50%,0) rotate(-45deg)!important}
  .header-cta{display:none!important}
  .site-header .primary-nav{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;
    grid-column:1/-1!important;grid-row:2!important;display:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    flex-direction:initial!important;align-items:stretch!important;gap:7px!important;width:100%!important;margin:0 0 14px!important;padding:9px!important;
    border:1px solid rgba(126,112,99,.20)!important;border-radius:15px!important;background:rgba(255,253,249,.98)!important;
    box-shadow:0 12px 30px rgba(73,57,45,.08)!important;backdrop-filter:blur(14px)!important;
  }
  .site-header .primary-nav.is-open{display:grid!important;animation:ptsResponsiveNavOpen .2s cubic-bezier(.2,.8,.2,1) both}
  .site-header .primary-nav a{justify-content:center!important;min-width:0!important;min-height:46px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:10px!important;font-size:14px!important;font-weight:760!important;color:#4f565f!important;background:transparent!important;transform:none!important}
  .site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible{background:#f7f3ee!important;color:#211e1b!important;transform:none!important}
  .site-header .primary-nav a.is-active{border-color:rgba(155,92,54,.16)!important;background:#f5eee7!important;color:#352820!important;font-weight:850!important}
  .site-header .primary-nav .nav-icon,.site-header .primary-nav .nav-physics-indicator{display:none!important}
}
@media(max-width:780px){
  .site-header{grid-template-columns:minmax(0,1fr) 48px!important;grid-template-rows:70px auto!important;column-gap:12px!important;min-height:70px!important;padding:0 16px!important}
  .site-header .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:12px!important;padding:8px!important}
  .site-header .primary-nav a{min-height:48px!important;padding:0 9px!important}
}
@keyframes ptsResponsiveNavOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-header .primary-nav.is-open{animation:none!important}.nav-toggle span:not(.sr-only){transition:none!important}}

/* The verification coordinate system is shared by CSS and JS: the target plane
   begins at the thumb centre and ends at the thumb centre's final position. */

/* ---------- Canonical contact verification: single source of truth ---------- */
.contact-verify-field{display:grid;gap:8px;width:100%;margin-top:2px}
.contact-verify-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;padding:0 2px}
.contact-verify-heading strong{display:inline-flex;align-items:center;color:#49433e;font-size:13.5px;line-height:1;font-weight:780;letter-spacing:.008em}
.contact-verify-instruction{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(181,121,82,.28);border-radius:999px;background:#f7eee6;color:#864625;font-size:11.5px;line-height:1.3;font-weight:860;letter-spacing:.01em}
.contact-verify{position:relative;isolation:isolate;margin-top:3px;padding:0;border-radius:10px;--verify-inset:4px;--verify-thumb-w:30px;--verify-thumb-h:26px}
.contact-verify__ambient{display:none!important}
.contact-verify__track{position:relative;z-index:1;height:32px;border:1px solid #d9d1c8;border-radius:10px;touch-action:none;user-select:none;overflow:hidden;background:#f8f5f0;box-shadow:inset 0 1px 0 #fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.contact-verify__track::before,.contact-verify__track::after{content:"";position:absolute;left:calc(var(--verify-inset) + var(--verify-thumb-w)/2);right:calc(var(--verify-inset) + var(--verify-thumb-w)/2);top:50%;pointer-events:none;border-radius:999px}
.contact-verify__track::before{z-index:0;height:2px;transform:translateY(-1px);background:#d8d0c7}
.contact-verify__track::after{z-index:1;height:1px;transform:translateY(-.5px);background:rgba(255,255,255,.92)}
.contact-verify__lane{display:none}
.contact-verify__progress{position:absolute;z-index:3;left:calc(var(--verify-inset) + var(--verify-thumb-w)/2);top:50%;height:2px;width:0;transform:translateY(-1px);border-radius:999px;background:linear-gradient(90deg,#b57952,#9b5c36);box-shadow:0 0 6px rgba(155,92,54,.16);opacity:0;pointer-events:none;transition:opacity .08s ease}
.contact-verify__target-plane{position:absolute;z-index:5;left:calc(var(--verify-inset) + var(--verify-thumb-w)/2);right:calc(var(--verify-inset) + var(--verify-thumb-w)/2);top:0;height:32px;overflow:visible;pointer-events:none}
.contact-verify__visual{display:block;width:100%;height:32px;object-fit:fill;opacity:1;pointer-events:none;user-select:none;transform-origin:center;animation:ptsContactTargetPulse 1.08s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(155,92,54,.62)) drop-shadow(0 0 13px rgba(197,140,103,.42));will-change:filter,opacity}
.contact-verify__hint{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:block;padding:0;color:#8d4f2d;font-size:11px;line-height:1;font-weight:800;letter-spacing:.018em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,color .12s ease}
.contact-verify__thumb{position:absolute;z-index:7;left:var(--verify-inset);top:calc((32px - var(--verify-thumb-h))/2 - 1px);display:grid;place-items:center;width:var(--verify-thumb-w);height:var(--verify-thumb-h);padding:0;border:1px solid #d5ccc2;border-radius:8px;background:#fffdfa;box-shadow:0 2px 5px rgba(61,51,44,.10);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;appearance:none;-webkit-appearance:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .12s ease,box-shadow .12s ease,background .12s ease;will-change:transform}
.contact-verify__thumb::before{content:"";display:none}
.contact-verify__thumb::after{display:none}
.contact-verify__thumb:hover{border-color:#c8b6a8;box-shadow:0 3px 7px rgba(61,51,44,.14)}
.contact-verify__thumb:focus-visible{outline:3px solid rgba(155,92,54,.16);outline-offset:2px}
.contact-verify__grip-mark{display:grid;place-items:center;width:16px;height:16px;color:#6f655d;pointer-events:none}
.contact-verify__grip-mark svg{display:block;width:100%;height:100%;overflow:visible}
.contact-verify__grip-mark path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.contact-verify.is-dragging .contact-verify__track{border-color:#ccb9aa;background:#fbf7f2;box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(155,92,54,.04)}
.contact-verify.is-dragging .contact-verify__thumb{cursor:grabbing;border-color:#b98a69;background:#fffdfa;box-shadow:0 3px 8px rgba(90,55,35,.14);transition:border-color .06s ease,box-shadow .06s ease,background .06s ease}
.contact-verify.is-dragging .contact-verify__progress{opacity:1}
.contact-verify.is-dragging .contact-verify__visual{animation-duration:.72s;filter:drop-shadow(0 0 7px rgba(155,92,54,.82)) drop-shadow(0 0 16px rgba(197,140,103,.50))}
.contact-verify.is-busy .contact-verify__track{border-color:#ccb9aa;background:#fbf7f2}
.contact-verify.is-busy .contact-verify__hint{color:#8d4f2d;opacity:1}
.contact-verify.is-success .contact-verify__track{border-color:#d7b79f;background:#fff8f2;box-shadow:inset 0 1px 0 #fff,0 0 0 2px rgba(155,92,54,.06)}
.contact-verify.is-success .contact-verify__progress{opacity:0}
.contact-verify.is-success .contact-verify__visual{animation:none;opacity:.28;filter:none}
.contact-verify.is-success .contact-verify__grip-mark{display:none}
.contact-verify.is-success .contact-verify__thumb{background:#f8eadf;border-color:#c58c67;box-shadow:0 2px 7px rgba(125,67,37,.16);animation:ptsContactSuccess .46s ease both}
.contact-verify.is-success .contact-verify__thumb::before{content:"✓";display:block;width:auto;height:auto;border:0;transform:none;color:#8a4928;font-size:14px;line-height:1;font-weight:900}
.contact-verify.is-success .contact-verify__hint{opacity:1;padding:5px 10px;border:1px solid rgba(181,121,82,.28);border-radius:999px;background:rgba(255,248,242,.96);color:#854623;font-weight:900;box-shadow:0 4px 12px rgba(125,67,37,.08)}
.contact-verify.is-error{animation:ptsContactVerifyShake .24s cubic-bezier(.36,.07,.19,.97) both}
.contact-verify.is-error .contact-verify__track{border-color:#d8a7a7;background:#fff7f7}
.contact-verify.is-error .contact-verify__thumb{border-color:#c98e8e;background:#fffafa;box-shadow:0 2px 5px rgba(118,49,49,.10)}
.contact-verify.is-error .contact-verify__hint{color:#9b4d4d;opacity:1}
.contact-verify[aria-disabled="true"]{opacity:.56;filter:grayscale(.12)}
@keyframes ptsContactTargetPulse{0%,100%{opacity:.58;filter:drop-shadow(0 0 2px rgba(155,92,54,.35)) drop-shadow(0 0 5px rgba(197,140,103,.18)) brightness(.96)}50%{opacity:1;filter:drop-shadow(0 0 9px rgba(155,92,54,1)) drop-shadow(0 0 20px rgba(197,140,103,.72)) brightness(1.28) saturate(1.18)}}
@keyframes ptsContactSuccess{0%{box-shadow:0 2px 7px rgba(125,67,37,.12)}55%{box-shadow:0 0 0 4px rgba(181,121,82,.18),0 4px 10px rgba(125,67,37,.18)}100%{box-shadow:0 2px 7px rgba(125,67,37,.16)}}
@keyframes ptsContactVerifyShake{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}58%{transform:translateX(2px)}80%{transform:translateX(-1px)}}
@media(max-width:620px){
  .contact-verify-field{gap:6px}
  .contact-verify-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:20px;padding:0 2px}
  .contact-verify-heading strong{font-size:13px}
  .contact-verify-instruction{display:inline-flex;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#7a6658;font-size:10.3px;font-weight:740;line-height:1.2;white-space:nowrap}
  .contact-verify{--verify-inset:3px;--verify-thumb-w:32px;--verify-thumb-h:26px}
  .contact-verify__track{height:30px;border-radius:9px;background:#faf7f2;border-color:#d8cfc5}
  .contact-verify__target-plane,.contact-verify__visual{height:30px}
  .contact-verify__thumb{top:1px;width:32px;height:26px;border-radius:8px;border-color:#d0c4b8;background:#fffdf9;box-shadow:0 2px 5px rgba(84,63,47,.09)}
  .contact-verify__thumb::after{content:"";position:absolute;inset:-8px;display:block;border:0;background:transparent!important;box-shadow:none!important;outline:0!important}
  .contact-verify__grip-mark{width:15px;height:15px}.contact-verify__grip-mark path{stroke-width:1.7}.contact-verify__hint{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .contact-verify.is-error,.contact-verify__visual,.contact-verify.is-success .contact-verify__thumb{animation:none!important}
  .contact-verify__thumb,.contact-verify__progress,.contact-verify__hint{transition:none!important}
  .contact-verify__visual{opacity:1!important;filter:drop-shadow(0 0 9px rgba(155,92,54,.82))!important}
  .contact-verify.is-success .contact-verify__visual{opacity:.28!important;filter:none!important}
}


/* Canonical result-stage rhythm: independent modules must never visually touch. */
.page-tool .result-flow{display:grid!important;gap:20px!important;padding:0 16px 18px!important}
.page-tool .result-flow>.result-list{display:grid!important;gap:18px!important;padding:0!important;margin:0!important}
.page-tool .result-flow>.id-result-compare,.page-tool .result-flow>.id-compliance,.page-tool .result-flow>.id-detail-review,.page-tool .result-flow>.result-export-panel,.page-tool .result-flow>.result-export-panel--compact,.page-tool .result-flow>.result-next{margin:0!important}
.page-tool .result-flow>.result-list>.result-next{box-sizing:border-box!important;width:100%!important;margin:0!important}
@media(max-width:760px){.page-tool .result-flow{gap:16px!important;padding:0 12px 14px!important}.page-tool .result-flow>.result-list{gap:14px!important}.page-tool .result-flow>.result-list>.result-next{width:100%!important;margin:0!important}}

/* EXIF viewer: uploaded photos keep the same information-in-preview model as the demo.
   This is a viewer, not a produce-result workflow: no second result card below the photo. */
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview{
  display:flex!important;align-items:stretch!important;justify-content:flex-end!important;
  padding:22px!important;background:linear-gradient(90deg,rgba(25,22,19,.02) 0%,rgba(25,22,19,.10) 42%,rgba(25,22,19,.72) 100%)!important;
  pointer-events:none!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__tag{
  left:18px!important;top:18px!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;background:rgba(42,34,29,.84)!important;color:#fffaf6!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;
  box-shadow:0 8px 20px rgba(24,16,11,.16)!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel{
  pointer-events:auto!important;display:block!important;width:min(390px,46%)!important;min-width:300px!important;max-height:calc(100% - 8px)!important;
  margin:auto 0!important;padding:12px 13px!important;overflow:auto!important;overscroll-behavior:contain!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;background:rgba(38,31,27,.93)!important;
  box-shadow:0 18px 42px rgba(20,12,8,.25)!important;scrollbar-width:thin!important;scrollbar-color:rgba(213,171,143,.7) transparent!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel>div,
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel .exif-viewer-list>div{
  border-bottom:0!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary{
  display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;
  margin:0 0 10px!important;padding:9px 10px!important;border:1px solid rgba(207,153,118,.40)!important;border-radius:11px!important;background:rgba(155,92,54,.18)!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary>span{
  display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#a6613a!important;color:#fff!important;font-size:14px!important;font-weight:950!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary p{display:block!important;margin:0!important;padding:0!important;min-width:0!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary strong{display:block!important;color:#fffaf7!important;font-size:12.5px!important;line-height:1.35!important;font-weight:950!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary small{display:block!important;margin-top:3px!important;color:#e8d7ca!important;font-size:10.5px!important;line-height:1.45!important;font-weight:650!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary.is-file-only{border-color:rgba(233,159,106,.58)!important;background:rgba(151,70,29,.25)!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary.is-file-only>span{background:#c7662f!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-list{display:block!important;padding:0!important;margin:0!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-section{
  display:block!important;margin:8px 0 3px!important;padding:5px 2px 3px!important;border-top:1px solid rgba(255,255,255,.10)!important;
  color:#d7b9a4!important;font-size:9.5px!important;font-weight:950!important;letter-spacing:.09em!important;text-transform:uppercase!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-row{
  display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;padding:5px 2px!important;border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-row>span{color:#c7b8ad!important;font-size:10.5px!important;line-height:1.4!important;font-weight:700!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-row>b{max-width:none!important;color:#fff!important;font-size:10.8px!important;line-height:1.42!important;font-weight:800!important;text-align:right!important;overflow-wrap:anywhere!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-empty{display:block!important;padding:10px 2px!important;color:#dacdc4!important;font-size:11px!important;line-height:1.5!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;margin-top:10px!important;padding:10px!important;
  border:1px solid rgba(196,145,111,.32)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy>div{display:block!important;padding:0!important;border:0!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy strong{display:block!important;color:#fff8f3!important;font-size:10.8px!important;font-weight:900!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy small{display:block!important;margin-top:2px!important;color:#d7c6ba!important;font-size:9.6px!important;line-height:1.4!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy button{
  min-height:32px!important;padding:6px 9px!important;border:1px solid rgba(223,178,147,.52)!important;border-radius:9px!important;background:#a6613a!important;color:#fff!important;font-size:9.8px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important;
}
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview.is-exif-attention .metadata-preview__panel{animation:ptsExifViewerAttention .72s cubic-bezier(.2,.8,.2,1) 0s 2 alternate!important}
@keyframes ptsExifViewerAttention{from{box-shadow:0 18px 42px rgba(20,12,8,.25),0 0 0 0 rgba(198,123,77,0)}to{box-shadow:0 20px 48px rgba(20,12,8,.30),0 0 0 5px rgba(198,123,77,.30);border-color:rgba(232,181,146,.72)}}
@media(max-width:760px){
  .page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview{align-items:flex-end!important;padding:12px!important;background:linear-gradient(180deg,rgba(25,22,19,.01) 0 28%,rgba(25,22,19,.70) 100%)!important}
  .page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__tag{left:12px!important;top:12px!important}
  .page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview__panel{width:100%!important;min-width:0!important;max-height:58%!important;margin:0!important;padding:10px!important;border-radius:14px!important}
  .page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-row{grid-template-columns:80px minmax(0,1fr)!important}
  .page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy{grid-template-columns:1fr!important}
  .page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-privacy button{justify-self:start!important}
}
@media(prefers-reduced-motion:reduce){.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview.is-exif-attention .metadata-preview__panel{animation:none!important}}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary.is-reading{border-color:rgba(213,166,135,.42)!important;background:rgba(116,75,49,.20)!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary.is-reading>span{background:#81543a!important;color:#f9eee7!important;font-size:13px!important;animation:ptsExifReadingDot 1s ease-in-out infinite alternate!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines{display:grid!important;gap:6px!important;padding:4px 2px 2px!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines i{display:block!important;height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(220,176,146,.24),rgba(255,255,255,.07))!important;background-size:200% 100%!important;animation:ptsExifReadingSweep 1.1s linear infinite!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines i:nth-child(2){width:86%!important}.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines i:nth-child(3){width:72%!important}.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines i:nth-child(4){width:91%!important}
@keyframes ptsExifReadingDot{from{opacity:.62;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes ptsExifReadingSweep{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-summary.is-reading>span,.page-tool [data-workspace][data-slug="exif-viewer"] .exif-viewer-reading-lines i{animation:none!important}}

/* Compatibility inspector mirrors the EXIF viewer: uploaded image + findings stay together. */
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview{
  pointer-events:auto!important;display:block!important;width:min(410px,48%)!important;max-height:calc(100% - 34px)!important;margin:auto 18px auto auto!important;padding:13px!important;overflow:auto!important;overscroll-behavior:contain!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;background:rgba(38,31,27,.94)!important;color:#fff!important;box-shadow:0 18px 42px rgba(20,12,8,.25)!important;scrollbar-width:thin!important;scrollbar-color:rgba(213,171,143,.7) transparent!important;
}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary,.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-pending{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:10px!important;border:1px solid rgba(207,153,118,.40)!important;border-radius:11px!important;background:rgba(155,92,54,.17)!important;
}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary>span,.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-pending>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#a6613a!important;color:#fff!important;font-size:14px!important;font-weight:950!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary strong,.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-pending strong{display:block!important;color:#fffaf7!important;font-size:12.5px!important;line-height:1.35!important;font-weight:950!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary small,.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-pending small{display:block!important;margin-top:3px!important;color:#e8d7ca!important;font-size:10.5px!important;line-height:1.45!important;font-weight:650!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary.is-warning{border-color:rgba(235,146,86,.62)!important;background:rgba(152,64,22,.25)!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-summary.is-warning>span{background:#c75e27!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-facts{display:grid!important;gap:4px!important;margin-top:9px!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview>small{display:block!important;margin-top:14px!important;color:#f4e9e1!important;line-height:1.55!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-fact{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;padding:6px 3px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-fact span{color:#c7b8ad!important;font-size:10.5px!important;line-height:1.4!important;font-weight:700!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-fact b{color:#fff!important;font-size:10.8px!important;line-height:1.42!important;font-weight:850!important;text-align:right!important;overflow-wrap:anywhere!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-issues{display:grid!important;gap:6px!important;margin:10px 0 0!important;padding:0!important;list-style:none!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-issues li{display:block!important;padding:8px 9px!important;border:1px solid rgba(232,151,96,.34)!important;border-radius:9px!important;background:rgba(155,68,24,.16)!important;color:#ffe9da!important;font-size:10.5px!important;line-height:1.45!important;font-weight:700!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-actions>strong{flex:0 0 100%!important;color:#d8baa5!important;font-size:9.6px!important;letter-spacing:.06em!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-actions button{min-height:31px!important;padding:6px 9px!important;border:1px solid rgba(223,178,147,.52)!important;border-radius:9px!important;background:#a6613a!important;color:#fff!important;font-size:9.8px!important;font-weight:900!important;cursor:pointer!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines{display:grid!important;gap:6px!important;padding:10px 2px 2px!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines i{display:block!important;height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(220,176,146,.24),rgba(255,255,255,.07))!important;background-size:200% 100%!important;animation:ptsExifReadingSweep 1.1s linear infinite!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines i:nth-child(2){width:86%!important}.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines i:nth-child(3){width:72%!important}.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines i:nth-child(4){width:91%!important}
.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview.is-inspector-viewer-attention{animation:ptsExifViewerAttention .72s cubic-bezier(.2,.8,.2,1) 0s 2 alternate!important}
.page-tool [data-workspace][data-slug="exif-viewer"] .metadata-preview.is-inspector-viewer-attention .metadata-preview__panel{animation:ptsExifViewerAttention .72s cubic-bezier(.2,.8,.2,1) 0s 2 alternate!important}
@media(max-width:760px){.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview{width:calc(100% - 24px)!important;max-height:56%!important;margin:auto 12px 12px!important;padding:10px!important}.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-fact{grid-template-columns:92px minmax(0,1fr)!important}.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview>small{margin-top:11px!important}}
@media(prefers-reduced-motion:reduce){.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-preview.is-inspector-viewer-attention,.page-tool [data-workspace][data-slug="image-upload-check"] .diagnostic-viewer-reading-lines i{animation:none!important}}


@media(min-width:761px){
  .page-tool .preview-card__header{
    display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:12px 16px!important;
  }
  .page-tool .preview-card__header>div:first-child,.page-tool .preview-card__header>div:first-child>div{min-width:0!important}
  .page-tool .preview-tools{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;
  }
}
@media(min-width:761px) and (max-width:1440px){
  .page-tool .preview-card__header{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .page-tool .preview-tools{width:100%!important;max-width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;padding:1px 0 3px!important;scrollbar-width:none!important}
  .page-tool .preview-tools::-webkit-scrollbar{display:none!important}
  .page-tool .preview-control-group,.page-tool .preview-tools>.icon-button,.page-tool .preview-tools>.preview-upload-cta,.page-tool .preview-tools>.preview-clear-cta{flex:0 0 auto!important}
}
@media(max-width:760px){
  .page-tool .preview-upload-cta{order:-20!important}
  .page-tool .preview-clear-cta{order:-19!important}
}

/* Social-crop guidance must remain legible above the photo and crop mask.
   Keep it compact, high-contrast and outside the crop overlay stacking layer. */
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="example"] .photo-workflow--social-crop,
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="user"] .photo-workflow--social-crop{
  display:block!important;z-index:12!important;pointer-events:none!important;
}
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="result"] .photo-workflow--social-crop{display:none!important}
[data-workspace][data-slug="social-cropper"] .social-crop-status{
  top:14px!important;left:14px!important;right:auto!important;bottom:auto!important;z-index:2!important;
  width:auto!important;max-width:min(430px,48%)!important;padding:10px 13px!important;
  border:1px solid rgba(255,255,255,.32)!important;border-radius:12px!important;
  background:rgba(24,22,20,.94)!important;backdrop-filter:blur(10px)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.18)!important;
  color:#f7f3ef!important;text-align:left!important;transform:none!important;
}
[data-workspace][data-slug="social-cropper"] .social-crop-status strong{font-size:13px!important;line-height:1.35!important;color:#fff!important}
[data-workspace][data-slug="social-cropper"] .social-crop-status span{font-size:10px!important;line-height:1.35!important;color:#ead9cc!important}
[data-workspace][data-slug="social-cropper"] .social-crop-status em{font-size:9px!important;line-height:1.35!important;color:#c9c0b8!important}
@media(max-width:760px){
  [data-workspace][data-slug="social-cropper"] .social-crop-status{top:10px!important;left:10px!important;max-width:72%!important;padding:8px 10px!important}
  [data-workspace][data-slug="social-cropper"] .social-crop-status strong{font-size:11px!important}
  [data-workspace][data-slug="social-cropper"] .social-crop-status span{font-size:9px!important}
  [data-workspace][data-slug="social-cropper"] .social-crop-status em{font-size:8px!important}
}

/* Result state must never retain the manual social crop mask/handles.
   This late rule intentionally outranks the generic visible-overlay rule below workspace.css. */
[data-workspace][data-slug="social-cropper"] .preview-stage[data-state="result"] [data-manual-crop-overlay]{display:none!important}

/* Deterministic ID-photo specification menus.
   Native select popups are OS/browser-owned and can expand beyond the trigger based on
   the longest option. These mirrored menus keep the popup anchored to the control width. */
.pts-stable-select{position:relative;display:block;width:100%;min-width:0}
.pts-stable-select__native{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.pts-stable-select__trigger{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #d8c9bb;border-radius:11px;background:#f8f3ed;color:#302a25;font:inherit;font-size:13px;font-weight:760;line-height:1.35;text-align:left;cursor:pointer;box-shadow:none;transform:none;will-change:transform,filter,box-shadow}
.pts-stable-select__trigger:hover{border-color:#c5aa95;background:#f6eee7;filter:none}
.pts-stable-select__trigger:focus-visible,.pts-stable-select__trigger[aria-expanded="true"]{outline:0;border-color:#b57952;box-shadow:0 0 0 3px rgba(181,121,82,.12)}
.pts-stable-select__trigger:disabled{cursor:not-allowed;opacity:.58}
.pts-stable-select__value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pts-stable-select__caret{justify-self:end;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.64}
.pts-stable-select__menu{position:fixed;z-index:5000;margin:0;padding:6px;border:1px solid #d6c6b8;border-radius:12px;background:#f8f3ed;color:#302a25;box-shadow:0 18px 48px rgba(58,45,37,.16);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.pts-stable-select__menu[hidden]{display:none!important}
.pts-stable-select__group{padding:8px 9px 5px;color:#7e6f63;font-size:11px;font-weight:900;line-height:1.3;letter-spacing:.02em}
.pts-stable-select__option{display:block;width:100%;min-height:38px;margin:0;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:inherit;box-shadow:none;font:inherit;font-size:12px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;transform:none!important}
.pts-stable-select__option span{display:block;overflow-wrap:anywhere;word-break:normal}
.pts-stable-select__option:hover,.pts-stable-select__option:focus-visible{outline:0;background:#eee3d9;color:#6e432a;filter:none}
.pts-stable-select__option.is-selected{background:#6e432a;color:#fff8f2}
.pts-stable-select__option:disabled{opacity:.5;cursor:not-allowed}

.page-home .pts-stable-select--home-id .pts-stable-select__trigger{height:var(--home-id-action-height,44px);min-height:var(--home-id-action-height,44px);padding:0 38px 0 14px;border-color:rgba(198,188,178,.34);border-radius:12px;background:#6e432a;color:#f3f7ff;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.16)}
.page-home .pts-stable-select--home-id .pts-stable-select__trigger:hover{border-color:rgba(198,188,178,.56);background:#6e432a}
.page-home .pts-stable-select--home-id .pts-stable-select__trigger:focus-visible,.page-home .pts-stable-select--home-id .pts-stable-select__trigger[aria-expanded="true"]{border-color:#c6bcb2;box-shadow:0 0 0 3px rgba(181,121,82,.16),inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.18)}
.page-home .pts-stable-select--home-id .pts-stable-select__caret{color:#c6bcb2}

[data-workspace][data-slug="id-photo-maker"] .pts-stable-select--id-spec{width:100%;max-width:100%;min-width:0}
[data-workspace][data-slug="id-photo-maker"] .pts-stable-select--id-spec .pts-stable-select__trigger{max-width:100%}
@media(max-width:520px){.pts-stable-select__menu{padding:5px}.pts-stable-select__option{min-height:40px;font-size:12px}.pts-stable-select__group{font-size:10.5px}}
.page-home .hero-id-demo__select.pts-stable-select-host:after{display:none!important}

/* Specification selectors use the same warm field language across maker/query tools. */
[data-workspace][data-slug="id-photo-maker"] .field select[name="spec_mode"],
[data-workspace][data-slug="photo-size"] .field select,
[data-workspace][data-slug="social-size"] .field select{background:#f8f3ed!important;border-color:#d8c9bb!important;color:#302a25!important}
[data-workspace][data-slug="id-photo-maker"] .pts-stable-select--id-spec .pts-stable-select__trigger{background:#f8f3ed!important;border-color:#d8c9bb!important;color:#302a25!important}


/* Homepage ID-photo action geometry authority.
   One owner defines the frame inset, action column and action height.
   Child alignment must consume these variables; no later selector may compensate with magic margins or duplicate hard-coded widths. */
.page-home .hero-id-demo__controls{
  --home-id-frame-inline:10px;
  --home-id-frame-border:1px;
  --home-id-action-safe-edge:calc(var(--home-id-frame-inline) + var(--home-id-frame-border));
}
@media(min-width:781px){
  .page-home .hero-id-demo__controls{--home-id-action-col:220px;--home-id-action-height:44px}
  .page-home .hero-id-demo__settings{display:grid!important;grid-template-columns:minmax(0,1fr) var(--home-id-action-col)!important;align-items:end!important;gap:12px!important;padding-right:var(--home-id-action-safe-edge)!important}
  .page-home .hero-id-demo__backgrounds{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .page-home .hero-id-demo__select{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0!important;flex:none!important}
  .page-home .pts-stable-select--home-id,.page-home .pts-stable-select--home-id .pts-stable-select__trigger{width:100%!important;max-width:none!important}
  .page-home .hero-id-demo__actionbar{display:grid!important;grid-template-columns:minmax(0,1fr) var(--home-id-action-col)!important;align-items:center!important;gap:12px!important;padding:10px var(--home-id-frame-inline) 10px 12px!important;border-width:var(--home-id-frame-border)!important;overflow:visible!important}
  .page-home .hero-id-demo__start{grid-column:2!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:var(--home-id-action-height)!important;height:var(--home-id-action-height)!important;flex:none!important}
}
@media(min-width:781px) and (max-width:1100px){.page-home .hero-id-demo__controls{--home-id-action-col:200px}}

/* Mobile uses the same safe-edge authority: settings content aligns to actionbar content after the frame border + inset. */
@media(max-width:780px){
  .page-home .hero-id-demo__settings{padding:0 var(--home-id-action-safe-edge)!important}
  .page-home .hero-id-demo__actionbar{padding:10px var(--home-id-frame-inline)!important;border-width:var(--home-id-frame-border)!important;overflow:visible!important}
  .page-home .hero-id-demo__start{width:100%!important;max-width:none!important;margin:0!important;border-radius:10px!important}
  .page-home .hero-id-demo .hero-demo__status{padding:0!important}
}

/* Service-state parity: 500 / 503 / maintenance use the same compact mobile shell. */
@media(max-width:780px){
  .status-page .error-card{gap:0!important}
  .status-page .error-visual{min-height:156px!important}
  .status-page .error-visual span{font-size:64px!important}
  .status-page .error-copy{padding:26px 22px 28px!important}
  .status-page .error-copy h1{font-size:31px!important;line-height:1.12!important;word-break:keep-all!important}
  .status-page .error-copy p{font-size:14px!important;line-height:1.7!important}
  .status-page .error-actions{margin-top:20px!important}
  .status-page .error-actions .button{width:100%!important;min-height:46px!important}
}

/* Tool Centre tablet authority (781–1100px).
   At this width the hero capability panel must use natural-height rows so copy
   cannot be clipped by the desktop mosaic's fixed envelope. This is the sole
   tablet geometry owner; desktop >=1101 and compact <=780 keep their own layouts. */
@media(min-width:781px) and (max-width:1100px){
  .page-tools .tool-hero-capabilities{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto!important;
    width:100%!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    gap:0!important;overflow:visible!important;
  }
  .page-tools .tool-hero-capabilities .capability-card,
  .page-tools .tool-hero-capabilities .capability-card--local,
  .page-tools .tool-hero-capabilities .capability-card:not(.capability-card--local){
    height:auto!important;min-height:136px!important;max-height:none!important;
    overflow:visible!important;padding:18px 20px!important;
  }
  .page-tools .tool-hero-capabilities .capability-card--local{
    grid-column:1/3!important;grid-row:1!important;min-height:132px!important;
    border-bottom:1px solid var(--pts-line)!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(2){
    grid-column:1!important;grid-row:2!important;border-right:1px solid var(--pts-line)!important;
  }
  .page-tools .tool-hero-capabilities .capability-card:nth-child(3){grid-column:2!important;grid-row:2!important;}
}

/* Public mobile readability authority (<=760px).
   Primary page descriptions and homepage status guidance are content, not
   decorative teasers; they must grow naturally instead of being line-clamped. */
@media(max-width:760px){
  .page-tool .workspace-titlebar p{
    display:block!important;max-height:none!important;overflow:visible!important;
    text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
  }
  .spec-center-heading p{
    display:block!important;max-height:none!important;overflow:visible!important;
    text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
  }
  .page-home .hero-demo__status--output{
    height:auto!important;min-height:48px!important;max-height:none!important;
    overflow:visible!important;align-content:center!important;
  }
  .page-home .hero-demo__status--output>small{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important;
  }
}