._stage_2i1z1_1{min-height:100dvh;padding:var(--space-xl);place-items:center;display:grid}._scaler_2i1z1_12{width:calc(var(--frame-width) * var(--frame-scale));height:calc(var(--frame-height) * var(--frame-scale))}._frame_2i1z1_17{--frame-inner-width:var(--frame-width);--top-bar:56px;--top-gutter:var(--space-md);--top-height:calc(var(--top-bar) + var(--top-gutter) * 2);width:var(--frame-width);height:var(--frame-height);background:var(--surface);border-radius:var(--radius-xl);border:var(--border);box-shadow:10px 10px 0 var(--ink);transform:scale(var(--frame-scale));transform-origin:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=700px){._stage_2i1z1_1{place-items:stretch stretch;padding:0}._scaler_2i1z1_12{width:100%;height:100dvh}._frame_2i1z1_17{--frame-inner-width:100vw;width:100%;height:100dvh;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:none;border-radius:0;transform:none}}._topBar_2i1z1_79{height:var(--top-bar);margin:var(--top-gutter);padding:0 var(--space-sm) 0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);z-index:3;flex:none;display:flex;position:relative}._title_2i1z1_98{align-items:center;gap:var(--space-sm);min-width:0;font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:-.01em;color:var(--surface);margin:0;font-weight:800;display:flex}._logo_2i1z1_112{flex:none;width:auto;height:26px}._product_2i1z1_120{white-space:nowrap;border-inline-start:1.5px solid #ffffff59;padding-inline-start:var(--space-sm)}._menuButton_2i1z1_126{width:42px;height:42px;color:var(--surface);background:0 0;border:none;place-items:center;padding:0;display:grid}._menuButton_2i1z1_126:active{color:var(--yellow)}@media (height<=780px){._frame_2i1z1_17{--top-gutter:var(--space-sm)}}._menuPanel_2i1z1_152{inset:var(--top-height) 0 auto 0;z-index:2;background:var(--surface);border-bottom:var(--border);padding:var(--space-lg) var(--space-lg) var(--space-xl);gap:var(--space-lg);display:grid;position:absolute;box-shadow:0 10px #1d1d1b1f}._menuScrim_2i1z1_164{inset:var(--top-height) 0 0 0;z-index:1;background:#00000059;border:none;padding:0;position:absolute}._menuLabel_2i1z1_173{font-size:var(--text-caption-sm);line-height:var(--leading-caption-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0;font-weight:800}._langSwitch_2i1z1_183{border:var(--border);border-radius:var(--radius);background:var(--surface);display:flex;overflow:hidden}._langOption_2i1z1_191{border:none;border-inline-end:var(--border);background:var(--surface);flex:1;min-height:40px;font-weight:700}._langOption_2i1z1_191:last-child{border-inline-end:none}._langOption_2i1z1_191[aria-pressed=true]{background:var(--pink);color:var(--white)}._menuNav_2i1z1_209{gap:var(--space-xs);display:grid}._menuLink_2i1z1_214{min-height:44px;padding:0 var(--space-md);border-radius:var(--radius);border:var(--border);background:var(--surface);text-align:start;color:inherit;align-items:center;width:100%;font-weight:700;text-decoration:none;display:flex}._menuLink_2i1z1_214:active{background:var(--yellow)}._socialRow_2i1z1_233{gap:var(--space-sm);display:flex}._socialButton_2i1z1_244{width:44px;height:44px;color:inherit;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}._socialIcon_2i1z1_260{filter:drop-shadow(3px 3px 0 var(--ink));display:block}._socialButton_2i1z1_244:active ._socialIcon_2i1z1_260{filter:drop-shadow(1px 1px 0 var(--ink));transform:translate(2px,2px)}._creditLink_2i1z1_270{font-size:var(--text-caption-sm);line-height:var(--leading-caption-sm);color:var(--ink);text-underline-offset:2px;text-decoration:underline;display:block}._content_2i1z1_279{flex-direction:column;flex:auto;min-height:0;display:flex}._scrim_puko0_1{z-index:10;padding:var(--space-xl);background:#00000073;place-items:center;display:grid;position:absolute;inset:0}._dialog_puko0_11{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);width:100%;max-width:320px;padding:var(--space-xl);gap:var(--space-lg);box-shadow:var(--shadow);display:grid}._dialogTitle_puko0_23{font-size:var(--text-body-md);line-height:var(--leading-body-md);margin:0;font-weight:800}._dialogText_puko0_30{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--ink-soft);margin:0}._input_puko0_37{width:100%;min-height:46px;padding:0 var(--space-lg);border:var(--border);border-radius:var(--radius);background:var(--surface-soft);font-weight:600}._input_puko0_37[aria-invalid=true]{background:var(--red-50)}._fieldError_puko0_51{margin:var(--space-xs) 0 0;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--danger);font-weight:700}._dialogActions_puko0_59{gap:var(--space-sm);display:flex}._button_puko0_64{min-height:46px;padding:0 var(--space-lg);border:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex:1;font-weight:800}._button_puko0_64:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}._button_puko0_64:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}._buttonPrimary_puko0_86{background:var(--pink);color:var(--white)}._buttonDanger_puko0_91{background:var(--danger);color:var(--white)}._banner_puko0_96{padding:var(--space-md);border:var(--border);border-radius:var(--radius);background:var(--yellow);color:var(--ink);font-size:var(--text-caption-sm);line-height:var(--leading-caption-sm);margin:0;font-weight:600}._bannerWarn_puko0_108{background:var(--pink);color:var(--white)}._centered_puko0_113{place-content:center;justify-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;color:var(--ink);flex:1;font-weight:600;display:grid}._toast_puko0_125{left:50%;bottom:var(--space-xl);z-index:12;max-width:88%;padding:var(--space-md) var(--space-lg);border:var(--border);border-radius:var(--radius-pill);background:var(--navy);color:var(--white);font-size:var(--text-caption);line-height:var(--leading-caption);text-align:center;box-shadow:var(--shadow-sm);font-weight:700;position:absolute;transform:translate(-50%)}._page_1p123_1{--pad-x:var(--space-md);--pad-y:var(--space-lg);--gap:var(--space-md);--cell:calc((var(--frame-inner-width) - var(--pad-x) * 2 - var(--gap) * 2) / 3);--picker-height:calc(var(--cell) * 1.55 + var(--pad-y) * 2);flex-direction:column;flex:1;min-height:0;display:flex}._preview_1p123_27{min-height:0;padding:var(--space-sm);background:var(--surface);border-bottom:var(--border);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:1 1 0;place-items:start center;display:grid;overflow:hidden}._previewCanvas_1p123_67{pointer-events:none;transform:translateY(-2%)}._actions_1p123_87{gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}._actionButton_1p123_95{border:var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;font-size:var(--text-caption);line-height:var(--leading-caption);box-shadow:var(--shadow-sm);font-weight:800}._actionButton_1p123_95:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}._actionButton_1p123_95:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}._tabs_1p123_123{gap:var(--space-xs);padding:0 var(--space-md);border-bottom:var(--border);background:var(--surface);scrollbar-width:none;display:flex;overflow-x:auto}._tabs_1p123_123::-webkit-scrollbar{display:none}._tab_1p123_123{white-space:nowrap;border:none;min-height:44px;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--ink-soft);background:0 0;border-bottom:4px solid #0000;flex:1 0 auto;font-weight:800}._tab_1p123_123[aria-selected=true]{color:var(--ink);border-bottom-color:var(--pink)}._options_1p123_157{height:var(--picker-height);scrollbar-width:none;padding:var(--pad-y) var(--pad-x);grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--cell);gap:var(--gap);background:var(--surface-soft);flex:none;align-content:start;display:grid;overflow-y:auto}._options_1p123_157::-webkit-scrollbar{display:none}._option_1p123_157{aspect-ratio:1;appearance:none;border:var(--border);border-radius:var(--radius);background:var(--surface);padding:0;display:block;position:relative;overflow:hidden}._optionInner_1p123_202{justify-content:center;align-items:center;width:100%;height:100%;display:flex}._optionCanvas_1p123_212{aspect-ratio:1;width:86%;height:auto}._optionPart_1p123_220{aspect-ratio:1;width:100%;height:auto}._optionBadge_1p123_235{top:var(--space-2xs);right:var(--space-2xs);color:var(--ink);pointer-events:none;place-items:center;display:grid;position:absolute}._optionNone_1p123_249{width:100%;height:100%;color:var(--gray-400);place-items:center;display:grid}._optionNone_1p123_249 svg{aspect-ratio:1;width:82%;height:auto}._option_1p123_157[aria-pressed=true]{background:var(--yellow);box-shadow:var(--shadow-sm)}._swatch_1p123_271{aspect-ratio:1;border:var(--border);border-radius:50%;width:70%;margin:auto}._colorPanel_1p123_289{height:var(--picker-height);scrollbar-width:none;padding:var(--pad-y) var(--pad-x);gap:var(--space-md);background:var(--surface-soft);--ring:4px;--row-overhead:calc(var(--space-sm) * 2 + var(--border-width) * 2);--icon:min(56px, (var(--picker-height) - var(--pad-y) * 2 - var(--space-md) - var(--row-overhead) * 2) / 2);--swatch:min(36px, ( var(--frame-inner-width) - var(--pad-x) * 2 - var(--space-sm) * 2 - var(--icon) - var(--space-sm) * 6 ) / 6);flex-direction:column;flex:none;display:flex;overflow-y:auto}._colorPanel_1p123_289::-webkit-scrollbar{display:none}._colorGroup_1p123_345{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);flex:none}._colorRow_1p123_352{align-items:center;gap:var(--space-sm);padding:var(--space-sm);flex:none;display:flex}._colorPieces_1p123_362{border-top:var(--border);flex-direction:column;display:flex}._colorPieceRow_1p123_368{padding-left:var(--space-xl)}._colorPieceRow_1p123_368+._colorPieceRow_1p123_368{border-top:1px solid var(--gray-200)}._colorPieceRow_1p123_368 ._colorIcon_1p123_378{width:calc(var(--icon) - var(--space-sm));height:calc(var(--icon) - var(--space-sm))}._colorSplit_1p123_385{appearance:none;width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}._colorSplit_1p123_385 svg{transition:transform .12s}._colorSplit_1p123_385[aria-expanded=true] svg{transform:rotate(180deg)}._colorIcon_1p123_378{width:var(--icon);height:var(--icon);flex:none;place-items:center;display:grid}._colorIcon_1p123_378 canvas{width:100%;height:100%}._colorChoices_1p123_430{align-items:center;gap:var(--space-sm);scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;display:flex;overflow-x:auto}._colorChoices_1p123_430::-webkit-scrollbar{display:none}._colorSwatch_1p123_445{width:var(--swatch);height:var(--swatch);appearance:none;border:var(--border);cursor:pointer;border-radius:50%;flex:none;padding:0}._colorSwatch_1p123_445[aria-pressed=true]{box-shadow:inset 0 0 0 calc(var(--ring) / 2) var(--surface), inset 0 0 0 var(--ring) var(--ink)}._colorWheel_1p123_480{width:var(--swatch);height:var(--swatch);border:var(--border);cursor:pointer;background:conic-gradient(#ff4d4d,#ffd24d,#4dff88,#4dd2ff,#7a4dff,#ff4dd2,#ff4d4d);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}._colorWheelSwatch_1p123_493{width:calc(100% - var(--ring) * 2);aspect-ratio:1;pointer-events:none;border-radius:50%}._colorInput_1p123_501{opacity:0;cursor:pointer;border:none;border-radius:50%;width:100%;height:100%;padding:0;position:absolute;inset:0}._bottomBar_1p123_513{gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-lg);border-top:var(--border);background:var(--surface);flex:none;display:flex}._bottomButton_1p123_522{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:48px;box-shadow:var(--shadow);flex:1;place-items:center;font-weight:800;display:grid}._bottomButton_1p123_522:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}._bottomButton_1p123_522:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}@media (height<=780px){._actions_1p123_87{padding:var(--space-sm) var(--space-md)}._options_1p123_157{--pad-y:var(--space-sm);height:clamp(calc(var(--cell) + var(--pad-y) * 2), 22vh, calc(var(--cell) * 1.55 + var(--pad-y) * 2))}._bottomBar_1p123_513{padding:var(--space-sm) var(--space-md)}}@font-face{font-family:FC Minimal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fc-minimal-400.woff2)format("woff2")}@font-face{font-family:FC Minimal;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fc-minimal-600.woff2)format("woff2")}@font-face{font-family:FC Minimal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fc-minimal-700.woff2)format("woff2")}@font-face{font-family:MN KhaoMak;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/mn-khaomak-italic.woff2)format("woff2")}:root{--frame-width:390px;--frame-height:844px;--frame-scale:1;--black:#1d1d1b;--dark-gray:#383838;--white:#fff;--yellow-50:#fffbe6;--yellow-100:#fff4bf;--yellow-200:#ffeb8c;--yellow-300:#ffe259;--yellow-400:#ffda26;--yellow-500:#ffd300;--yellow-600:#d9b300;--yellow-700:#b39400;--yellow-800:#806900;--yellow-900:#4d3f00;--green-50:#f0f8ed;--green-100:#dbedd1;--green-200:#bedfac;--green-300:#a1d087;--green-400:#84c263;--green-500:#6eb747;--green-600:#5d9c3c;--green-700:#4d8032;--green-800:#375c23;--green-900:#213715;--blue-50:#ebecf4;--blue-100:#cecfe4;--blue-200:#a7a8ce;--blue-300:#8082b8;--blue-400:#585ba2;--blue-500:#3b3e91;--blue-600:#32357b;--blue-700:#292b66;--blue-800:#1d1f49;--blue-900:#12132c;--red-50:#fae9e9;--red-100:#f3c7c9;--red-200:#ea9a9e;--red-300:#e16d73;--red-400:#d74047;--red-500:#d01e27;--red-600:#b11a21;--red-700:#92151b;--red-800:#680f14;--red-900:#3e090c;--pink-50:#fdeaee;--pink-100:#f9c8d5;--pink-200:#f4a1b4;--pink-300:#ef7793;--pink-400:#eb4d72;--pink-500:#e72e59;--pink-600:#c4274c;--pink-700:#a2203e;--pink-800:#74172c;--pink-900:#450e1b;--gray-50:#f7f7f7;--gray-100:#ededed;--gray-200:#d9d9d9;--gray-300:#b3b3b3;--gray-400:#8c8c8c;--gray-500:#666;--gray-600:#4d4d4d;--gray-700:#383838;--gray-800:#262626;--gray-900:#171717;--link:#2563eb;--success:#16a34a;--warning:#f59e0b;--danger:var(--red-500);--yellow:var(--yellow-500);--navy:var(--blue-500);--pink:var(--pink-500);--ink:var(--black);--ink-soft:var(--gray-500);--line:var(--black);--surface:var(--white);--surface-soft:var(--yellow-100);--text-body-lg:24px;--leading-body-lg:32px;--text-body-md:18px;--leading-body-md:26px;--text-body-sm:16px;--leading-body-sm:24px;--text-caption:14px;--leading-caption:20px;--text-caption-sm:12px;--leading-caption-sm:16px;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--border-width:2.5px;--border:var(--border-width) solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"MN KhaoMak", "FC Minimal", sans-serif;font-family:FC Minimal,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--yellow);-webkit-font-smoothing:antialiased;background-attachment:fixed}@media (width>=701px){body{background:var(--surface-soft)}}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}