:root{--app-height:calc(100dvh - var(--eazo-handoff-top,0px));--safe-top:max(env(safe-area-inset-top,0px),var(--eazo-safe-area-top,0px));--safe-right:max(env(safe-area-inset-right,0px),var(--eazo-safe-area-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--eazo-safe-area-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px),var(--eazo-safe-area-left,0px))}
.locale-control{position:fixed;z-index:30;right:calc(12px + var(--safe-right));top:calc(10px + var(--safe-top) + var(--eazo-handoff-top,0px));max-width:136px;min-height:32px;padding:4px 8px;border:1px solid #fff7e7aa;border-radius:5px;background:#fff4e5;color:#733514;font:12px Outfit,system-ui;box-shadow:0 2px 8px #54261622}
main.setup{padding:calc(48px + var(--safe-top)) calc(18px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(18px + var(--safe-left));overflow-y:auto!important}
main.setup .card-pair{max-width:100%;width:min(740px,calc((var(--app-height) - 90px - var(--safe-top) - var(--safe-bottom))*.8),100%)}
.card-studio{box-sizing:border-box;padding:calc(48px + var(--safe-top)) calc(18px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(18px + var(--safe-left))!important;overflow-y:auto;justify-content:safe center}
.is-scanning.card-studio{padding-top:calc(32svh + var(--safe-top))!important}
.hero-editorial{padding-top:calc(48px + var(--safe-top));padding-bottom:calc(28px + var(--safe-bottom))}.hero-editorial .hero-footnote{padding-bottom:0}.hero-resume{bottom:calc(20px + var(--safe-bottom));right:calc(20px + var(--safe-right))}
.field-editor{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.field-editor>section{padding-bottom:20px}
.signature-dialog{padding:max(24px,var(--safe-top)) max(28px,var(--safe-right)) max(24px,var(--safe-bottom)) max(28px,var(--safe-left))}.signature-dialog .signature-close{top:max(16px,var(--safe-top))}
@media(max-width:650px){main.setup .card-pair{width:min(100%,calc((var(--app-height) - 90px - var(--safe-top) - var(--safe-bottom))*1.05))}.hero-editorial{padding-top:calc(64px + var(--safe-top))!important}}
@media(max-height:620px){main.setup .card-pair{width:min(100%,calc((var(--app-height) - 86px - var(--safe-top) - var(--safe-bottom))*.79))}.is-scanning.card-studio{padding-top:calc(22svh + var(--safe-top))!important}.card-studio .studio-stage{max-width:calc((var(--app-height) - 380px - var(--safe-top) - var(--safe-bottom))*1.45)}}
@media(max-height:500px) and (min-width:650px){main.setup .card-pair{width:min(1100px,100%)}.is-scanning.card-studio{padding-top:calc(48px + var(--safe-top))!important}.card-studio .studio-stage{max-width:48vw}}

#app.hero,#app.setup,#app.scan,#app.reveal{height:var(--app-height)}

@font-face{font-family:"Eazo UI Chinese";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/ui-zh.ttf") format("truetype")}
:lang(zh-CN) body,:lang(zh-CN) button,:lang(zh-CN) input,:lang(zh-CN) select,:lang(zh-CN) .choice-trigger,:lang(zh-CN) .name-editor-trigger{font-family:Outfit,"Eazo UI Chinese","PingFang SC","Microsoft YaHei",sans-serif!important}

html[lang="zh-CN"] #app *,html[lang="zh-CN"] dialog *,html[lang="zh-CN"] .locale-control{font-family:Outfit,"Eazo UI Chinese","PingFang SC","Microsoft YaHei",sans-serif!important}