#ui{--panel-bg:#0e141bb8;--panel-bg-strong:#0e141bdb;--hairline:#ffffff1a;--hairline-strong:#ffffff2e;--text:#e8eef5;--text-dim:#9aa8b8;--text-faint:#6b7a8c;--accent:#5ab0ff;--sig-red:#ff4d4f;--sig-amber:#ffb020;--sig-green:#2bd96b;--radius:.75em;--gap:clamp(8px, .7vw, 18px);--side-w:21em;--top-h:3.6em;--tl-h:3.6em;--fs-xs:.72em;--fs-sm:.84em;--fs-lg:1.25em;--fs-xl:1.7em;color:var(--text);font-family:Noto Sans Thai,Sarabun,system-ui,sans-serif;font-size:clamp(12px,.5vw + 6.5px,22px);line-height:1.3}#ui *,#ui :before,#ui :after{box-sizing:border-box}#ui>.rd-right{pointer-events:none}#ui>.rd-right>*{pointer-events:auto}.rd-glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 8px 28px #00000059}.rd-th{font-weight:600}.rd-en{color:var(--text-dim);font-size:var(--fs-xs);letter-spacing:.01em}.rd-bi{flex-direction:column;min-width:0;line-height:1.2;display:inline-flex}.rd-bi--inline{flex-direction:row;align-items:baseline;gap:.4em}.rd-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.rd-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rd-btn,.rd-icon-btn,.rd-seg__btn,.rd-collapse,.rd-select,.rd-hide,.rd-tab,.rd-marker,.rd-incident{font:inherit;color:inherit;cursor:pointer}.rd-btn{border:1px solid var(--hairline-strong);font-size:var(--fs-sm);background:#ffffff0f;border-radius:.5em;padding:.45em .8em}.rd-btn:hover:not(:disabled){background:#ffffff1f}.rd-btn:disabled,.rd-icon-btn:disabled,.rd-seg__btn:disabled{opacity:.4;cursor:not-allowed}.rd-btn--primary{background:#5ab0ff2e;border-color:#5ab0ff8c}.rd-btn--primary[aria-pressed=true]{background:#5ab0ff66}.rd-btn--small{font-size:var(--fs-xs);padding:.15em .5em}.rd-btn--block{width:100%}.rd-icon-btn{border:1px solid var(--hairline);background:#ffffff0d;border-radius:.5em;justify-content:center;align-items:center;min-width:2.2em;height:2.2em;padding:0 .45em;display:inline-flex}.rd-icon-btn:hover:not(:disabled){background:#ffffff1f}.rd-play{background:#5ab0ff38;border-color:#5ab0ff99;border-radius:50%;min-width:2.8em;height:2.8em}#ui :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rd-seg{border:1px solid var(--hairline-strong);border-radius:.55em;display:inline-flex;overflow:visible}.rd-seg__btn{font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;padding:.35em .65em;position:relative}.rd-seg__btn+.rd-seg__btn{border-left:1px solid var(--hairline)}.rd-seg__btn[aria-pressed=true]{background:#5ab0ff47}.rd-seg__btn:hover:not(:disabled):not([aria-pressed=true]){background:#ffffff14}.rd-seg__btn .rd-en{font-size:.8em}.rd-select{border:1px solid var(--hairline-strong);font-size:var(--fs-sm);background:#0000004d;border-radius:.45em;padding:.3em .4em}.rd-select option{background:#121a23}.rd-tip[data-tip]:hover:after,.rd-tip[data-tip]:focus-visible:after{content:attr(data-tip);z-index:5;white-space:normal;text-align:left;width:max-content;max-width:18em;font-size:var(--fs-xs);background:var(--panel-bg-strong);border:1px solid var(--hairline-strong);color:var(--text);pointer-events:none;border-radius:.45em;padding:.45em .6em;position:absolute;top:calc(100% + .5em);right:0}.rd-topbar{top:var(--gap);left:var(--gap);right:var(--gap);height:var(--top-h);z-index:30;align-items:center;gap:1.2em;min-width:0;padding:0 .9em;display:flex;position:absolute}.rd-brand{flex:none;align-items:center;gap:.6em;display:flex}.rd-logo{color:var(--text);width:1.9em;height:1.9em}.rd-title{font-size:1.05em}.rd-junction{border-left:1px solid var(--hairline);flex:auto;min-width:0;padding-left:1.2em}.rd-junction>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-topbar__right{flex:none;align-items:center;gap:.8em;min-width:0;display:flex}.rd-badge{font-size:var(--fs-xs);border:1px solid var(--hairline-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;max-width:24em;padding:.3em .65em;display:inline-flex}.rd-badge__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.rd-dot{background:currentColor;border-radius:50%;flex:none;width:.6em;height:.6em}.rd-badge--demo{color:#9fd0ff;background:#5ab0ff1f}.rd-badge--live{color:#ff8a8a;background:#ff4d4f24}.rd-badge--live .rd-dot{animation:1.2s ease-in-out infinite rd-pulse}.rd-badge--wait{color:var(--text-dim)}.rd-badge--error{color:#ffc9a6;background:#ff783c29;border-color:#ff783c73}.rd-clock{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.rd-clock__time{font-size:var(--fs-lg);letter-spacing:.02em;font-weight:700}.rd-clock__date{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap}.rd-left,.rd-right{top:calc(var(--gap) * 2 + var(--top-h));max-height:calc(100% - var(--gap) * 4 - var(--top-h) - var(--tl-h));width:var(--side-w);position:absolute}.rd-left{left:var(--gap);overscroll-behavior:contain;scrollbar-width:thin;padding:.3em .4em .6em;overflow-y:auto}.rd-right{right:var(--gap);gap:var(--gap);flex-direction:column;display:flex}.rd-hide{z-index:1;color:var(--text-dim);background:0 0;border:0;padding:.2em .4em;position:absolute;top:.45em;right:.45em}.rd-tab{top:calc(var(--gap) * 2 + var(--top-h));border:1px solid var(--hairline);align-items:center;gap:.4em;padding:.5em .8em;display:inline-flex;position:absolute}.rd-tab--left{left:var(--gap)}.rd-panel,.rd-section{min-width:0}.rd-panel__head,.rd-section__head{justify-content:space-between;align-items:center;gap:.5em;display:flex}.rd-collapse{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.5em;padding:.55em .5em;display:flex}.rd-chevron{color:var(--text-dim);font-size:.8em;transition:transform .15s;display:inline-block}.rd-collapse[aria-expanded=true] .rd-chevron{transform:rotate(90deg)}.rd-panel__body{padding:0 .8em .8em}.rd-section__body{padding:0 .5em .6em}.rd-section+.rd-section{border-top:1px solid var(--hairline)}.rd-env{flex-direction:column;flex:0 auto;min-height:0;display:flex}.rd-env .rd-panel__body{scrollbar-width:thin;min-height:0;overflow-y:auto}.rd-siglist{gap:.35em;margin:0;padding:0;list-style:none;display:grid}.rd-sigrow{background:#ffffff08;border-radius:.45em;grid-template-columns:1.6em 1fr auto;align-items:center;gap:.5em;padding:.3em .4em;display:grid}.rd-sigrow__arm{color:var(--text-dim);text-align:center;font-weight:700}.rd-sigrow__name .rd-th{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-sigrow__name .rd-en{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-sigrow__heads{align-items:center;gap:.4em;display:inline-flex}.rd-tag{font-size:var(--fs-xs);color:var(--sig-green);text-align:center;line-height:1.1}.rd-lamp{border:1px solid var(--hairline);background:#05080b;border-radius:.5em;gap:.18em;padding:.2em .25em;display:inline-flex}.rd-lamp__bulb{background:#1c242d;border-radius:50%;width:.85em;height:.85em;display:inline-flex}.rd-lamp__bulb--red.is-on{background:var(--sig-red);box-shadow:0 0 .6em var(--sig-red)}.rd-lamp__bulb--amber.is-on{background:var(--sig-amber);box-shadow:0 0 .6em var(--sig-amber)}.rd-lamp__bulb--green.is-on{background:var(--sig-green);box-shadow:0 0 .6em var(--sig-green)}.rd-lamp__bulb.is-flash{animation:1s steps(2,start) infinite rd-blink}.rd-kpis{grid-template-columns:1fr 1fr;gap:.4em;margin-bottom:.6em;display:grid}.rd-kpi{border:1px solid var(--hairline);background:#ffffff0a;border-radius:.5em;flex-direction:column;gap:.1em;padding:.45em .55em;display:flex}.rd-kpi .rd-th{font-size:var(--fs-xs)}.rd-kpi__v{font-size:var(--fs-xl);font-weight:700;line-height:1}.rd-kpi__v small{color:var(--text-dim);font-size:.45em;font-weight:400}.rd-kpi--alert{background:#e879f91a;border-color:#e879f999}.rd-classes{grid-template-columns:repeat(5,1fr);gap:.25em;margin:0 0 .6em;padding:0;list-style:none;display:grid}.rd-classes li{background:#ffffff08;border-radius:.4em;flex-direction:column;align-items:center;padding:.3em .1em;display:flex}.rd-classes li .rd-num{font-weight:700}.rd-classes li .rd-th{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62em;font-weight:400;overflow:hidden}.rd-classes li.is-zero{opacity:.45}.rd-queues{gap:.25em;margin-bottom:.6em;display:grid}.rd-queues>.rd-bi{font-size:var(--fs-sm);margin-bottom:.15em}.rd-qrow{font-size:var(--fs-sm);grid-template-columns:5.5em 1fr 2em;align-items:center;gap:.5em;display:grid}.rd-qrow__n{text-align:right;font-weight:600}.rd-qbar{background:#ffffff12;border-radius:999px;height:.5em;overflow:hidden}.rd-qbar__fill{border-radius:inherit;background:linear-gradient(90deg,#5ab0ff,#8fd1ff);height:100%;transition:width .25s;display:block}.rd-spark{margin:0}.rd-spark__cap{font-size:var(--fs-sm);margin-bottom:.2em}.rd-spark__svg{background:#ffffff08;border-radius:.35em;width:100%;height:3.2em;display:block}.rd-spark__base{stroke:var(--hairline-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.rd-spark__line{fill:none;stroke:var(--accent);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.rd-spark__area{fill:#5ab0ff24;stroke:none}.rd-incidents{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.rd-incident{text-align:left;border:1px solid var(--hairline);background:#ffffff08;border-radius:.5em;grid-template-columns:.7em 1fr auto;align-items:center;gap:.55em;width:100%;padding:.4em .55em;display:grid}.rd-incident:hover{background:#ffffff17}.rd-incident.is-active{border-color:#e879f947}.rd-incident.is-selected{border-color:var(--accent);box-shadow:inset .2em 0 0 var(--accent);background:#5ab0ff33}.rd-incident.is-selected:hover{background:#5ab0ff47}.rd-incident__dot{border-radius:50%;width:.75em;height:.75em;box-shadow:0 0 0 .12em #00000059}.rd-incident__meta{font-size:var(--fs-sm);flex-direction:column;align-items:flex-end;display:flex}.rd-incident__meta small{color:var(--text-dim);font-size:.8em}.rd-pill{font-size:var(--fs-xs);color:var(--text-dim);background:#ffffff14;border-radius:999px;grid-column:2/-1;justify-self:start;padding:.05em .5em}.rd-incident.is-active{border-color:var(--hairline-strong);background:#ffffff0f}.rd-incident__body{flex-direction:column;gap:.15em;min-width:0;display:flex}.rd-incident__detail{font-size:var(--fs-xs);flex-direction:column;line-height:1.3;display:flex}.rd-incident__lanes{color:var(--text);font-weight:600}.rd-incident__impact{color:var(--text-dim)}.rd-incident__illegal{color:var(--text-dim);font-weight:600}.rd-empty{color:var(--text-dim);margin:.2em 0}.rd-ilist-tools{grid-template-columns:1fr 1fr;gap:.4em;margin-bottom:.45em;display:grid}.rd-ilist-tools__field{font-size:var(--fs-xs);color:var(--text-dim);flex-direction:column;gap:.1em;min-width:0;display:flex}.rd-select--sm{font-size:var(--fs-sm);width:100%;padding:.2em .35em}.rd-igroup{margin-top:.45em}.rd-igroup__head{font-size:var(--fs-xs);color:var(--text-dim);text-transform:none;letter-spacing:.02em;margin:0 0 .25em;font-weight:600}.rd-event-detail{z-index:20;pointer-events:auto;width:20em;max-height:calc(100% - var(--top-h) - var(--tl-h) - var(--gap) * 6);top:calc(var(--gap) * 2 + var(--top-h));right:calc(var(--side-w) + var(--gap) * 2);scrollbar-width:thin;padding:0 .7em .7em;position:absolute;overflow-y:auto}.rd-event-detail__head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid var(--hairline);grid-template-columns:.9em 1fr auto;align-items:center;gap:.55em;margin-bottom:.4em;padding:.55em 0 .45em;display:grid}.rd-event-detail.is-dragging .rd-event-detail__head{cursor:grabbing}.rd-event-detail__circle{border-radius:50%;width:.9em;height:.9em}.rd-event-detail__title{flex-direction:column;min-width:0;display:flex}.rd-event-detail__level{font-size:var(--fs-xs);color:var(--text-dim)}.rd-event-detail__close{color:var(--text-dim);background:0 0;border:0;padding:.2em .4em}.rd-event-detail__rows dd{text-align:right}.rd-event-detail__lanes{font-weight:600}.rd-event-detail__fine{color:var(--text);font-weight:600}.rd-event-detail__vehicles{font-size:var(--fs-sm);margin-top:.45em}.rd-event-detail__vehicles ul{gap:.3em;margin:.25em 0 0;padding:0;list-style:none;display:grid}.rd-event-detail__veh{border:1px solid var(--hairline);border-radius:.45em;flex-wrap:wrap;align-items:center;gap:.4em;padding:.3em .4em;display:flex}.rd-event-detail__vid{font-weight:600}.rd-event-detail__plate{align-items:center;gap:.4em;display:inline-flex}.rd-event-detail__noplate{color:var(--text-faint);font-size:var(--fs-xs)}.rd-event-detail__actions{grid-template-columns:1fr 1fr;gap:.4em;margin-top:.6em;display:grid}.rd-camera{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.5em;padding:.45em .55em;display:flex}.rd-camera .rd-seg{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.rd-camera .rd-seg__btn{line-height:1.2;font-size:var(--fs-md,1em);flex-direction:column;justify-content:center;align-items:center;min-height:3em;padding:.55em .4em;display:flex}.rd-camera .rd-seg__btn+.rd-seg__btn{border-left:1px solid var(--hairline)}.rd-camera__layers{flex-wrap:wrap;gap:.4em 1em;display:flex}.rd-switch{color:inherit;font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.45em;padding:.1em 0;display:inline-flex}.rd-switch:disabled{opacity:.5;cursor:default}.rd-switch__track{border:1px solid var(--hairline-strong);background:#ffffff29;border-radius:999px;flex:none;width:2.1em;height:1.2em;transition:background .15s;position:relative}.rd-switch__knob{background:#e8eef5;border-radius:50%;width:.9em;height:.9em;transition:left .15s;position:absolute;top:50%;left:.12em;transform:translateY(-50%);box-shadow:0 1px 2px #0006}.rd-switch.is-on .rd-switch__track{background:var(--accent);border-color:var(--accent)}.rd-switch.is-on .rd-switch__knob{left:calc(100% - 1.02em)}.rd-envmode{justify-content:space-between;align-items:center;gap:.5em;margin-bottom:.5em;display:flex}.rd-card{scrollbar-width:thin;flex:none;max-height:60%;padding:.75em .85em;overflow-y:auto}.rd-card__head{justify-content:space-between;align-items:flex-start;gap:.5em;margin-bottom:.5em;display:flex}.rd-card__title{font-size:var(--fs-lg)}.rd-card__plate{background:#ffffff0a;border-radius:.6em;justify-content:center;margin-bottom:.6em;padding:.5em;display:flex}.rd-card__plate svg{filter:drop-shadow(0 2px 4px #00000073);width:11em;height:auto}.rd-card__plate svg[data-plate-layout=motorcycle]{width:7em}.rd-card__plate svg[data-plate-layout=transport]{width:12.5em}.rd-card__speed{align-items:center;gap:.8em;margin-bottom:.4em;display:flex}.rd-card__kmh{font-size:var(--fs-xl);font-weight:700}.rd-card__actions{gap:.5em;margin-top:.7em;display:flex}.rd-card__actions .rd-btn--primary{flex:1}.rd-gauge{width:6em;height:3.5em}.rd-gauge__track{fill:none;stroke:#ffffff1a;stroke-width:7px;stroke-linecap:round}.rd-gauge__value{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .25s}.rd-gauge__value.is-fast{stroke:#f472b6}.rd-gauge__needle{stroke:var(--text);stroke-width:2px;stroke-linecap:round}.rd-gauge__hub{fill:var(--text)}.rd-gauge__tick{fill:var(--text-faint);font-size:7px}.rd-rows{gap:.35em;margin:0;display:grid}.rd-row{font-size:var(--fs-sm);grid-template-columns:7.2em 1fr;align-items:start;gap:.6em;display:grid}.rd-row dt .rd-th{color:var(--text-dim);font-weight:400}.rd-row dd{overflow-wrap:anywhere;min-width:0;margin:0}.rd-rows--compact .rd-row{grid-template-columns:8em 1fr}.rd-route-turn{color:var(--accent);font-size:.95em}.rd-swatch-wrap{align-items:center;gap:.4em;display:inline-flex}.rd-swatch{border:1px solid var(--hairline-strong);border-radius:.3em;width:1.3em;height:1.3em}.rd-conf{align-items:center;gap:.5em;width:100%;display:inline-flex}.rd-conf__bar{background:#ffffff14;border-radius:999px;flex:1;height:.45em;overflow:hidden}.rd-conf__bar>span{background:var(--accent);height:100%;display:block}.rd-note{font-size:var(--fs-sm);color:#ffd28a;margin:0 0 .5em}.rd-note--warn{color:#ffc9a6}.rd-envinfo__main{align-items:center;gap:.7em;margin-bottom:.4em;display:flex}.rd-envinfo__temp{font-size:var(--fs-xl);font-weight:700}.rd-overrides{border-top:1px solid var(--hairline);gap:.55em;margin-top:.7em;padding-top:.6em;display:grid}.rd-field{font-size:var(--fs-sm);gap:.25em;display:grid}.rd-field--row{grid-template-columns:1fr auto;align-items:center}.rd-field__head{align-items:center;gap:.5em;display:flex}.rd-field__head>.rd-bi{flex:1}.rd-field input[type=range]{width:100%;accent-color:var(--accent);margin:0}.rd-auto{border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;padding:.05em .45em;font-size:.75em}.rd-auto.is-auto{color:var(--text-dim)}.rd-auto.is-manual{color:#ffd28a;border-color:#ffd28a80}.rd-timeline{left:var(--gap);right:var(--gap);bottom:var(--gap);height:var(--tl-h);grid-template-columns:auto 1fr auto;align-items:center;gap:1em;padding:0 .9em;display:grid;position:absolute}.rd-transport{align-items:center;gap:.35em;display:flex}.rd-rate{margin-left:.3em}.rd-scrub{flex-direction:column;justify-content:center;min-width:0;height:100%;display:flex;position:relative}.rd-scrub__markers{height:.7em;margin-bottom:.25em;position:relative}.rd-marker{opacity:.9;border:0;border-radius:2px;height:100%;padding:0;position:absolute;top:0;transform:translate(-1px)}.rd-marker:hover{opacity:1;outline:1px solid #fff}.rd-marker.is-selected{opacity:1;outline:2px solid var(--accent);outline-offset:1px;z-index:1}.rd-scrub__track{height:1.3em;position:relative}.rd-scrub__bands{background:#ffffff12;border-radius:999px;height:.55em;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.rd-band{opacity:.38;position:absolute;top:0;bottom:0}.rd-scrub__fill{pointer-events:none;background:#5ab0ff73;border-radius:999px;height:.55em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rd-scrub__range{cursor:pointer;touch-action:none;border-radius:.3em;margin:0;position:absolute;inset:0}.rd-scrub__range[aria-disabled=true]{cursor:default}.rd-scrub__thumb{pointer-events:none;background:#fff;border-radius:.2em;width:.4em;height:1.3em;margin-left:-.2em;position:absolute;top:0;box-shadow:0 0 0 2px #5ab0ff99}.rd-readout{white-space:nowrap;font-size:var(--fs-sm);color:var(--text-dim);align-items:baseline;gap:.35em;display:flex}.rd-readout__now{color:var(--text);font-size:1.15em;font-weight:700}.rd-readout__clock{border-left:1px solid var(--hairline);color:var(--text);margin-left:.6em;padding-left:.6em}.rd-compass{right:calc(var(--gap) * 2 + var(--side-w));bottom:calc(var(--gap) * 2 + var(--tl-h));cursor:pointer;width:5.6em;height:5.6em;color:var(--text);font:inherit;border-radius:50%;padding:.2em;position:absolute}.rd-compass:hover{background:var(--panel-bg-strong);border-color:var(--hairline-strong)}.rd-compass__svg{width:100%;height:100%;display:block;overflow:visible}.rd-compass__ring{fill:#00000040;stroke:var(--hairline-strong);stroke-width:1.2px}.rd-compass__tick{stroke:var(--text-faint);stroke-width:1.2px;stroke-linecap:round}.rd-compass__tick.is-major{stroke:var(--text);stroke-width:2px}.rd-compass__needle-n{fill:var(--sig-red)}.rd-compass__needle-s{fill:#e8eef58c}.rd-compass__hub{fill:var(--text)}.rd-compass__letter{fill:var(--text);font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.rd-compass__letter.is-n{fill:var(--sig-red);font-size:14px}.rd-compass__th{fill:#ff8a8a;paint-order:stroke;stroke:#0009;stroke-width:2px;font-size:9px;font-weight:600}@media (width<=640px){.rd-compass{right:var(--gap);z-index:2;width:4.4em;height:4.4em}}@keyframes rd-pulse{50%{opacity:.35}}@keyframes rd-blink{to{visibility:hidden}}@media (width<=1440px){.rd-junction .rd-en,.rd-readout__clock{display:none}}@media (prefers-reduced-motion:reduce){.rd-badge--live .rd-dot,.rd-lamp__bulb.is-flash{animation:none}}.rd-create{align-items:center;gap:.5em;display:inline-flex;position:relative}.rd-create__btn{white-space:nowrap;align-items:center;gap:.35em;display:inline-flex}.rd-create__busy{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap}.rd-create__pop{z-index:20;pointer-events:auto;flex-direction:column;gap:.6em;width:21em;padding:.7em .8em;display:flex;position:absolute;top:calc(100% + .5em);right:0}.rd-create__arms{border:0;min-width:0;margin:0;padding:0}.rd-create__arms legend{font-size:var(--fs-sm);margin-bottom:.3em;padding:0}.rd-create__arms .rd-seg{grid-template-columns:1fr 1fr;width:100%;display:grid}.rd-create__arms .rd-seg__btn{font-size:var(--fs-xs);text-align:left;padding:.35em .45em}.rd-create__actions{justify-content:flex-end;gap:.4em;display:flex}.rd-spinner{border:2px solid #ffffff40;border-top-color:var(--accent);border-radius:50%;width:.9em;height:.9em;animation:.8s linear infinite rd-spin}@keyframes rd-spin{to{transform:rotate(360deg)}}.rd-credit{left:calc(var(--gap) + .4em);color:#e8eef5b3;text-shadow:0 1px 2px #000c;pointer-events:auto;margin:0;font-size:10px;line-height:1.2;position:absolute;bottom:.1em}.rd-credit a{color:inherit}*{scrollbar-width:thin;scrollbar-color:#a0afc373 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a0afc373;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#becde1bf}::-webkit-scrollbar-corner{background:0 0}html,body{background:#0e141b;height:100%;margin:0;font-family:Noto Sans Thai,Sarabun,system-ui,sans-serif;overflow:hidden}#viewport{position:fixed;inset:0}#viewport canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}