:root,[data-theme=light]{--paper: #fbf8f2;--paper-raised: #ffffff;--paper-sunk: #f2ede3;--line: #e6dfd2;--line-strong: #8a8376;--ink: #1b1a17;--ink-muted: #5f5a50;--on-color: #1b1a17;--on-ink: #fbf8f2;--sun: #ffc93c;--sun-soft: #fff1c7;--mint: #3ccf8e;--mint-ink: #127a4f;--sky: #5ab8f0;--coral: #ff7a6b;--danger: #b4291b;--facebook: #0866ff;--line-app: #06c755;--on-brand: #ffffff;--scrim: rgba(27, 26, 23, .55);--shadow-card: 0 1px 0 rgba(27, 26, 23, .06), 0 8px 24px rgba(27, 26, 23, .08);--shadow-press: 0 3px 0 #1b1a17}[data-theme=dark]{--paper: #15130f;--paper-raised: #201d18;--paper-sunk: #0e0d0a;--line: #36322b;--ink: #f4efe6;--ink-muted: #b3ab9e;--on-ink: #15130f;--sun-soft: #3a2e0a;--mint-ink: #5fe0a6;--danger: #ff8a7a;--scrim: rgba(0, 0, 0, .65);--shadow-card: 0 1px 0 rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);--shadow-press: 0 3px 0 #000000}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Bricolage Grotesque", "Anuphan", system-ui, sans-serif;--font-sans: "Anuphan", "Noto Sans Thai", system-ui, -apple-system, sans-serif;--content-max: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--mint-ink)}a:hover{color:#0d5c3b}[data-theme=dark] a:hover{color:var(--mint)}img{max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pg-icon{flex:none;display:block}.pg-tint-sun{background:var(--sun)}.pg-tint-mint{background:var(--mint)}.pg-tint-sky{background:var(--sky)}.pg-tint-coral{background:var(--coral)}.pg-f-sun{fill:var(--sun)}.pg-f-mint{fill:var(--mint)}.pg-f-sky{fill:var(--sky)}.pg-f-coral{fill:var(--coral)}.pg-btn{box-sizing:border-box;font:inherit;font-weight:700;font-size:16px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.pg-btn-md{height:48px;padding:0 var(--space-6)}.pg-btn-lg{height:56px;padding:0 var(--space-8);font-size:18px}.pg-btn-block{display:flex;width:100%}.pg-btn-primary{background:var(--sun);color:var(--on-color);border-color:var(--on-color);box-shadow:var(--shadow-press)}.pg-btn-primary:hover{background:#ffd45e;color:var(--on-color)}.pg-btn-primary:active{transform:translateY(3px);box-shadow:none}.pg-btn-secondary{background:var(--paper-raised);color:var(--ink);border-color:var(--line-strong)}.pg-btn-secondary:hover{border-color:var(--ink);color:var(--ink)}.pg-btn-ink{background:var(--ink);color:var(--on-ink)}.pg-btn-danger{background:var(--danger);color:#fff}.pg-btn-danger:hover{filter:brightness(1.08)}.pg-btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.pg-btn:disabled,.pg-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.pg-btn[aria-busy=true]{cursor:progress}.pg-share-facebook{background:var(--facebook);color:var(--on-brand)}.pg-share-facebook:hover{color:var(--on-brand)}.pg-share-line{background:var(--line-app);color:var(--on-brand)}.pg-share-download,.pg-share-copy{background:var(--paper-raised);color:var(--ink);border-color:var(--line-strong)}.pg-share:hover{filter:brightness(1.05)}.pg-share:active{transform:scale(.98)}.pg-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:pg-spin .7s linear infinite}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-chip{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;font-family:var(--font-display);font-weight:800;font-size:18px;line-height:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper-raised);border-radius:var(--radius-pill);padding:4px var(--space-2)}.pg-gap-badge{background:var(--ink);color:var(--on-ink);font-family:var(--font-display);font-weight:800;font-size:14px;line-height:16px;padding:6px 10px;border-radius:var(--radius-pill);white-space:nowrap}.pg-gap-badge--center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.pg-gap-badge--ring{box-shadow:0 0 0 4px var(--paper-raised)}.pg-strip{margin:0;background:var(--paper-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-2)}.pg-strip-body{position:relative}.pg-strip-row{display:flex;gap:var(--space-2)}.pg-panel{position:relative;flex:1 1 0;aspect-ratio:3 / 4;border-radius:var(--radius-sm);background-size:cover;background-position:center;overflow:hidden}.pg-panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pg-strip-sm{padding:6px;border-radius:var(--radius-md);box-shadow:none;background:var(--paper-sunk)}.pg-strip-sm .pg-strip-row{gap:6px}.pg-strip-sm .pg-chip{top:var(--space-2);left:var(--space-2);font-size:12px;line-height:14px;padding:2px 6px}.pg-strip-foot{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-1) 0;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.02em;color:var(--ink-muted);text-transform:uppercase}.pg-strip-foot span:last-child{text-transform:none}.pg-tile{position:relative;display:block;width:148px;height:197px;padding:0;border:0;border-radius:var(--radius-md);background:var(--tile-tint);cursor:pointer;font:inherit;color:var(--on-color);overflow:hidden;-webkit-tap-highlight-color:transparent}.pg-tile:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.pg-tile--empty{background:color-mix(in srgb,var(--tile-tint) 35%,var(--paper-raised))}.pg-tile-empty{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:2px dashed var(--line-strong);border-radius:10px;font-weight:700;font-size:14px}[data-theme=dark] .pg-tile-empty{color:var(--ink)}.pg-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pg-tile-tag{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;font-size:12px;line-height:16px;font-weight:700;padding:4px 8px;border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink);text-align:center}.pg-tile-remove{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card)}.pg-tile-remove:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.pg-tile-wrap{position:relative}.pg-tile-add{width:148px;height:197px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;background:transparent;border:2px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-muted);font:inherit;font-weight:700;font-size:14px;cursor:pointer}.pg-tile-add:hover{border-color:var(--ink);color:var(--ink)}.pg-tile-add:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media (min-width: 900px){.pg-tile,.pg-tile-add{width:100%;height:auto;aspect-ratio:3 / 4;border-radius:var(--radius-lg)}.pg-tile{box-shadow:var(--shadow-card)}.pg-tile-empty{top:8px;right:8px;bottom:8px;left:8px;gap:6px;border-radius:var(--radius-md);font-size:15px}.pg-tile-tag{left:10px;right:10px;bottom:10px;padding:5px 8px}.pg-tile-add{font-size:15px;gap:6px}}.pg-card{position:relative;display:grid;gap:var(--space-3);box-sizing:border-box;padding:var(--space-3);text-align:left;font:inherit;color:var(--ink);text-decoration:none;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease}a.pg-card:hover{transform:translateY(-2px);color:var(--ink)}.pg-card:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.pg-card-media{position:relative}.pg-card-media .pg-panel{aspect-ratio:auto;height:108px}.pg-card-body{display:grid;gap:var(--space-1);padding:0 var(--space-1) var(--space-1)}.pg-card-titlerow{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pg-card-title{font-size:18px;line-height:24px;font-weight:700}.pg-card-meta{display:flex;gap:var(--space-2);align-items:center;font-size:14px;line-height:20px;color:var(--ink-muted)}.pg-count{background:var(--paper-sunk);border-radius:var(--radius-pill);padding:2px var(--space-2);color:var(--ink);font-weight:600}.pg-badge{font-size:12px;line-height:16px;font-weight:700;background:var(--sun);color:var(--on-color);border-radius:var(--radius-pill);padding:2px 8px}@media (min-width: 900px){.pg-card-media .pg-panel{height:200px}}.pg-header{position:sticky;top:0;z-index:10;box-sizing:border-box;width:100%;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:64px;padding:0 var(--space-4);background:var(--paper);border-bottom:1px solid var(--line)}.pg-logo{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;text-decoration:none;color:var(--ink)}.pg-logo:hover{color:var(--ink)}.pg-wordmark{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1;letter-spacing:-.03em}.pg-wordmark span{color:var(--mint)}.pg-lang{position:relative;flex:none}.pg-lang-btn{font:inherit;font-size:14px;font-weight:700;line-height:20px;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper-raised);color:var(--ink);cursor:pointer}.pg-lang-btn:hover{border-color:var(--ink)}.pg-lang-btn:focus-visible,.pg-lang-menu button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.pg-lang-menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:20;width:220px;max-height:336px;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.pg-lang-menu button{font:inherit;font-size:15px;line-height:20px;width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.pg-lang-menu button:hover{background:var(--paper-sunk)}.pg-lang-menu button.is-on{font-weight:700;color:var(--mint-ink)}.pg-ad{display:flex;flex-direction:column;align-items:center;gap:4px}.pg-ad-label{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;color:var(--ink-muted)}.pg-ad-box{display:grid;place-items:center;max-width:100%;background:var(--paper-sunk);border:1px solid var(--line);border-radius:6px;color:var(--ink-muted);font-size:13px;font-weight:600}.pg-ad-box--banner{width:320px;height:50px}.pg-ad-size-lg{display:none}@media (min-width: 900px){.pg-ad{gap:6px}.pg-ad-box--banner{width:728px;height:90px;border-radius:8px;font-size:14px}.pg-ad-size-sm{display:none}.pg-ad-size-lg{display:inline}}.pg-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-2);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:14px;line-height:20px;font-weight:600;box-shadow:var(--shadow-card);animation:pg-toast-in .18s ease-out}@keyframes pg-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.pg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.pg-sheet{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:24px 16px calc(32px + env(safe-area-inset-bottom));background:var(--paper-raised);border-radius:22px 22px 0 0}.pg-sheet h2{margin:0;font-family:var(--font-display);font-size:26px;line-height:30px;font-weight:800;letter-spacing:-.02em}.pg-sheet p{margin:0 0 8px;font-size:15px;line-height:22px;color:var(--ink-muted)}@media (min-width: 900px){.pg-scrim{align-items:center}.pg-sheet{max-width:440px;padding:28px 24px;border-radius:var(--radius-lg)}}.pg-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.pg-main{flex-grow:1;display:flex;flex-direction:column;gap:20px;width:100%;padding:20px 16px}.pg-main--tight{gap:16px;padding-top:16px;padding-bottom:16px}.pg-hero{display:flex;flex-direction:column;gap:6px}.pg-title{margin:0;font-family:var(--font-display);font-size:36px;line-height:38px;font-weight:800;letter-spacing:-.02em}.pg-title--compact{font-size:32px;line-height:34px}.pg-title--hero{font-size:40px;line-height:42px}.pg-lede{margin:0;font-size:16px;line-height:24px;color:var(--ink-muted)}.pg-actions{display:flex;flex-direction:column;gap:12px}.pg-hint{margin:0;text-align:center;font-size:13px;line-height:18px;color:var(--ink-muted)}.pg-hint--error{color:var(--danger);font-weight:600}.pg-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-share-grid .pg-btn{padding:0 8px;font-size:15px}.pg-links{display:flex;justify-content:center;gap:24px;font-size:14px;line-height:20px;font-weight:600}.pg-links a{padding:4px 0}.pg-page-ad{margin:0 16px;padding:12px 0 16px;border-top:1px solid var(--line)}.pg-split-text{display:contents}.pg-split-text>.pg-hero{order:-1}.pg-split-text>.pg-actions{order:1;margin-top:auto}.pg-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-items:center}.pg-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-pair-col{display:contents}.pg-pair-col:first-child>*{grid-column:1}.pg-pair-col:last-child>*{grid-column:2}.pg-pair-label{grid-row:1;text-align:center;font-size:14px;font-weight:700;color:var(--ink-muted)}.pg-pair .pg-tile-wrap{grid-row:2;width:100%}.pg-pair .pg-tile{width:100%;height:auto;aspect-ratio:3 / 4}.pg-pair-badge{grid-row:2;grid-column:1 / -1;justify-self:center;align-self:center;z-index:2;box-shadow:0 0 0 4px var(--paper)}.pg-result-strip{width:100%}.pg-main--result .pg-split-text>.pg-actions{margin-top:0}.pg-split-text>.pg-result-links{order:2;margin-top:auto}.pg-template-list{display:flex;flex-direction:column;gap:16px}.pg-sponsored{cursor:default;box-shadow:none;grid-template-columns:96px minmax(0,1fr);align-items:center}.pg-sponsored-media{width:96px;height:96px;display:grid;place-items:center;background:var(--paper-sunk);border-radius:var(--radius-md);color:var(--ink-muted);font-size:12px;font-weight:600}.pg-sponsored-body{display:flex;flex-direction:column;gap:4px;min-width:0}.pg-sponsored-tag{align-self:flex-start;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.04em;color:var(--ink-muted);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:1px 6px}.pg-sponsored-title{font-size:16px;line-height:22px;font-weight:700}.pg-sponsored-meta{font-size:13px;line-height:18px;color:var(--ink-muted)}.pg-home-footer{margin-top:auto}.pg-narrow{width:100%;max-width:560px;margin:0 auto}.pg-panel-box{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}.pg-account{display:flex;align-items:center;gap:12px;padding:12px}.pg-account img{width:48px;height:48px;flex:none;border-radius:var(--radius-pill);object-fit:cover;object-position:50% 30%}.pg-account-who{display:flex;flex-direction:column;flex-grow:1;min-width:0}.pg-account-name{font-size:16px;line-height:22px;font-weight:700}.pg-account-sub{font-size:14px;line-height:20px;color:var(--ink-muted)}.pg-section{display:flex;flex-direction:column;gap:8px}.pg-section-title{margin:0;font-size:16px;line-height:22px;font-weight:700}.pg-kept{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.pg-kept li{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:15px;line-height:20px}.pg-kept li+li{border-top:1px solid var(--line)}.pg-kept li span:last-child{color:var(--ink-muted);text-align:right}.pg-danger-zone{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:16px;border:2px solid var(--danger);border-radius:var(--radius-lg)}.pg-danger-zone h2{margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--danger)}.pg-danger-zone p{margin:0;font-size:14px;line-height:20px;color:var(--ink-muted)}.pg-empty-note{margin:0;padding:16px;font-size:15px;line-height:22px;color:var(--ink-muted)}.pg-policy-updated{margin:0;font-size:13px;line-height:18px;color:var(--ink-muted)}.pg-policy p{margin:0;font-size:15px;line-height:22px;color:var(--ink-muted)}.pg-done{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.pg-done-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--mint);color:var(--on-color)}.pg-done-code{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--paper-sunk);border-radius:var(--radius-md)}.pg-done-code span:first-child{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em;color:var(--ink-muted)}.pg-done-code span:last-child{font-family:ui-monospace,Menlo,monospace;font-size:18px;line-height:24px;font-weight:700}@media (min-width: 900px){.pg-main{max-width:var(--content-max);margin:0 auto;padding:64px 32px 40px;gap:40px}.pg-main--tight{padding-top:64px}.pg-hero{gap:12px}.pg-title{font-size:56px;line-height:56px;letter-spacing:-.03em}.pg-title--compact,.pg-title--hero{font-size:64px;line-height:60px}.pg-lede{font-size:18px;line-height:28px}.pg-hint{text-align:left;font-size:14px;line-height:20px}.pg-share-grid{gap:12px}.pg-share-grid .pg-btn{font-size:16px}.pg-links{justify-content:flex-start;font-size:15px}.pg-links a{padding:6px 0}.pg-page-ad{width:100%;max-width:var(--content-max);margin:0 auto;padding:16px 32px 32px;border-top:0}.pg-main--split{flex-direction:row;flex-wrap:wrap;align-items:center;gap:64px}.pg-split-text{display:flex;flex-direction:column;gap:24px;flex:1 1 340px;max-width:420px}.pg-split-text>.pg-actions{margin-top:0;max-width:380px}.pg-split-text--wide{max-width:460px}.pg-main--result{padding-top:56px}.pg-main--result .pg-split-text{flex:1 1 320px;max-width:400px}.pg-main--result .pg-split-text>.pg-actions{max-width:none}.pg-split-text>.pg-result-links{margin-top:-12px}.pg-result-strip{flex:999 1 480px;min-width:0;max-width:680px}.pg-result-strip--pair{max-width:640px}.pg-slot-area{flex:999 1 520px;min-width:0}.pg-slot-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;justify-items:stretch}.pg-pair{display:flex;align-items:center;justify-content:center;gap:20px}.pg-pair-col{display:flex;flex-direction:column;align-items:center;flex:0 1 260px;gap:10px}.pg-pair-col .pg-tile-wrap,.pg-pair-col .pg-tile{width:100%}.pg-pair-label{font-size:15px}.pg-pair-badge{display:none}.pg-template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;align-items:start}.pg-sponsored{grid-template-columns:1fr;align-items:stretch}.pg-sponsored-media{width:auto;height:212px;font-size:13px}.pg-sponsored-body{padding:0 4px 4px}.pg-sponsored-title{font-size:18px;line-height:24px}.pg-sponsored-meta{font-size:14px;line-height:20px}.pg-home-footer{padding-top:16px;border-top:1px solid var(--line)}.pg-main--narrow{max-width:608px;padding-top:48px}.pg-danger-zone{margin-top:8px}}.pg-result-image{margin:0}.pg-result-image img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);background:var(--paper-sunk);box-shadow:var(--shadow-card)}