/* Language-aware sizing; preserve gameplay targets and art proportions. */
header{position:relative;flex-wrap:wrap;gap:8px}.language-control{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;max-width:100%;color:inherit}.language-control select{font:inherit;min-height:36px;max-width:160px;border:1px solid #9bbbae;border-radius:9px;background:#fffdf7;color:#42584f;padding:5px;cursor:pointer}.language-control select:focus-visible{outline:3px solid #dd9b43;outline-offset:2px}h1{overflow-wrap:anywhere}button{overflow-wrap:anywhere}.item strong,.item small{overflow-wrap:anywhere}dialog button{max-width:100%;white-space:normal}dialog{overflow-wrap:anywhere}html:not([lang='zh-CN']) .eyebrow{letter-spacing:.6px}html:not([lang='zh-CN']) .brand h1{letter-spacing:0;font-size:22px}html:not([lang='zh-CN']) .brand small{letter-spacing:.5px}.language-control>span{font-weight:600}
@media(max-width:650px) and (orientation:portrait){header .language-control{flex-basis:100%;justify-content:flex-end}.language-control select{min-height:36px}html:not([lang='zh-CN']) .brand h1{font-size:18px}html:not([lang='zh-CN']) .item{min-height:112px}html:not([lang='zh-CN']) .item strong{font-size:11px}html:not([lang='zh-CN']) .item small{font-size:9px}html:not([lang='zh-CN']) .order-goal{flex-wrap:wrap}html:not([lang='zh-CN']) .order-goal>span{max-width:55px}html:not([lang='zh-CN']) .order-goal>small{max-width:145px}html:not([lang='zh-CN']) .nail-tabs button{font-size:9px;min-height:44px}html:not([lang='zh-CN']) .tools .tool-section h3{font-size:11px}html:not([lang='zh-CN']) #patterns button{font-size:10px}}
@media(orientation:landscape) and (max-height:540px){header .language-control{flex-basis:100%;justify-content:flex-end}.language-control select{min-height:32px;font-size:10px}.language-control>span{font-size:10px}html:not([lang='zh-CN']) .app{height:auto;min-height:100dvh}html:not([lang='zh-CN']) main{min-height:260px}html:not([lang='zh-CN']) .item{min-height:115px}html:not([lang='zh-CN']) .item strong{font-size:10px}html:not([lang='zh-CN']) .item small{font-size:9px}html:not([lang='zh-CN']) .nail-tabs button{font-size:8px}html:not([lang='zh-CN']) .preview-title{font-size:6px}html:not([lang='zh-CN']) .canvas-wrap{min-height:215px}html:not([lang='zh-CN']) .tools .edit-actions button,html:not([lang='zh-CN']) .tools .next{min-height:40px}html:not([lang='zh-CN']) .tools #patterns button{min-height:52px;font-size:9px}}
@media(min-width:900px){header .language-control{flex-basis:100%;justify-content:flex-end}html:not([lang='zh-CN']) .app{height:auto;max-height:none}html:not([lang='zh-CN']) main{min-height:500px}}

@media(max-width:650px) and (orientation:portrait){header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}header>.brand{grid-column:1;min-width:0}header>.language-control{grid-column:2;grid-row:1;display:block;font-size:10px}header>.language-control>span{display:none}header>.language-control select{max-width:132px;width:132px}header>.tools,header>.top-actions{grid-column:1/-1;grid-row:2;max-width:none;width:100%;justify-content:flex-end;flex-wrap:wrap;gap:6px}header>.tools button,header>.top-actions button{white-space:nowrap;overflow-wrap:normal;font-size:11px;padding:6px 10px}header>.tools>span,header>.top-actions>span{margin-right:auto;flex-basis:auto}header>.tools button span{font-size:inherit}html:not([lang='zh-CN']) .brand h1{font-size:16px}.brand .flower,.brand b{font-size:24px}.brand{gap:5px}}

.tool-section h3 span[data-i18n]{display:inline!important;font:inherit;color:inherit;margin:0}
@media(orientation:landscape) and (max-height:540px){html:not([lang='zh-CN']) #colors{grid-template-columns:repeat(2,minmax(0,1fr))}html:not([lang='zh-CN']) .swatch{font-size:9px;overflow-wrap:normal}html:not([lang='zh-CN']) #patterns button{font-size:8px;overflow-wrap:normal}html:not([lang='zh-CN']) .desk{min-height:300px}}

.stage-caption{display:flex;align-items:center;justify-content:center;gap:4px;text-align:center}.stage-caption [data-i18n]{padding:0;letter-spacing:0}
@media(max-width:650px){html:not([lang='zh-CN']) nav button{font-size:11px;padding:6px 3px;overflow-wrap:normal}}
@media(max-width:350px) and (orientation:portrait){html:not([lang='zh-CN']) #colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:540px) and (min-width:621px){html:not([lang='zh-CN']) .nail-tabs button{overflow-wrap:normal;font-size:7px}html:not([lang='zh-CN']) .nail-tabs .done:after{display:block}}

@media(min-width:900px){.studio{height:600px}#figure{max-height:510px}}