html[lang^="ja"]{--page-font:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="ko"]{--page-font:"Noto Sans KR",Inter,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="en"]{--page-font:Inter,Arial,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="zh"]{--page-font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="ja"] body,html[lang^="ja"] body *,
html[lang^="ko"] body,html[lang^="ko"] body *,
html[lang^="en"] body,html[lang^="en"] body *,
html[lang^="zh"] body,html[lang^="zh"] body *{
font-family:var(--page-font) !important;
}
body{
font-size:var(--site-base-size) !important;
line-height:var(--site-base-line);
font-synthesis:none;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit !important}
.brand,.brand-text-only,.footbrand{font-weight:900 !important}
.nav .brand,.subpage-nav .brand{font-size:22px !important;line-height:1.2 !important;letter-spacing:-.03em !important}
.nav .langbtn,.nav .back-link,.nav .lang-switch summary,.subpage-nav .back-link,.subpage-nav .lang-switch summary{
font-size:13px !important;
line-height:1.4 !important;
}
html[lang^="en"] body{font-size:16px !important;line-height:1.65 !important}
html[lang^="en"] p,html[lang^="en"] li,html[lang^="en"] label,html[lang^="en"] input,
html[lang^="en"] select,html[lang^="en"] textarea,html[lang^="en"] button{
font-family:Inter,Arial,sans-serif !important;
}
@media(max-width:780px){
html[lang^="ja"]{--site-base-size:15px}
html[lang^="ko"]{--site-base-size:15px}
html[lang^="en"]{--site-base-size:15px}
html[lang^="zh"]{--site-base-size:15px}
html[lang^="en"] body{font-size:15px !important}
}
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1.2 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
@media(max-width:780px){
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-size:11px !important;
}
}
.skiin-preview .skdemo-camera-control select{
-webkit-appearance:none !important;
appearance:none !important;
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1.2 !important;
letter-spacing:0 !important;
text-transform:none !important;
height:34px !important;
padding:0 34px 0 11px !important;
background-color:#111827 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' fill='none' stroke='%23e2e8f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:right 10px center !important;
background-size:14px 14px !important;
}
.skiin-preview .skdemo-camera-control select::-ms-expand{display:none !important;}
.skiin-preview .skdemo-camera-control select option{
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:0 !important;
}
.skiin-preview .skdemo-preview-footer{
padding:16px 20px !important;
}
.skiin-preview .skdemo-footer-hint{
box-sizing:border-box !important;
width:min(760px,100%) !important;
max-width:760px !important;
min-height:48px !important;
padding:11px 16px !important;
font-size:13px !important;
line-height:1.6 !important;
font-weight:500 !important;
text-align:center !important;
}
@media(max-width:780px){
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-size:11px !important;
}
.skiin-preview .skdemo-preview-footer{
padding:14px 14px !important;
}
.skiin-preview .skdemo-footer-hint{
width:100% !important;
max-width:100% !important;
min-height:44px !important;
padding:10px 12px !important;
font-size:12px !important;
line-height:1.6 !important;
}
}