._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_19q7r_1{flex-direction:column;flex:1;min-height:0;display:flex}._preview_19q7r_8{min-height:0;padding:var(--space-sm);background:var(--surface);border-bottom:var(--border);flex:1 1 0;place-items:start center;display:grid;overflow:hidden}._previewCanvas_19q7r_45{transform:translateY(-2%)}._actions_19q7r_49{gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}._actionButton_19q7r_57{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_19q7r_57:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}._actionButton_19q7r_57:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}._tabs_19q7r_79{gap:var(--space-xs);padding:0 var(--space-md);border-bottom:var(--border);background:var(--surface);display:flex}._tab_19q7r_79{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;font-weight:800}._tab_19q7r_79[aria-selected=true]{color:var(--ink);border-bottom-color:var(--pink)}._options_19q7r_104{--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);height:calc(var(--cell) * 1.55 + var(--pad-y) * 2);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_19q7r_104::-webkit-scrollbar{display:none}._option_19q7r_104{aspect-ratio:1;appearance:none;border:var(--border);border-radius:var(--radius);background:var(--surface);padding:0;display:block;overflow:hidden}._optionInner_19q7r_164{justify-content:center;align-items:center;width:100%;height:100%;display:flex}._optionCanvas_19q7r_174{aspect-ratio:1;width:86%;height:auto}._optionPart_19q7r_182{aspect-ratio:1;width:100%;height:auto}._optionNone_19q7r_192{width:100%;height:100%;color:var(--gray-400);place-items:center;display:grid}._optionNone_19q7r_192 svg{aspect-ratio:1;width:82%;height:auto}._option_19q7r_104[aria-pressed=true]{background:var(--yellow);box-shadow:var(--shadow-sm)}._swatch_19q7r_214{aspect-ratio:1;border:var(--border);border-radius:50%;width:70%;margin:auto}._customOption_19q7r_225{cursor:pointer;background:conic-gradient(#ff4d4d,#ffd24d,#4dff88,#4dd2ff,#7a4dff,#ff4dd2,#ff4d4d);position:relative}._customOption_19q7r_225[data-selected]{box-shadow:var(--shadow-sm)}._customSwatch_19q7r_235{aspect-ratio:1;border:var(--border);pointer-events:none;border-radius:50%;width:62%;margin:auto}._colorInput_19q7r_245{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}._bottomBar_19q7r_256{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_19q7r_265{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_19q7r_265:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}._bottomButton_19q7r_265:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}@media (height<=780px){._actions_19q7r_49{padding:var(--space-sm) var(--space-md)}._options_19q7r_104{--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_19q7r_256{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:2.5px 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}