/* Grow controls and reflow measured text; keep explanatory illustrations. */
html[data-theme] .glass { height:auto;white-space:normal; }
html[data-theme] .glass>span { min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.35; }
html[data-theme] .screen-header { height:auto;min-height:44px;align-items:flex-start; }
html[data-theme] .screen-header>div { min-width:0; }
html[data-theme] .screen-header h1 { white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.2; }
html[data-theme] .screen-header.needs-stacking { display:flex;flex-direction:column;gap:10px; }
html[data-theme] .screen-header.needs-stacking>.plain { align-self:flex-start; }
html[data-theme] .nav { min-height:84px;height:auto; }
html[data-theme] .nav button { height:auto;white-space:normal; }
/* Opaque sticker icons avoid a WebView layer-paint defect in the fixed nav. */
html[data-theme=stickers] .nav .nav-icon { opacity:1; }
html[data-theme] .nav button>span { display:block;max-width:100%;line-height:1.3;white-space:normal;overflow-wrap:normal;word-break:normal; }
html[data-theme] .nav.nav-roomy { display:grid;grid-template-columns:minmax(0,1fr);gap:4px; }
html[data-theme] .nav.nav-roomy button { flex-direction:row;gap:12px;min-height:46px;padding:8px 12px; }
html[data-theme] .nav.nav-roomy button.active::after { display:none; }
html[data-theme] .media-actions.needs-stacking,
html[data-theme] .buttons-row.needs-stacking,
html[data-theme] .home-tiles.needs-stacking { display:grid;grid-template-columns:minmax(0,1fr); }
html[data-theme] .size-row.needs-stacking { display:flex;flex-direction:column; }
html[data-theme] .field>span { line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal; }
html[data-theme] .input,html[data-theme] textarea,html[data-theme] select { line-height:1.45;min-height:46px;height:auto; }
html[data-theme] .input-example { display:block;font-size:.85em;line-height:1.4;margin-top:6px;color:var(--muted);overflow-wrap:anywhere; }
html[data-theme] .input-example[hidden] { display:none; }
html[data-theme] input.placeholder-in-example::placeholder { color:transparent;opacity:0; }
html[data-theme] .sticker-backup-captions>span { white-space:normal;overflow-wrap:normal;line-height:1.4; }
html[data-theme] .screen[data-screen=labels] .field { min-width:0; }
html[data-theme] .screen[data-screen=labels]>.field { display:block; }
html[data-theme] .screen[data-screen=labels] .print-box-picker { width:100%;min-width:0;height:auto;white-space:normal;text-align:left; }
html[data-theme] .screen[data-screen=labels] .print-box-value { white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4; }
html[data-theme] .screen[data-screen=labels] .size-row .input { min-width:4em;max-width:100%; }
html[data-theme] .screen[data-screen=labels] .segmented button { height:auto;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.4; }
html[data-theme] .screen[data-screen=labels] .buttons-row>.glass { min-width:0; }
html[data-theme] .settings-list>.glass { overflow-wrap:normal;word-break:normal; }
html[data-theme] .setting-copy,html[data-theme] .setting-copy small { min-width:0;white-space:normal;overflow-wrap:normal;line-height:1.4; }
html[data-theme] .theme-choice-label strong { overflow-wrap:normal;word-break:normal; }
html[data-language=zh-CN] body { font-family:'Noto Sans CJK SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif; }
html[data-language=zh-CN] h1,html[data-language=zh-CN] h2 { font-family:'Noto Sans CJK SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.35; }
html[data-theme=kraft][data-language=zh-CN] h1,html[data-theme=kraft][data-language=zh-CN] h2 { font-family:'Noto Serif CJK SC','Noto Serif SC','Songti SC','SimSun',serif; }
html[data-language=zh-CN] { line-break:auto; }
html[data-language=en] .home-brand h1 { overflow-wrap:normal;word-break:normal; }
.splash-localized .splash-inner { width:min(100%,640px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px; }
html[data-theme=kraft] .splash-localized .localized-splash-art { position:relative;width:min(72vw,380px);aspect-ratio:841/1042;overflow:hidden;flex:none;margin:0 auto; }
html[data-theme=kraft] .splash-localized .localized-splash-art img { position:absolute;left:0;top:calc(-100% * 216 / 1042);width:100%;height:calc(100% * 1870 / 1042);max-width:none;max-height:none;object-fit:fill; }
html[data-theme=kraft] .splash-localized h1 { font-size:clamp(24px,6vw,42px);margin:0;line-height:1.2; }
html[data-theme=kraft] .splash-localized .splash-tagline { margin:0;font-size:clamp(17px,3.7vw,23px); }
html[data-theme=kraft] .splash-localized .splash-motto { margin:0;font-size:clamp(14px,3.2vw,19px); }
@media(min-width:700px){html[data-theme] .nav{min-height:94px;}}