/* Shared multilingual layout; no changes to image processing or English styles. */
.tool-tabs button,.effect-picker button{min-width:0;overflow-wrap:anywhere;white-space:normal}
.editor-topbar .compare-button,.editor-topbar .editor-open,.editor-topbar #btnzoomcan{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
.content-content{overflow-wrap:anywhere}
.content-table-scroll{overflow:auto;max-width:100%}
.content-table-scroll table{border-collapse:collapse;width:100%}
.content-table-scroll th,.content-table-scroll td{border:1px solid var(--line);padding:10px;text-align:start}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-card,.update-note{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-block:22px}
html[dir=rtl] .site-header .brand-icon{margin-right:0;margin-left:8px}
html[dir=rtl] .tool-panel label,html[dir=rtl] .tool-panel label em{text-align:right}
html[dir=rtl] .tool-panel .slider-label>em{left:auto;right:0}
html[dir=rtl] .canvas-stage,html[dir=rtl] input[type=range],html[dir=rtl] input[type=number],html[dir=rtl] .slider-reset output{direction:ltr}
html[dir=rtl] .editor-topbar .editor-open{margin-left:0;margin-right:auto}
html[dir=rtl] .site-menu-panel{right:auto;left:0}
html[dir=rtl] .hero-art{transform:rotate(-2deg)}
@media(max-width:760px){
 .content-grid{grid-template-columns:1fr}
 .hero h1{font-size:clamp(36px,8vw,58px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}
 .hero .lead{font-size:16px;line-height:1.45;margin-block:14px}
 .hero .eyebrow{margin-bottom:12px}
 .hero{padding-top:24px}
 .adjust-mode-picker button{overflow-wrap:anywhere}
 html[dir=rtl] .site-menu-panel{left:12px;right:auto}
 html[dir=rtl] .editor-mode .site-header .brand-icon{margin:0}
}

/* Keep longer translated labels inside the compact mobile controls. */
@media screen and (max-width:760px){
 .editor-mode .tool-tabs button{white-space:normal;overflow-wrap:anywhere;line-height:10px}
 .editor-mode .effect-picker button{white-space:normal;overflow-wrap:anywhere;line-height:11px}
 .editor-mode .adjust-picker button{white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:9px}
 .editor-mode .tool-panel .slider-label{grid-template-columns:minmax(0,1fr) 104px}
 .editor-mode .tool-panel .slider-label button.slider-reset{width:104px}
 .editor-mode .slider-reset output{flex-shrink:0}
 .editor-mode .slider-reset .reset-caption{min-width:0;overflow-wrap:anywhere;line-height:9px}
 .editor-mode .editor-topbar :is(.compare-button,.editor-open,#btnzoomcan){white-space:normal;overflow-wrap:anywhere;line-height:11px;padding-inline:4px}
 .editor-mode .tool-panel #duocoloropt .switch-field label{min-width:0;font-size:10px;line-height:10px;overflow-wrap:anywhere}
}