.color{max-width:46rem;padding:var(--space-7) var(--space-5) var(--space-8);margin:0 auto}.color__head{margin-bottom:var(--space-7)}.color__head h1{font-size:var(--type-title-size);font-weight:var(--type-weight-semibold);line-height:1.4}.color__head p{margin-top:var(--space-2);font-size:var(--type-small-size);color:var(--color-text-secondary)}.color section{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.color h2{font-size:var(--type-title-sm-size);font-weight:var(--type-weight-semibold)}.color h3{margin-top:var(--space-5);font-size:var(--type-small-size);font-weight:var(--type-weight-semibold);color:var(--color-text-secondary)}.color__note{margin-top:var(--space-3);font-size:var(--type-small-size);color:var(--color-text-secondary)}.color__strip{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.color__swatch{gap:var(--space-1);min-width:7.5rem;display:grid}.color__chip{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;height:3.5rem}.color__name{font-size:var(--type-small-size)}.color__sub{font-size:var(--type-caption-size);color:var(--color-text-faint)}.color__table{margin-top:var(--space-5);border-collapse:collapse;width:100%;font-size:var(--type-small-size);font-variant-numeric:tabular-nums lining-nums}.color__table th,.color__table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border);text-align:left;font-weight:var(--type-weight-regular)}.color__table thead th{color:var(--color-text-faint);border-bottom:1px solid var(--color-border-strong)}.color__table td{text-align:right}.color__inline-chip{border-radius:var(--radius-sm);width:.75rem;height:.75rem;margin-right:var(--space-2);vertical-align:-1px;border:1px solid var(--color-border);display:inline-block}@font-face{font-family:Mahanathi Sans;src:url(/fonts/mahanathi-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mahanathi Sans;src:url(/fonts/mahanathi-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.specimen{max-width:46rem;padding:var(--space-7) var(--space-5) var(--space-8);margin:0 auto}.specimen__head{margin-bottom:var(--space-7)}.specimen__head h1{font-size:var(--type-title-size);font-weight:var(--type-weight-semibold);line-height:1.4}.specimen__head p{margin-top:var(--space-2);font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--color-text-secondary)}.specimen__pairing{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.specimen__pairing h2{font-size:var(--type-title-sm-size);font-weight:var(--type-weight-semibold);line-height:1.5}.specimen__note{margin-top:var(--space-1);font-size:var(--type-caption-size);color:var(--color-text-faint);max-width:60ch}.specimen__sentences{gap:var(--space-5);margin-top:var(--space-5);display:grid}.specimen__sentence figcaption{font-size:var(--type-caption-size);color:var(--color-text-faint);margin-bottom:var(--space-1)}.specimen__sentence blockquote{font-size:var(--type-sentence-size);line-height:var(--type-sentence-line-height);font-weight:var(--type-weight-regular);text-wrap:balance;margin:0}.specimen__body{margin-top:var(--space-6);gap:var(--space-2);font-size:var(--type-body-size);display:grid}.specimen__stack{color:var(--color-text-secondary);overflow:hidden}.specimen__province{font-size:var(--type-title-size);font-weight:var(--type-weight-semibold);line-height:1.5}.specimen__readout{margin-top:var(--space-6);border-collapse:collapse;width:100%;font-size:var(--type-small-size);font-variant-numeric:tabular-nums lining-nums}.specimen__readout th{text-align:left;font-weight:var(--type-weight-regular);color:var(--color-text-faint);padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border-strong)}.specimen__readout td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border)}.specimen__readout th:not(:first-child),.specimen__readout td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums lining-nums}.lookdev{background:var(--color-ground);position:fixed;inset:0;overflow:hidden}.lookdev__canvas,.lookdev .lookdev__map{position:absolute;inset:0}.lookdev__map .maplibregl-canvas:focus{outline:none}.lookdev__map .maplibregl-canvas:focus-visible{outline:2px solid var(--color-accent-water);outline-offset:-2px}.lookdev__canvas canvas{display:block}.lookdev__skeleton{background:linear-gradient(100deg, transparent 30%, var(--color-skeleton-sheen) 50%, transparent 70%) var(--color-ground);animation:lookdev-sweep 1.6s var(--motion-ease-out) infinite;background-size:300% 100%;position:absolute;inset:0}@keyframes lookdev-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.lookdev__chrome{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);z-index:var(--z-chrome);pointer-events:none;display:flex;position:absolute;left:0;right:0}.lookdev__chrome>*{pointer-events:auto}.lookdev__chrome--top{justify-content:space-between;top:0}.lookdev__chrome--bottom{padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-start;bottom:0}.lookdev__wordmark{font-family:var(--font-sentence);font-size:var(--type-wordmark-size);line-height:var(--type-wordmark-line-height);color:var(--color-text-primary)}.lookdev__nearme{font-size:var(--type-small-size);font-weight:var(--type-weight-semibold);color:var(--color-text-primary);background:var(--color-panel);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);min-height:44px;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--motion-base) var(--motion-ease-out)}.lookdev__nearme:hover{background:var(--color-hover)}.lookdev__nearme:hover .lookdev__nearme-note{color:var(--color-text-secondary)}.lookdev__nearme-note{margin-left:var(--space-2);font-size:var(--type-caption-size);font-weight:var(--type-weight-regular);color:var(--color-text-faint)}.lookdev__views{display:flex}.lookdev__view{font-size:var(--type-caption-size);font-weight:var(--type-weight-regular);letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-panel);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:44px;transition:color var(--motion-base) var(--motion-ease-out)}.lookdev__view:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.lookdev__view:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0;border-left:none}.lookdev__view--active{color:var(--color-text-primary);font-weight:var(--type-weight-semibold);border-color:var(--color-border-strong)}.lookdev__view:disabled{cursor:default;opacity:.6}.lookdev__viewfade{z-index:var(--z-annotation);background:var(--relief-fog);pointer-events:none;animation:lookdev-viewfade .18s var(--motion-ease-out) forwards;position:absolute;inset:0}@keyframes lookdev-viewfade{0%{opacity:0}to{opacity:.4}}@media (prefers-reduced-motion:reduce){.lookdev__viewfade{animation:none}}.lookdev__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lookdev__error{z-index:var(--z-panel);align-items:center;gap:var(--space-4);max-width:24rem;padding:var(--space-5);text-align:center;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.lookdev__error p{font-size:var(--type-small-size);color:var(--color-text-primary);text-wrap:balance;line-height:1.55}.lookdev__error button{font-size:var(--type-small-size);font-weight:var(--type-weight-semibold);color:var(--color-text-primary);background:var(--color-hover);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);cursor:pointer}.lookdev__panel{top:5.5rem;left:var(--space-5);max-width:24rem;z-index:var(--z-panel);background:var(--color-panel-veil);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);position:absolute}.lookdev__sentence{font-family:var(--font-sentence);font-size:var(--type-sentence-size);line-height:var(--type-sentence-line-height);color:var(--color-text-primary);text-wrap:balance}.lookdev__sentence--station{font-size:var(--type-title-sm-size);line-height:1.6}.lookdev__numbers{margin:var(--space-4) 0 0;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.lookdev__numbers dt{font-size:var(--type-caption-size);color:var(--color-text-faint);align-items:center;gap:var(--space-1);display:flex}.lookdev__numbers dd{font-size:var(--type-small-size);color:var(--color-text-secondary);font-variant-numeric:tabular-nums lining-nums;margin:0}.lookdev__numbers--station{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lookdev__numbers--station dd{color:var(--color-text-primary)}.lookdev__dot{border-radius:var(--radius-full);width:.5rem;height:.5rem;display:inline-block}.lookdev__dot--hollow{border:2px solid var(--color-text-faint);background:0 0}.lookdev__meta{margin-top:var(--space-4);font-size:var(--type-caption-size);color:var(--color-text-faint)}.lookdev__datum{margin-top:var(--space-3);font-size:var(--type-caption-size);color:var(--color-text-faint)}.lookdev__station{left:var(--space-3);right:var(--space-3);z-index:var(--z-panel);background:var(--color-panel);border:1px solid var(--color-border-strong);border-radius:var(--radius-sheet);padding:var(--space-4) var(--space-5);position:absolute;bottom:5.5rem}.lookdev__station-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.lookdev__station h2{font-size:var(--type-title-sm-size);font-weight:var(--type-weight-semibold)}.lookdev__station-close{color:var(--color-text-faint);min-width:24px;min-height:24px;padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex:none}.lookdev__station-close:hover{color:var(--color-text-primary)}@media (min-width:768px){.lookdev__station{left:auto;right:var(--space-5);width:22rem;bottom:6.5rem}}.lookdev__station-label{font-size:var(--type-caption-size);color:var(--color-text-primary);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);white-space:nowrap;pointer-events:none}.lookdev__presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.lookdev__preset{font-size:var(--type-caption-size);color:var(--color-text-secondary);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer}@media (max-width:767px){.lookdev__preset{padding:var(--space-2) var(--space-3)}}.lookdev__preset--active{color:var(--color-text-primary);border-color:var(--color-border-strong)}.lookdev__exagg{align-items:center;gap:var(--space-2);font-size:var(--type-caption-size);color:var(--color-text-faint);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);display:flex}.lookdev__exagg input{accent-color:var(--color-accent-water)}.lookdev__flying{font-size:var(--type-caption-size);color:var(--color-text-faint);align-self:center}@media (max-width:767px){.lookdev__panel{top:4.5rem;left:var(--space-3);right:var(--space-3);max-width:none;padding:var(--space-4)}.lookdev[data-station="1"] .lookdev__panel,.lookdev[data-station="1"] .lookdev__chrome--bottom{display:none}.lookdev[data-station="1"] .lookdev__station{bottom:max(var(--space-4), env(safe-area-inset-bottom))}}.lookdev__nogl{z-index:var(--z-panel);max-width:28rem;padding:var(--space-3) var(--space-5);font-size:var(--type-small-size);color:var(--color-text-secondary);background:var(--color-panel-veil);border:1px solid var(--color-border);border-radius:var(--radius-md);text-wrap:balance;margin:0;line-height:1.55;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.lookdev__skeleton{animation:none}}.lookdev__linehint{z-index:var(--z-panel);align-items:center;gap:var(--space-3);max-width:min(28rem, calc(100% - var(--space-6)));padding:var(--space-2) var(--space-4);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}.lookdev__linehint p{font-size:var(--type-small-size);color:var(--color-text-secondary);text-wrap:balance;margin:0;line-height:1.55}.lookdev__linehint a{color:var(--color-text-primary);font-weight:var(--type-weight-semibold);text-underline-offset:.2em;margin-left:var(--space-2);white-space:nowrap;text-decoration:underline}.lookdev__linehint-close{font-size:var(--type-caption-size);color:var(--color-text-faint);min-width:24px;min-height:24px;padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex:none}.lookdev__linehint-close:hover{color:var(--color-text-primary)}@media (max-width:767px){.lookdev__linehint{top:auto;bottom:5.5rem}}.lookdev__linehint-close svg{display:block}:root{--color-ground:#0e161d;--color-sea:#0d1a23;--color-panel:#15202b;--color-panel-veil:#15202be0;--color-elevated:#1a2733;--color-hover:#1f2e3c;--color-border:#24313d;--color-border-strong:#33434f;--color-text-primary:#e6edf2;--color-text-secondary:#a4b4bf;--color-text-faint:#8494a0;--color-accent-water:#7fb5b0;--color-sediment:#caa46a;--color-selection-bg:#caa46a;--color-selection-text:#10161d;--color-caret:#7fb5b0;--color-focus-ring:#7fb5b0;--color-scrollbar:#33434f;--color-scrollbar-track:#0e161d;--color-gauge-steel:#aebac4;--color-gauge-track:#2a3742;--color-skeleton-sheen:#ffffff04;--relief-albedo-low:#8f8a74;--relief-albedo-high:#a89e8c;--relief-neighbour:#4d5860;--relief-fog:#0d1a23;--situation-1:#798fb4;--situation-2:#8b8f80;--situation-3:#599c5b;--situation-4:#e3a93f;--situation-5:#ee5d58;--situation-stale:#5b6a75;--font-ui:"Mahanathi Sans", "Noto Sans Thai", sans-serif;--font-sentence:"Mahanathi Sans", "Noto Sans Thai", sans-serif;--type-caption-size:.75rem;--type-caption-line-height:1.5;--type-small-size:.875rem;--type-small-line-height:1.55;--type-body-size:1rem;--type-body-line-height:1.6;--type-title-sm-size:1.125rem;--type-title-sm-line-height:1.5;--type-title-size:1.375rem;--type-title-line-height:1.5;--type-sentence-size:clamp(1.375rem, 1rem + 2vw, 2.125rem);--type-sentence-line-height:1.65;--type-display-size:clamp(2.5rem, 1.5rem + 4vw, 4rem);--type-display-line-height:1.3;--type-wordmark-size:1.25rem;--type-wordmark-line-height:1.2;--type-weight-regular:400;--type-weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-sheet:12px;--radius-full:999px;--motion-fast:.16s;--motion-base:.2s;--motion-slow:.26s;--motion-camera:1.6s;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--z-ground:0;--z-annotation:10;--z-panel:20;--z-chrome:30;--z-overlay:40;--z-toast:50;--shadow-panel:0 4px 12px #04080c66, 0 16px 48px #04080c80}*,:before,:after{box-sizing:border-box}html{background:var(--color-ground);color:var(--color-text-primary);font-family:var(--font-ui);line-height:var(--type-body-line-height)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}a{color:var(--color-accent-water);text-underline-offset:.2em}:root{caret-color:var(--color-caret);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}