.hotel-preview-module__Iq3jiW__frame{--hotel-ink:#243737;--hotel-muted:#536060;--hotel-soft:color-mix(in srgb, var(--hotel-primary) 7%, white);--hotel-radius:3px;--hotel-font:var(--font-sarabun), sans-serif;isolation:isolate;color:var(--hotel-ink);font-family:var(--hotel-font);background:#fff;position:relative}.hotel-preview-module__Iq3jiW__frame[data-font=sarabun]{--hotel-font:var(--font-playground-sarabun), sans-serif}.hotel-preview-module__Iq3jiW__frame[data-font=pridi]{--hotel-font:var(--font-playground-pridi), serif}.hotel-preview-module__Iq3jiW__viewport{scrollbar-width:thin;scrollbar-color:#c1cece #f8faf9;height:760px;overflow:clip auto;container:hotel-preview/inline-size}.hotel-preview-module__Iq3jiW__hotel{overflow-wrap:anywhere;background:#fff;min-width:0}.hotel-preview-module__Iq3jiW__hotel :is(h2,h3,h4){font-family:var(--hotel-font);color:var(--hotel-ink);letter-spacing:-.02em;font-weight:600;line-height:1.5}.hotel-preview-module__Iq3jiW__hotel :is(button,p,small){font-family:inherit}.hotel-preview-module__Iq3jiW__hotel p{line-height:1.9}.hotel-preview-module__Iq3jiW__frame button{cursor:pointer}.hotel-preview-module__Iq3jiW__frame :is(button,a,[tabindex]):focus-visible{outline-offset:-3px;outline:3px solid #0c77bc}.hotel-preview-module__Iq3jiW__header{background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:24px 5%;display:flex}.hotel-preview-module__Iq3jiW__wordmark{max-width:50%;font-size:22px;font-weight:600;line-height:1.3}.hotel-preview-module__Iq3jiW__wordmark small{color:var(--hotel-muted);letter-spacing:.035em;margin-top:6px;font-size:9px;font-weight:400;display:block}.hotel-preview-module__Iq3jiW__header nav{flex-shrink:0;gap:18px;display:flex}.hotel-preview-module__Iq3jiW__header nav button{min-height:36px;color:var(--hotel-ink);font-size:11px}.hotel-preview-module__Iq3jiW__hero{background:var(--hotel-soft);grid-template-columns:46% 54%;min-height:425px;display:grid}.hotel-preview-module__Iq3jiW__heroCopy{align-self:center;padding:40px 10% 44px}.hotel-preview-module__Iq3jiW__heroCopy h2{text-wrap:pretty;font-size:clamp(26px,3.65cqi,43px);font-weight:400;line-height:1.45}.hotel-preview-module__Iq3jiW__heroCopy>p{color:var(--hotel-muted);margin-top:20px;font-size:12px}.hotel-preview-module__Iq3jiW__primaryButton{border-radius:var(--hotel-radius);background:var(--hotel-primary);min-height:44px;color:var(--hotel-on-primary);justify-content:center;align-items:center;gap:24px;margin-top:26px;padding:12px 22px;font-size:12px;font-weight:600;display:inline-flex}.hotel-preview-module__Iq3jiW__primaryButton:hover{filter:brightness(.94)}.hotel-preview-module__Iq3jiW__heroImage{min-width:0;min-height:425px;margin:0;position:relative}.hotel-preview-module__Iq3jiW__heroImage img{object-fit:cover;object-position:62% center;width:100%;height:100%;position:absolute;inset:0}.hotel-preview-module__Iq3jiW__heroImage figcaption{color:#273b38;background:#ffffffed;padding:7px 10px;font-family:Georgia,serif;font-size:13px;font-style:italic;position:absolute;bottom:16px;left:18px}.hotel-preview-module__Iq3jiW__introduction{text-align:center;padding:44px 12%}.hotel-preview-module__Iq3jiW__introduction>p:first-child{color:var(--hotel-muted);margin-bottom:12px;font-size:11px}.hotel-preview-module__Iq3jiW__introduction h3{font-size:27px;font-weight:400}.hotel-preview-module__Iq3jiW__introduction>p:last-child{max-width:520px;color:var(--hotel-muted);margin:14px auto 0;font-size:12px}.hotel-preview-module__Iq3jiW__rooms{padding:14px 5% 48px}.hotel-preview-module__Iq3jiW__sectionHeading{margin-bottom:24px}.hotel-preview-module__Iq3jiW__sectionHeading h3{font-size:25px;font-weight:400}.hotel-preview-module__Iq3jiW__sectionHeading p{color:var(--hotel-muted);margin-top:8px;font-size:12px}.hotel-preview-module__Iq3jiW__roomGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.hotel-preview-module__Iq3jiW__room{min-width:0}.hotel-preview-module__Iq3jiW__room img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--hotel-radius);width:100%;height:auto}.hotel-preview-module__Iq3jiW__room h4{margin-top:16px;font-size:18px;font-weight:500}.hotel-preview-module__Iq3jiW__room p{color:var(--hotel-muted);margin-top:7px;font-size:11px}.hotel-preview-module__Iq3jiW__room small{color:var(--hotel-muted);margin-top:8px;font-size:10px;line-height:1.8;display:block}.hotel-preview-module__Iq3jiW__room button{width:100%;min-height:44px;color:var(--hotel-ink);border-top:1px solid #d8e0dd;justify-content:space-between;align-items:center;margin-top:14px;padding-block:12px;font-size:11px;display:flex}.hotel-preview-module__Iq3jiW__facilities{background:var(--hotel-soft);padding:35px 5%}.hotel-preview-module__Iq3jiW__facilities h3{text-align:center;font-size:22px;font-weight:400}.hotel-preview-module__Iq3jiW__facilities ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 0;padding:0;list-style:none;display:grid}.hotel-preview-module__Iq3jiW__facilities li{text-align:center;justify-items:center;gap:10px;font-size:11px;display:grid}.hotel-preview-module__Iq3jiW__facilities li span{font-family:Georgia,serif;font-size:25px;line-height:1}.hotel-preview-module__Iq3jiW__atmosphere{grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:48px 5%;display:grid}.hotel-preview-module__Iq3jiW__atmosphere img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--hotel-radius);width:100%;height:auto}.hotel-preview-module__Iq3jiW__atmosphere>div>p:first-child{margin-bottom:14px;font-family:Georgia,serif;font-size:14px;font-style:italic}.hotel-preview-module__Iq3jiW__atmosphere h3{font-size:28px;font-weight:400}.hotel-preview-module__Iq3jiW__atmosphere>div>p:last-child{color:var(--hotel-muted);margin-top:14px;font-size:12px}.hotel-preview-module__Iq3jiW__area{padding:0 5% 44px}.hotel-preview-module__Iq3jiW__areaGrid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.hotel-preview-module__Iq3jiW__map{min-width:0}.hotel-preview-module__Iq3jiW__map iframe{border-radius:var(--hotel-radius);background:var(--hotel-soft);border:1px solid #d8e0dd;width:100%;height:290px;display:block}.hotel-preview-module__Iq3jiW__map>a{min-height:44px;color:var(--hotel-ink);text-underline-offset:4px;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.hotel-preview-module__Iq3jiW__nearby h4{font-size:18px;font-weight:500}.hotel-preview-module__Iq3jiW__nearby ul{margin:8px 0 0;padding:0;list-style:none}.hotel-preview-module__Iq3jiW__nearby li{border-bottom:1px solid #d8e0dd;padding:15px 0}.hotel-preview-module__Iq3jiW__nearby strong{font-size:14px;font-weight:500}.hotel-preview-module__Iq3jiW__nearby p{color:var(--hotel-muted);margin-top:5px;font-size:12px}.hotel-preview-module__Iq3jiW__areaNote{color:var(--hotel-muted);margin-top:10px;font-size:11px}.hotel-preview-module__Iq3jiW__contact{text-align:center;background:var(--hotel-soft);padding:36px 6%}.hotel-preview-module__Iq3jiW__contact>p{color:var(--hotel-muted);margin-bottom:10px;font-size:11px}.hotel-preview-module__Iq3jiW__contact h3{font-size:27px;font-weight:400}.hotel-preview-module__Iq3jiW__contact small{color:var(--hotel-muted);margin-top:18px;font-size:10px;display:block}.hotel-preview-module__Iq3jiW__footer{text-align:center;padding:28px 5% 105px}.hotel-preview-module__Iq3jiW__footer strong{font-size:20px;font-weight:500}.hotel-preview-module__Iq3jiW__footer p{color:var(--hotel-muted);margin-top:8px;font-size:10px}.hotel-preview-module__Iq3jiW__floating{z-index:2;flex-direction:column;align-items:flex-end;gap:7px;max-width:calc(100% - 28px);display:flex;position:absolute;bottom:14px;right:14px}.hotel-preview-module__Iq3jiW__floating>button{border:1px solid #ffffffb3;border-radius:8px;width:54px;height:42px;box-shadow:0 2px 8px #183f3420}.hotel-preview-module__Iq3jiW__line{color:#fff;background:#067a37;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.hotel-preview-module__Iq3jiW__facebook{color:#fff;background:#1760bf;align-content:center;justify-items:center;display:grid}.hotel-preview-module__Iq3jiW__facebook b{font-family:Arial,sans-serif;font-size:24px;line-height:1}.hotel-preview-module__Iq3jiW__facebook>span{font-family:Arial,sans-serif;font-size:7px}.hotel-preview-module__Iq3jiW__message:not(:empty){color:#243737;background:#fff;border:1px solid #d1dcd8;border-radius:8px;align-items:flex-start;gap:8px;width:260px;max-width:100%;padding:12px;font-size:12px;line-height:1.7;display:flex;box-shadow:0 3px 16px #24373712}.hotel-preview-module__Iq3jiW__message button{flex-shrink:0;width:28px;min-height:28px;font-size:20px}.hotel-preview-module__Iq3jiW__frame[data-style=boutique]{--hotel-radius:16px}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__hero{grid-template-columns:50% 50%}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__heroCopy{text-align:center}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__heroImage{border-radius:100px 100px 12px 12px;min-height:385px;margin:20px 20px 20px 0;overflow:hidden}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__primaryButton{border-radius:24px}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__sectionHeading{text-align:center}.hotel-preview-module__Iq3jiW__frame[data-style=minimal]{--hotel-radius:0px}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__hero{background:#fff;grid-template-columns:48% 52%}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroCopy{padding-block:50px}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroCopy h2{font-size:clamp(26px,3.1cqi,37px)}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroImage{min-height:381px;margin:22px 22px 22px 0}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__primaryButton{border:1px solid var(--hotel-ink);color:var(--hotel-ink);background:#fff}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__facilities{background:#fff;border-block:1px solid #d8e0dd}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__introduction{padding-block:58px}@container hotel-preview (max-width:620px){.hotel-preview-module__Iq3jiW__header{flex-wrap:wrap;gap:10px;padding:20px}.hotel-preview-module__Iq3jiW__wordmark{width:100%;max-width:100%;font-size:22px}.hotel-preview-module__Iq3jiW__header nav{flex-wrap:wrap;gap:22px;width:100%}.hotel-preview-module__Iq3jiW__header nav button{font-size:12px}.hotel-preview-module__Iq3jiW__hero,.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__hero,.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__hero{grid-template-columns:1fr}.hotel-preview-module__Iq3jiW__heroCopy{padding:30px 24px}.hotel-preview-module__Iq3jiW__heroCopy h2,.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroCopy h2{font-size:30px}.hotel-preview-module__Iq3jiW__heroCopy>p{margin-top:16px;font-size:14px}.hotel-preview-module__Iq3jiW__heroImage{min-height:255px}.hotel-preview-module__Iq3jiW__frame[data-style=boutique] .hotel-preview-module__Iq3jiW__heroImage{min-height:290px;margin:0 20px 24px}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroImage{min-height:240px;margin:0 24px 24px}.hotel-preview-module__Iq3jiW__frame[data-style=minimal] .hotel-preview-module__Iq3jiW__heroCopy{padding-block:32px}.hotel-preview-module__Iq3jiW__primaryButton{font-size:14px}.hotel-preview-module__Iq3jiW__introduction{padding:36px 24px}.hotel-preview-module__Iq3jiW__introduction h3{font-size:26px}.hotel-preview-module__Iq3jiW__introduction>p:last-child{font-size:14px}.hotel-preview-module__Iq3jiW__rooms{padding:12px 24px 36px}.hotel-preview-module__Iq3jiW__sectionHeading h3{font-size:25px}.hotel-preview-module__Iq3jiW__sectionHeading p{font-size:13px}.hotel-preview-module__Iq3jiW__roomGrid{grid-template-columns:1fr;gap:25px}.hotel-preview-module__Iq3jiW__room h4{font-size:21px}.hotel-preview-module__Iq3jiW__room p,.hotel-preview-module__Iq3jiW__room button{font-size:14px}.hotel-preview-module__Iq3jiW__room small{font-size:12px}.hotel-preview-module__Iq3jiW__facilities{padding:30px 24px}.hotel-preview-module__Iq3jiW__facilities ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.hotel-preview-module__Iq3jiW__facilities li{font-size:13px}.hotel-preview-module__Iq3jiW__atmosphere{grid-template-columns:1fr;gap:25px;padding:36px 24px}.hotel-preview-module__Iq3jiW__atmosphere>div>p:last-child{font-size:14px}.hotel-preview-module__Iq3jiW__area{padding:0 24px 36px}.hotel-preview-module__Iq3jiW__areaGrid{grid-template-columns:1fr;gap:20px}.hotel-preview-module__Iq3jiW__map iframe{height:260px}.hotel-preview-module__Iq3jiW__nearby p{font-size:14px}.hotel-preview-module__Iq3jiW__contact{padding:30px 24px}.hotel-preview-module__Iq3jiW__contact small{font-size:12px}}@media (max-width:760px){.hotel-preview-module__Iq3jiW__viewport{height:min(740px,85svh);min-height:450px}.hotel-preview-module__Iq3jiW__floating{flex-flow:wrap;justify-content:flex-end;max-width:280px;bottom:10px;right:10px}.hotel-preview-module__Iq3jiW__message:not(:empty){width:100%}}
.playground-module__M9qxqW__page{width:min(1480px,100% - 64px);margin-inline:auto}.playground-module__M9qxqW__intro{padding:36px 0 28px}.playground-module__M9qxqW__eyebrow{color:var(--brand-primary-dark);margin-bottom:10px;font-size:13px;font-weight:600}.playground-module__M9qxqW__intro h1{letter-spacing:-.025em;font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.45}.playground-module__M9qxqW__intro>p:last-child{color:var(--text-body);margin-top:10px;font-size:15px;line-height:1.8}.playground-module__M9qxqW__workspace{border:1px solid var(--border);background:#f3f6f8;border-radius:16px;grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.playground-module__M9qxqW__editor{border-left:1px solid var(--border);scrollbar-width:thin;background:#fff;border-radius:0 16px 16px 0;min-width:0;max-height:846px;padding:24px 22px;overflow-y:auto}.playground-module__M9qxqW__editorHeading{justify-content:space-between;align-items:center;gap:8px;display:flex}.playground-module__M9qxqW__editorHeading h2{font-size:16px;font-weight:600}.playground-module__M9qxqW__editorHeading button{text-underline-offset:4px;color:var(--text-body);min-height:36px;padding:4px;font-size:12px;text-decoration:underline}.playground-module__M9qxqW__editorLead,.playground-module__M9qxqW__hint{color:#556575;font-size:12px;line-height:1.7}.playground-module__M9qxqW__editorLead{margin:4px 0 20px}.playground-module__M9qxqW__group{border-top:1px solid #e6ebee;padding:16px 0}.playground-module__M9qxqW__group summary{cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:14px;font-weight:600;list-style:none;display:flex}.playground-module__M9qxqW__group summary::-webkit-details-marker{display:none}.playground-module__M9qxqW__group summary:after{content:"+";margin-left:auto;font-size:20px;font-weight:400}.playground-module__M9qxqW__group[open] summary:after{content:"−"}.playground-module__M9qxqW__group summary>span{color:#556575;font-size:10px;font-weight:400}.playground-module__M9qxqW__fields{gap:7px;padding-top:14px;display:grid}.playground-module__M9qxqW__fields label{justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.playground-module__M9qxqW__fields label small{color:#687783;font-size:10px;font-weight:400}.playground-module__M9qxqW__fields input,.playground-module__M9qxqW__fields textarea{width:100%;min-width:0;font:inherit;color:#213b50;background:#fff;border:1px solid #cdd6df;border-radius:7px;padding:9px 10px;font-size:13px;line-height:1.6}.playground-module__M9qxqW__fields textarea{resize:vertical;min-height:76px;max-height:190px}.playground-module__M9qxqW__workspace :is(input,textarea,button,summary):focus-visible{outline-offset:3px;outline:3px solid #087bb7}.playground-module__M9qxqW__workspace button{cursor:pointer}.playground-module__M9qxqW__swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:14px 0;display:grid}.playground-module__M9qxqW__swatches button{border-radius:5px;justify-items:center;gap:8px;display:grid}.playground-module__M9qxqW__swatches button>span{border:1px solid #0000001a;border-radius:50%;width:30px;height:30px}.playground-module__M9qxqW__swatches button[aria-pressed=true]>span{outline-offset:3px;outline:2px solid #0b2a4a}.playground-module__M9qxqW__swatches small{color:#46596b;font-size:11px}.playground-module__M9qxqW__colorPicker{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.playground-module__M9qxqW__colorPicker input{cursor:pointer;border:1px solid #d8e0e6;width:30px;height:30px;margin-left:auto;padding:2px}.playground-module__M9qxqW__colorPicker span{color:#556575;font-size:11px}.playground-module__M9qxqW__fontChoices{gap:8px;padding-top:12px;display:grid}.playground-module__M9qxqW__fontChoices button{text-align:left;border:1px solid #d7e0e6;border-radius:8px;gap:3px;padding:12px;display:grid}.playground-module__M9qxqW__fontChoices strong{font-size:18px;font-weight:400}.playground-module__M9qxqW__fontChoices small{color:#556575;font-size:11px}.playground-module__M9qxqW__fontChoices [data-font=sarabun]{font-family:var(--font-playground-sarabun), sans-serif}.playground-module__M9qxqW__fontChoices [data-font=pridi]{font-family:var(--font-playground-pridi), serif}.playground-module__M9qxqW__fontChoices [aria-pressed=true],.playground-module__M9qxqW__styleChoices [aria-pressed=true]{background:#f0f8fd;border-color:#077ac4;box-shadow:0 0 0 1px #077ac4}.playground-module__M9qxqW__group>.playground-module__M9qxqW__hint{margin-top:10px}.playground-module__M9qxqW__upload{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding-top:16px;display:grid}.playground-module__M9qxqW__upload img{object-fit:cover;border-radius:5px;width:52px;height:56px}.playground-module__M9qxqW__upload label{margin-bottom:6px;font-size:11px;font-weight:500;display:block}.playground-module__M9qxqW__upload input{color:#556575;width:100%;min-height:32px;font-size:10px}.playground-module__M9qxqW__upload input::file-selector-button{color:#213b50;cursor:pointer;background:#fff;border:1px solid #cdd6df;border-radius:5px;padding:6px 7px;font-family:inherit;font-size:11px}.playground-module__M9qxqW__upload>p{grid-column:1/-1}.playground-module__M9qxqW__upload>p:empty{display:none}.playground-module__M9qxqW__error{color:#b12828;font-size:12px;line-height:1.65}.playground-module__M9qxqW__styleChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:14px;display:grid}.playground-module__M9qxqW__styleChoices button{border:1px solid #d7e0e6;border-radius:7px;padding:7px 5px}.playground-module__M9qxqW__styleChoices strong{margin-top:8px;font-size:11px;font-weight:600;display:block}.playground-module__M9qxqW__styleChoices small{color:#556575;margin-top:4px;font-size:9px;line-height:1.5;display:block}.playground-module__M9qxqW__styleSketch{background:#fff;border:1px solid #e1e5e7;gap:4px;height:38px;padding:6px;display:flex}.playground-module__M9qxqW__styleSketch i:first-child{background:#e5e9eb;width:40%}.playground-module__M9qxqW__styleSketch i:last-child{background:var(--swatch);flex:1}.playground-module__M9qxqW__styleSketch[data-variant=boutique]{border-radius:10px 10px 0 0;flex-direction:row-reverse}.playground-module__M9qxqW__styleSketch[data-variant=boutique] i{border-radius:7px 7px 0 0}.playground-module__M9qxqW__styleSketch[data-variant=minimal]{flex-direction:column;padding:7px 14px}.playground-module__M9qxqW__styleSketch[data-variant=minimal] i:first-child{width:100%;height:5px}.playground-module__M9qxqW__previewPanel{min-width:0}.playground-module__M9qxqW__toolbar{justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 22px;display:flex}.playground-module__M9qxqW__toolbar>span{align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.playground-module__M9qxqW__toolbar>span i{background:#22845b;border-radius:50%;width:6px;height:6px}.playground-module__M9qxqW__devices{background:#e9eef2;border:1px solid #dce3e8;border-radius:8px;padding:3px;display:flex}.playground-module__M9qxqW__devices button{color:#526575;border-radius:5px;min-height:32px;padding:6px 12px;font-size:11px}.playground-module__M9qxqW__devices [aria-pressed=true]{color:#0b2a4a;background:#fff;box-shadow:0 1px 3px #0b2a4a12}.playground-module__M9qxqW__previewStage{padding:0 20px 20px}.playground-module__M9qxqW__previewWidth{background:#fff;border:1px solid #dce3e8;border-radius:7px;width:100%;max-width:100%;margin-inline:auto;overflow:clip}.playground-module__M9qxqW__previewWidth[data-device=mobile]{border-radius:18px;width:390px}.playground-module__M9qxqW__mobileTabs,.playground-module__M9qxqW__mobilePreviewButton{display:none}.playground-module__M9qxqW__conversion{color:#fff;background:var(--dark-bg,#071d33);border-radius:16px;justify-content:space-between;align-items:center;gap:36px;margin:36px 0 56px;padding:36px 44px;display:flex}.playground-module__M9qxqW__conversion>div{max-width:690px}.playground-module__M9qxqW__conversionBrand{color:#b8d9e9;margin-bottom:10px;font-size:12px}.playground-module__M9qxqW__conversion h2{margin-bottom:10px;font-size:clamp(25px,2.3vw,32px);font-weight:500}.playground-module__M9qxqW__conversion h2+p{color:#c4d2df;font-size:14px;line-height:1.8}.playground-module__M9qxqW__conversion>a{flex-shrink:0}.playground-module__M9qxqW__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1150px){.playground-module__M9qxqW__page{width:calc(100% - 40px)}.playground-module__M9qxqW__workspace{grid-template-columns:minmax(0,1fr) 300px}.playground-module__M9qxqW__editor{padding-inline:18px}.playground-module__M9qxqW__previewStage{padding-inline:12px}.playground-module__M9qxqW__conversion{padding:30px}}@media (max-width:760px){.playground-module__M9qxqW__page{width:calc(100% - 28px)}.playground-module__M9qxqW__intro{padding:26px 2px 22px}.playground-module__M9qxqW__intro h1{max-width:22ch;font-size:25px}.playground-module__M9qxqW__intro>p:last-child{font-size:14px}.playground-module__M9qxqW__workspace{border-radius:12px;display:block}.playground-module__M9qxqW__mobileTabs{border-bottom:1px solid #dce3e8;gap:8px;padding:8px;display:flex}.playground-module__M9qxqW__mobileTabs button{color:#425b6e;border-radius:7px;flex:1;min-height:44px;padding:10px;font-size:14px}.playground-module__M9qxqW__mobileTabs [aria-pressed=true]{color:#fff;background:#0b2a4a}.playground-module__M9qxqW__workspace[data-panel=preview] .playground-module__M9qxqW__editor,.playground-module__M9qxqW__workspace[data-panel=editor] .playground-module__M9qxqW__previewPanel{display:none}.playground-module__M9qxqW__editor{border-left:0;border-radius:0 0 12px 12px;max-height:none;padding:20px;overflow:visible}.playground-module__M9qxqW__fields input,.playground-module__M9qxqW__fields textarea{font-size:16px}.playground-module__M9qxqW__toolbar{height:auto;min-height:58px;padding:10px 12px}.playground-module__M9qxqW__toolbar>span{font-size:11px}.playground-module__M9qxqW__devices button{min-height:36px;padding:7px 10px}.playground-module__M9qxqW__previewStage{padding:0 6px 12px}.playground-module__M9qxqW__mobilePreviewButton{color:#fff;background:#0b2a4a;border-radius:8px;width:100%;margin-top:18px;padding:12px;font-size:14px;display:block}.playground-module__M9qxqW__conversion{border-radius:12px;flex-direction:column;align-items:stretch;gap:24px;margin:24px 0 36px;padding:28px 22px}.playground-module__M9qxqW__conversionBrand{font-size:11px}}
@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2m2jj329378-j.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.1hwnmpdlfbr5r.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.436q8r5--eamd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.41_1bbhnqcn3l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.3w1e23hf7mhof.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.3_tzb9xzdxfhl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.3sa03-u70a6zc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.33ndw2snxq3le.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_177a9b96-module__yn8wkG__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_177a9b96-module__yn8wkG__variable{--font-playground-sarabun:"Sarabun", "Sarabun Fallback"}
@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0cde219e8a353129-s.p.2yy59bl3bgmnf.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b2f3c4da81482e5-s.15j-8zechzefp.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2ff8dac6e223e54e-s.3yq5zler3zza8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pridi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9b2abb95c130a886-s.p.3qg70pqyjzgm4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/64c0de2069f1e4b3-s.p.17eljw4s18gwh.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/29ee150469f9f399-s.3pkhefx0z1ah7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7242c33d2c8d7711-s.361dc6o_hxhg9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pridi;font-style:normal;font-weight:600;font-display:swap;src:url(../media/01daec4b1cac24af-s.p.1xo_ccst9m306.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pridi Fallback;src:local(Times New Roman);ascent-override:93.1%;descent-override:38.09%;line-gap-override:0.0%;size-adjust:118.15%}.pridi_e9fe7a3f-module__hJx3AG__className{font-family:Pridi,Pridi Fallback;font-style:normal}.pridi_e9fe7a3f-module__hJx3AG__variable{--font-playground-pridi:"Pridi", "Pridi Fallback"}