/* Compact recessed capsule with an original CSS/SVG Phillips screw. */
.fs-language-switch{display:inline-flex;align-items:center;flex:0 0 auto;margin-inline:6px;max-width:108px;vertical-align:middle}
#viewLanguage .fs-language-toggle{--lang-tray-top:#ded7cc;--lang-tray-bottom:#f3eee5;--lang-border:#c8beb0;--lang-ink:#514536;--lang-glint:#fffdf8;--lang-shadow:#46362135;--screw-top:#fff4df;--screw-mid:#ddbd96;--screw-bottom:#ab825b;--screw-border:#b09572;--screw-slot:#74583d;--screw-cut:#fff1d3;position:relative;display:block;box-sizing:border-box;flex:none;width:108px;min-width:108px;max-width:108px;height:44px;min-height:44px;margin:0;padding:0;overflow:hidden;border:1px solid var(--lang-border);border-radius:999px;background:linear-gradient(155deg,var(--lang-tray-top),var(--lang-tray-bottom));color:var(--lang-ink);box-shadow:inset 2px 3px 5px var(--lang-shadow),inset -1px -2px 3px var(--lang-glint),0 1px 0 var(--lang-glint);font:700 16px/1 var(--fs-font,Arial,sans-serif);letter-spacing:.08em;text-align:center;text-transform:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate;transition:filter .18s ease}
[data-theme=dark] #viewLanguage .fs-language-toggle{--lang-tray-top:#191612;--lang-tray-bottom:#302920;--lang-border:#514332;--lang-ink:#f0dcc1;--lang-glint:#ffffff0b;--lang-shadow:#0008;--screw-top:#e6c69e;--screw-mid:#af8961;--screw-bottom:#715138;--screw-border:#9e7954;--screw-slot:#3f2b1b;--screw-cut:#e2ba8c}
#viewLanguage .fs-language-toggle::before,#viewLanguage .fs-language-toggle::after{content:none}
#viewLanguage .fs-language-toggle:hover{filter:brightness(1.07)}
#viewLanguage .fs-language-toggle:active{filter:brightness(.97)}
#viewLanguage .fs-language-toggle:focus-visible{outline:3px solid var(--fs-accent,#c96b32);outline-offset:4px}
#viewLanguage .fs-language-code{position:absolute;top:0;display:grid;place-items:center;width:48px;height:42px;line-height:1;pointer-events:none;transition:opacity .16s ease}
#viewLanguage .fs-language-code-th{left:7px;opacity:1}
#viewLanguage .fs-language-code-en{right:7px;opacity:0}
#viewLanguage .fs-language-screw{position:absolute;top:4px;left:4px;display:block;box-sizing:border-box;width:34px;height:34px;border:1px solid var(--screw-border);border-radius:50%;background:linear-gradient(135deg,var(--screw-top) 0%,var(--screw-mid) 48%,var(--screw-bottom) 100%);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #3c241a55,0 2px 4px #0005;transform:translateX(64px) rotate(-45deg);transition:transform .28s cubic-bezier(.2,.75,.2,1);pointer-events:none}
#viewLanguage .fs-language-screw svg{display:block;width:100%;height:100%;stroke:none;fill:none;overflow:visible}
#viewLanguage .fs-screw-shadow{fill:var(--screw-cut);transform:translateY(.8px)}
#viewLanguage .fs-screw-slot{fill:var(--screw-slot)}
#viewLanguage [data-language=en] .fs-language-screw{transform:translateX(0) rotate(45deg)}
#viewLanguage [data-language=en] .fs-language-code-th{opacity:0}
#viewLanguage [data-language=en] .fs-language-code-en{opacity:1}
.fs-language-floating{position:fixed;right:16px;top:16px;z-index:1000}
html[lang=en] button,html[lang=en] .btn{white-space:normal;line-height:1.4}
html[lang=en] .hub-sidebar a{line-height:1.5}
@media(max-width:600px){.fs-language-switch{margin-inline:3px}}
@media(prefers-reduced-motion:reduce){#viewLanguage .fs-language-toggle,#viewLanguage .fs-language-code,#viewLanguage .fs-language-screw{transition:none}}
@media(forced-colors:active){#viewLanguage .fs-language-toggle{background:Canvas;color:ButtonText;border:2px solid ButtonText;box-shadow:none}#viewLanguage .fs-language-screw{background:ButtonFace;border:2px solid ButtonText;box-shadow:none}#viewLanguage .fs-screw-slot{fill:ButtonText}#viewLanguage .fs-screw-shadow{fill:Canvas}}
@media print{.fs-language-switch{display:none!important}}

.fs-language-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #75604c;border-radius:22px;padding:28px;background:#28241f;color:#f7f2e9;box-shadow:0 24px 80px #0008}.fs-language-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.fs-language-dialog h2{font-size:24px;margin:10px 0}.fs-language-dialog p{line-height:1.65}.fs-language-dialog .eyebrow{font-size:11px;letter-spacing:.12em;color:#ffb27c}.fs-language-dialog label{display:block;margin:20px 0 8px}.fs-language-dialog select{box-sizing:border-box;width:100%;padding:12px;border-radius:10px;background:#201d19;color:#fff;border:1px solid #75604c;font:inherit}.fs-language-dialog .fs-language-note{font-size:12px;color:#c5b7a5}.fs-language-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.fs-language-actions button{border:1px solid #75604c;border-radius:10px;padding:12px 18px;background:transparent;color:inherit;font:inherit;cursor:pointer}.fs-language-actions .primary{background:#ffb27c;color:#28211b;font-weight:700}

/* Language controls and English copy must stay reachable at every editor width. */
@media screen{html[lang].fs-editor.fs-workspace-v2 #app>header{flex-wrap:wrap;height:auto}html[lang].fs-editor.fs-workspace-v2 #app>header .studio-actions{flex:1 1 540px;flex-wrap:wrap;max-width:100%;justify-content:flex-end}html[lang].fs-editor.fs-workspace-v2 #app>header .workspace-output-actions{max-width:100%;margin-left:auto}html[lang=en].fs-editor.fs-workspace-v2 #app>header .workspace-output-actions>.btn{max-width:230px}html[lang=en].fs-editor.fs-workspace-v2 #app>header .workspace-output-actions strong{font-size:14px}}

.fs-only-en{display:none}html[lang=en] .fs-only-th{display:none}html[lang=en] .fs-only-en{display:inline}