@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:ROSWebsiteBai;src:url('../fonts/BaiJamjuree-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
/* The host is the only element outside the shadow root. No website/theme selectors are reset. */
#ros-web-surface .order-status{display:inline-block;border-radius:6px;padding:2px 8px;font-weight:600;line-height:1.5;vertical-align:baseline;}
#ros-website-chat,:host{all:initial!important;position:fixed!important;inset:auto calc(18px + var(--ros-launcher-offset,0px)) 18px auto!important;z-index:2147482500!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;isolation:isolate!important;direction:ltr!important;color-scheme:light!important}
#ros-website-chat[data-position=left],:host([data-position=left]){inset:auto auto 18px calc(18px + var(--ros-launcher-offset,0px))!important}
#ros-web-surface{--ink:#1c2639;--muted:#62728b;--border:#b8c5d680;--bubble:#ffffff80;--log:#ffffff38;--field:#ffffffb8;--button:#f6f9ffae;color:var(--ink);font:400 12px/1.42 ROSWebsiteBai,'Bai Jamjuree',sans-serif;font-synthesis:none;letter-spacing:normal;text-align:left;direction:ltr;color-scheme:light}
#ros-web-surface[data-theme=dark]{--ink:#e5e7eb;--muted:#a4b2c7;--border:#64748b80;--bubble:#1e293b;--log:#030817;--field:#0f172a;--button:#18243a;color-scheme:dark}
#ros-web-surface *,#ros-web-surface *:before,#ros-web-surface *:after{box-sizing:border-box}
#ros-web-surface [hidden]{display:none!important}
#ros-web-surface button,#ros-web-surface textarea,#ros-web-surface input{font:inherit;letter-spacing:normal;text-transform:none}
#ros-web-surface button{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:0;min-height:25px;padding:4px 7px;border:1px solid var(--border);border-radius:7px;color:var(--ink);background:var(--button);line-height:1.3;font-weight:500;cursor:pointer;box-shadow:none}
#ros-web-surface button:hover{border-color:#698ebf;background:#95bbef22}
#ros-web-surface button:disabled{cursor:wait;opacity:.65}
#ros-web-surface button:focus-visible,#ros-web-surface textarea:focus-visible,#ros-web-surface input:focus-visible,#ros-web-surface .image-button:focus-within{outline:3px solid #5799f1;outline-offset:2px}
#ros-web-surface p{margin:0}#ros-web-surface strong{font-weight:600}#ros-web-surface a{color:#1762b8;text-decoration:underline;overflow-wrap:anywhere}#ros-web-surface[data-theme=dark] a{color:#9ecbff}
#ros-web-surface .message-text strong,#ros-web-surface .greeting div strong,#ros-web-surface .guided-form p strong{font-weight:700}
#ros-web-surface .message-text em,#ros-web-surface .greeting div em,#ros-web-surface .guided-form p em{font-style:italic;font-weight:inherit}
#ros-web-surface em .order-status{font-weight:inherit}
#ros-web-surface .ros-chat-emphasis,#ros-web-surface .ros-chat-label{color:#1762b8;font-weight:600}
#ros-web-surface .ros-chat-hint{color:#805600;font-weight:500}
#ros-web-surface[data-theme=dark] .ros-chat-emphasis,#ros-web-surface[data-theme=dark] .ros-chat-label{color:#9ecbff}
#ros-web-surface[data-theme=dark] .ros-chat-hint{color:#f2c46d}
#ros-web-surface .ros-chat-list{margin:5px 0;padding:0 0 0 20px;white-space:normal}
#ros-web-surface .ros-chat-list>li{margin:2px 0;padding:0;white-space:pre-wrap}
#ros-web-surface .launcher{position:relative;isolation:isolate;overflow:hidden;max-width:min(360px,calc(100vw - 36px));min-height:40px;gap:7px;padding:8px 13px;border:1px solid #9eade05e;border-radius:12px;background:linear-gradient(130deg,var(--launcher-start,#dbf8f0),var(--launcher-middle,#e8e5fc) 56%,var(--launcher-end,#d9edff));color:var(--launcher-text,#243349);font-weight:700;box-shadow:0 8px 30px #0f172a28}
#ros-web-surface .launcher>span{overflow-wrap:anywhere;text-align:left}#ros-web-surface .launcher>img{display:block;width:19px;height:19px;flex:0 0 19px;filter:var(--launcher-icon-filter,none)}#ros-web-surface .launcher i,#ros-web-surface .status i{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#18b881}
/* The same diagonal model-card light and 240-px sale reflection, clipped to the button. */
#ros-web-surface .launcher:before,#ros-web-surface .launcher:after{content:'';position:absolute;pointer-events:none;z-index:-1;opacity:0}
#ros-web-surface .launcher:is([data-effect=model],[data-effect=both]):before{inset:-45% auto auto -60%;width:42%;height:190%;opacity:.8;background:linear-gradient(135deg,transparent,rgba(255,255,255,.12) 32%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.12) 68%,transparent);transform:translate3d(var(--model-shift,160%),0,0)}
#ros-web-surface .launcher:is([data-effect=sale],[data-effect=both]):after{inset:0;opacity:.8;background:linear-gradient(115deg,transparent 34%,#b9f3ff44 42%,#ffffffee 49%,#ffffff99 51%,#ffd8fa55 58%,transparent 66%);background-size:250% 100%;background-position:var(--sale-shine,50%) 50%}
#ros-web-surface .panel{display:flex;flex-direction:column;width:min(460px,calc(100vw - 36px));height:min(540px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);border:1px solid #b5c0d678;border-radius:12px;overflow:hidden;background:linear-gradient(130deg,#f5edfbe8,#f8fafbee 48%,#deefffee);box-shadow:0 18px 60px #0f172a40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#ros-web-surface[data-theme=dark] .panel{background:#0f1425;box-shadow:0 18px 60px #0007;backdrop-filter:none;-webkit-backdrop-filter:none}
#ros-web-surface .panel.expanded{width:min(700px,calc(100vw - 36px));height:calc(100dvh - 36px)}
#ros-web-surface header{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:32px;padding:4px 8px;border-bottom:1px solid var(--border);background:#ffffff12}
#ros-web-surface header>strong{font-size:11px;font-weight:700;min-width:0;overflow-wrap:anywhere}#ros-web-surface header .theme{flex-shrink:0;min-width:22px;min-height:22px;padding:0;font-size:16px;margin-left:auto}#ros-web-surface header .close{display:none;flex-shrink:0;min-width:28px;font-size:20px}
#ros-web-surface .traffic{display:flex;gap:7px;flex:0 0 auto}#ros-web-surface .traffic button{border:0;width:11px;min-width:11px;height:11px;min-height:11px;padding:0;border-radius:50%}#ros-web-surface .traffic .red{background:#ff6058}#ros-web-surface .traffic .yellow{background:#ffbd2e}#ros-web-surface .traffic .green{background:#27c940}
#ros-web-surface .body{display:flex;flex:1 1 auto;flex-direction:column;gap:7px;min-height:0;padding:9px;overflow:auto;overscroll-behavior:contain}#ros-web-surface .body>*{flex-shrink:0}
#ros-web-surface .toolbar,#ros-web-surface .history-bar{display:flex;align-items:center;justify-content:space-between;gap:7px;flex:0 0 auto}#ros-web-surface .status{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}#ros-web-surface .status[data-tone=wait] i{background:#eeb52d}#ros-web-surface .status[data-tone=off] i{background:#eb6874}
#ros-web-surface .toolbar button,#ros-web-surface .history-bar button{font-size:10px;min-height:22px;padding:3px 6px}#ros-web-surface .history-bar{font-size:10px;color:var(--muted);flex-wrap:wrap}#ros-web-surface .history-bar>span{flex:1}
#ros-web-surface .toolbar{flex-wrap:wrap}#ros-web-surface .toolbar-actions{display:flex;flex-wrap:nowrap;gap:6px;margin-left:auto;flex-shrink:0}#ros-web-surface .toolbar-actions button{white-space:nowrap}
#ros-web-surface .messages{flex:1 1 0;min-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:9px;padding:8px;background:var(--log);scrollbar-width:thin;scrollbar-color:#8193aa55 transparent}
#ros-web-surface .message{width:94%;padding:8px 10px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;background:var(--bubble);overflow-wrap:anywhere}#ros-web-surface .message:last-child{margin-bottom:0}#ros-web-surface .message>strong{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}#ros-web-surface .message>div{white-space:pre-wrap}#ros-web-surface .message.user{margin-left:auto;background:#177ad51a;width:88%}#ros-web-surface .message.staff{border-color:#31b5a577;background:#23b89912}#ros-web-surface .message footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:5px;color:var(--muted);font-size:9px}#ros-web-surface .message footer button{font-size:9px;min-height:22px;padding:2px 5px;background:transparent}
#ros-web-surface .suggestions{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 0}#ros-web-surface .suggestions>button,#ros-web-surface .suggestions>.image-button{flex:0 0 auto;white-space:nowrap}#ros-web-surface .suggestions button{font-size:10px;min-height:25px;padding:4px 5px;border-color:#6b7e9a}
#ros-web-surface .composer{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:7px;margin:0}#ros-web-surface textarea{display:block;width:100%;min-width:0;min-height:48px;max-height:120px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:7px;color:var(--ink);background:var(--field);font-size:12px;line-height:1.35;margin:0}#ros-web-surface textarea::placeholder{color:var(--muted);opacity:1}
#ros-web-surface .guided{padding:9px;border:1px solid #729ac2;border-radius:9px;background:var(--bubble);margin:8px 0 0;overflow-wrap:anywhere}#ros-web-surface .guided>strong{display:block;margin-bottom:6px;font-size:12px}#ros-web-surface .guided-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}#ros-web-surface .guided-form>p,#ros-web-surface .guided-form>.wide,#ros-web-surface .guided-actions{grid-column:1/-1}#ros-web-surface .guided-form>p{font-size:11px;color:var(--muted)}#ros-web-surface .guided-form label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;font-weight:500}#ros-web-surface .guided-form input{display:block;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--field);color:var(--ink);font-size:12px;font-weight:400;line-height:1.35}#ros-web-surface .guided-form textarea{min-height:42px;font-weight:400}#ros-web-surface .guided-actions{display:flex;flex-wrap:wrap;gap:6px}#ros-web-surface .guided-actions button{font-size:11px}#ros-web-surface .guided-actions button:first-child{border-color:#729ac2}#ros-web-surface .trap{display:none!important}
#ros-web-surface .send{border-radius:8px;font-size:12px;font-weight:700;min-width:0;padding:6px}#ros-web-surface[data-theme=dark] .send{background:#1677d2;border-color:#4b9deb;color:white}
#ros-web-surface .attachments{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--muted);min-width:0}#ros-web-surface .attachments>span{overflow-wrap:anywhere}#ros-web-surface .attachments button{min-height:23px;padding:2px 6px;font-size:10px}#ros-web-surface .image-button{display:inline-flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:4px 7px;color:var(--ink);font-weight:500}#ros-web-surface .image-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
#ros-web-surface .privacy{font-size:10px;color:var(--muted);line-height:1.45}#ros-web-surface .privacy summary{cursor:pointer;min-height:22px}#ros-web-surface .privacy summary:focus-visible{outline:2px solid #5799f1;outline-offset:2px}#ros-web-surface .privacy span{display:block;margin-top:4px}#ros-web-surface .notice,#ros-web-surface .reset-confirm{border:1px solid #c3994670;background:#dcaf2810;padding:7px;border-radius:8px;color:var(--ink);font-size:11px}#ros-web-surface .reset-confirm p{margin-bottom:6px}#ros-web-surface .reset-confirm button{margin:2px;font-size:11px}
#ros-web-surface .thinking{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}#ros-web-surface .spinner{width:12px;height:12px;flex:0 0 12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ros-web-spin .9s linear infinite}#ros-web-surface.inactive .spinner{animation-play-state:paused}
#ros-web-surface .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes ros-web-spin{to{transform:rotate(360deg)}}
#ros-web-surface .transcript{display:flow-root}
#ros-web-surface .message.typing{width:max-content;padding:8px 10px;margin-top:8px}
#ros-web-surface .typing-dots{display:flex;align-items:center;gap:4px;height:10px}
#ros-web-surface .typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:ros-web-typing 1.2s ease-in-out infinite}
#ros-web-surface .typing-dots i:nth-child(2){animation-delay:.15s}#ros-web-surface .typing-dots i:nth-child(3){animation-delay:.3s}
#ros-web-surface.inactive .typing-dots i,#ros-web-surface .panel[hidden] .typing-dots i{animation-play-state:paused}
#ros-web-surface .suggestions .image-button{margin-left:auto;min-height:25px;font-size:11px;line-height:1.3;background:var(--button);border-color:#6b7e9a}
#ros-web-surface .quick-icon{display:block;width:13px;height:13px;flex:0 0 13px;object-fit:contain}
#ros-web-surface[data-theme=dark] .quick-icon{filter:invert(1)}
#ros-web-surface .suggestions .image-button{justify-content:center;gap:3px;min-width:36px}
#ros-web-surface .image-plus{font-size:17px;font-weight:500;line-height:1}
#ros-web-surface .image-button.disabled{opacity:.65;cursor:wait}
#ros-web-surface .image-button{transition:background .18s,border-color .18s,box-shadow .18s}
#ros-web-surface .image-button img,#ros-web-surface .image-button .image-plus{transition:transform .18s}
#ros-web-surface .image-button:not(.disabled):is(:hover,:focus-within){background:linear-gradient(120deg,#40c5ae33,#5698ef33);border-color:#499cc4;box-shadow:inset 0 0 0 1px #57b8c544}
#ros-web-surface .image-button:not(.disabled):is(:hover,:focus-within) img{transform:rotate(-8deg) scale(1.12)}
@media(prefers-reduced-motion:reduce){#ros-web-surface .image-button,#ros-web-surface .image-button img,#ros-web-surface .image-button .image-plus{transition:none}#ros-web-surface .image-button:not(.disabled):is(:hover,:focus-within) img{transform:none}}
@keyframes ros-web-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){#ros-web-surface .typing-dots i{animation:none;opacity:.75}}
@media(pointer:coarse){#ros-web-surface .suggestions .image-button{min-height:36px}}
@media(prefers-reduced-motion:reduce){#ros-web-surface .spinner{animation:none;border-style:dotted}#ros-web-surface .launcher:before,#ros-web-surface .launcher:after{display:none}}
@media(pointer:coarse){#ros-web-surface button,#ros-web-surface .toolbar button,#ros-web-surface .history-bar button,#ros-web-surface .suggestions button,#ros-web-surface .attachments button,#ros-web-surface .image-button{min-height:36px}#ros-web-surface .launcher{min-height:44px}#ros-web-surface .traffic button{min-width:22px;width:22px;height:22px;min-height:22px}#ros-web-surface header .theme,#ros-web-surface header .close{min-width:36px;min-height:36px}#ros-web-surface header .close{display:inline-flex}#ros-web-surface textarea,#ros-web-surface .guided-form input{font-size:16px;min-height:36px}#ros-web-surface .composer textarea{min-height:58px}#ros-web-surface .message footer button{min-height:30px}#ros-web-surface .privacy summary{min-height:30px}}
@media(max-width:400px){#ros-website-chat,:host{inset:auto calc(10px + var(--ros-launcher-offset,0px)) max(10px,env(safe-area-inset-bottom)) auto!important}#ros-website-chat[data-position=left],:host([data-position=left]){inset:auto auto max(10px,env(safe-area-inset-bottom)) calc(10px + var(--ros-launcher-offset,0px))!important}#ros-web-surface .panel,#ros-web-surface .panel.expanded{width:calc(100vw - 20px)}#ros-web-surface .traffic{gap:5px}#ros-web-surface .traffic button{width:14px;min-width:14px;height:14px;min-height:14px}#ros-web-surface .composer{grid-template-columns:minmax(0,1fr) 66px}#ros-web-surface .history-bar{align-items:center}}
@media(max-height:540px){#ros-web-surface .messages{min-height:150px}}
#ros-web-surface button{transition:background .18s,border-color .18s,box-shadow .18s}
#ros-web-surface button .quick-icon{transition:transform .18s}
#ros-web-surface button:not(:disabled):is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px #57b8c566;border-color:#499cc4}
#ros-web-surface button:not(:disabled):is(:hover,:focus-visible) .quick-icon{transform:rotate(-8deg) scale(1.12)}
#ros-web-surface .message footer{justify-content:flex-start;gap:5px}
#ros-web-surface .message footer time{margin-left:auto}
#ros-web-surface .message-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:4px}
#ros-web-surface .message-icon .quick-icon{width:16px;height:16px}
#ros-web-surface .message-icon.copied{background:#22b77c22;border-color:#22b77c}
#ros-web-surface{position:relative}
#ros-web-surface .reaction-picker{position:absolute;z-index:20;display:flex;flex-wrap:wrap;gap:5px;padding:8px;margin:0;border:1px solid #7892b466;border-radius:12px;background:#f8faff;width:260px;overflow:auto;box-shadow:0 10px 30px #0f172a38}
#ros-web-surface[data-theme=dark] .reaction-picker{background:#18243a}
#ros-web-surface .reaction-picker button{font-size:20px;min-width:34px;min-height:34px;padding:3px}
#ros-web-surface .reaction-picker button{transition:transform .18s,background .18s}
#ros-web-surface .reaction-picker button:not(:disabled):is(:hover,:focus-visible){transform:rotate(-8deg) scale(1.12);background:#65caba44}
@media(prefers-reduced-motion:reduce){#ros-web-surface .reaction-picker button{transition:none}#ros-web-surface .reaction-picker button:not(:disabled):is(:hover,:focus-visible){transform:none}}
#ros-web-surface .reaction-chips{display:flex;gap:4px;flex-wrap:wrap}
#ros-web-surface .reaction-chips:empty{display:none}
#ros-web-surface .reaction-chips button{margin-top:6px;padding:2px 7px}
#ros-web-surface .message-reactions button[aria-pressed=true]{border-color:#339bc3;background:#49b9ce24}
#ros-web-surface .message.attention{border-color:#e76879;background:linear-gradient(125deg,#ffe5e9,#fff3f0);color:#842c3c}
#ros-web-surface[data-theme=dark] .message.attention{background:linear-gradient(125deg,#472532,#302232);color:#ffdce3}
@media(pointer:coarse){#ros-web-surface .message footer .message-icon,#ros-web-surface .reaction-picker button{min-height:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){#ros-web-surface button,#ros-web-surface button .quick-icon{transition:none}#ros-web-surface button:not(:disabled):is(:hover,:focus-visible) .quick-icon{transform:none}}
@media print{#ros-website-chat,:host{display:none!important}}