@import "https://fonts.googleapis.com/css2?family=Niramit:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{color:#1d1f24;font-synthesis:none;--ink:#1d1f24;--ink-2:#40444c;--muted:#646872;--desk:#e6e3dc;--paper:#fbfaf7;--sheet:#f3f1ec;--line:#cfcbc2;--line-soft:#e2dfd8;--mat:#262c33;--mat-line:#ffffff12;--mat-major:#ffffff21;--mat-text:#c9d0d6;--magenta:#b3135f;--magenta-dark:#8d0d4a;--magenta-soft:#f8e3ec;--pass:#1f6b3a;--pass-soft:#e1f0e5;--fail:#b3261e;--fail-soft:#f8e1de;--note:#7a5200;--note-soft:#f6ecd6;--mono:"DM Mono", ui-monospace, monospace;--radius:3px;background:#e6e3dc;font-family:Niramit,Sarabun,Thonburi,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--desk);margin:0;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}h1,h2,h3,p,figure,ul{margin:0}ul{padding:0;list-style:none}fieldset{border:0;min-width:0;margin:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.skip{z-index:60;background:var(--paper);padding:14px 18px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.noscript{background:var(--paper);border-left:4px solid var(--fail);margin:24px;padding:16px}.bar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:8px 28px;display:flex}.brand{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.brand strong{font-size:19px;line-height:1.2;display:block}.brand small{color:var(--muted);font-size:12.5px;display:block}.brand-mark{width:34px;height:34px;position:relative}.brand-mark i{border:3px solid var(--ink);width:14px;height:14px;position:absolute}.brand-mark i:after{content:"";background:var(--ink);position:absolute;inset:2px}.brand-mark i:first-child{top:0;left:0}.brand-mark i:nth-child(2){top:0;right:0}.brand-mark i:nth-child(3){border-color:var(--magenta);bottom:0;left:0}.brand-mark i:nth-child(3):after{background:var(--magenta)}.bar-note{color:var(--muted);flex:1;font-size:13.5px}.bar-link{border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}.bar-link:hover{border-color:var(--ink)}.banner{background:var(--fail-soft);border-left:4px solid var(--fail);grid-column:1/-1;padding:12px 16px}.desk{grid-template-columns:minmax(0,1fr) minmax(340px,460px);grid-template-areas:"banner banner""job proof""studio proof";align-items:start;gap:20px 28px;max-width:1240px;margin:0 auto;padding:22px 28px 64px;display:grid}.banner{grid-area:banner}.job{grid-area:job}.studio{grid-area:studio}.proof{grid-area:proof;gap:12px;display:grid;position:sticky;top:14px}.job,.studio{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px 24px}.sheet-head{border-bottom:1px dashed var(--line);gap:2px;margin-bottom:16px;padding-bottom:14px;display:grid}.sheet-head h1,.sheet-head h2{font-size:24px;font-weight:700;line-height:1.35}.sheet-head p{color:var(--ink-2)}.kinds{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-bottom:18px;display:grid}.kind{text-align:left;background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);gap:0;min-height:56px;padding:8px 10px;display:grid}.kind strong{white-space:nowrap;font-size:15.5px;font-weight:600;line-height:1.35}.kind small{color:var(--muted);font-size:12px;line-height:1.45}.kind:hover{border-color:var(--ink-2)}.kind[aria-pressed=true]{background:var(--paper);border:2px solid var(--magenta);box-shadow:inset 0 -3px 0 var(--magenta);padding:7px 9px}.kind[aria-pressed=true] small{color:var(--ink-2)}.fields fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.field{gap:4px;display:grid}.field>span{color:var(--ink-2);font-size:13.5px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;min-height:44px;padding:9px 12px}.field textarea{resize:vertical;line-height:1.6}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--muted)}.field [aria-invalid=true]{border-color:var(--fail);box-shadow:0 0 0 1px var(--fail)}.wide{grid-column:1/-1}.hint{color:var(--muted);font-size:13px;line-height:1.6}.check{align-items:center;gap:10px;min-height:44px;display:flex}.fields .check,.inline-controls .check{cursor:pointer}.check input[type=checkbox],.inline-controls input[type=checkbox]{width:20px;height:20px;accent-color:var(--magenta)}.field-error{background:var(--fail-soft);border-left:3px solid var(--fail);margin-top:12px;padding:8px 12px;font-size:14px}.payload{border-top:1px dashed var(--line);margin-top:18px;padding-top:10px}.payload summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:500;display:flex}.payload summary .mono{color:var(--muted);font-size:13px}.payload pre{background:var(--sheet);border:1px solid var(--line-soft);white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;margin:6px 0 10px;padding:10px 12px;font-size:12.5px;overflow:auto}.tool{background:var(--paper);border:1px solid var(--ink-2);border-radius:var(--radius);justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:500;display:inline-flex}.tool:hover:not(:disabled){background:var(--sheet)}.tool.small{min-height:44px;padding:0 12px;font-size:14px}.tool.quiet{border-color:var(--line);color:var(--ink-2)}.go{background:var(--magenta);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:600;display:inline-flex}.go:hover:not(:disabled){background:var(--magenta-dark)}.mat{background-color:var(--mat);background-image:linear-gradient(var(--mat-major) 1px, transparent 1px), linear-gradient(90deg, var(--mat-major) 1px, transparent 1px), linear-gradient(var(--mat-line) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line) 1px, transparent 1px);background-position:-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px;border-radius:6px;padding:26px 22px 20px}.paper{background:var(--paper);border-radius:1px;justify-items:center;gap:14px;padding:34px 26px 16px;display:grid;position:relative}.reg{border:1px solid var(--ink);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:9px;left:50%}.reg:before,.reg:after{content:"";background:var(--ink);position:absolute}.reg:before{width:1px;top:-5px;bottom:-5px;left:50%}.reg:after{height:1px;top:50%;left:-5px;right:-5px}.trim{width:min(100%,360px);position:relative}.art{background:var(--art-bg,#fff);width:100%;display:block}.art svg{width:100%;height:auto;display:block}.art[data-clear]{background:repeating-conic-gradient(#e9e6df 0 25%, #fbfaf7 0 50%) 0 0 / 14px 14px}.art-empty{aspect-ratio:1;text-align:center;color:var(--muted);border:1px dashed var(--line);place-items:center;padding:24px;display:grid}.crop{border-color:var(--ink);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.crop.tl{border-top-width:1px;border-left-width:1px;top:-8px;left:-8px;transform:translate(-6px,-6px)}.crop.tr{border-top-width:1px;border-right-width:1px;top:-8px;right:-8px;transform:translate(6px,-6px)}.crop.bl{border-bottom-width:1px;border-left-width:1px;bottom:-8px;left:-8px;transform:translate(-6px,6px)}.crop.br{border-bottom-width:1px;border-right-width:1px;bottom:-8px;right:-8px;transform:translate(6px,6px)}.slug{max-width:100%;color:var(--ink-2);text-align:center;flex-wrap:wrap;justify-content:center;gap:0 2px;margin-top:6px;font-size:12px;line-height:1.7;display:flex}.slug i{color:var(--muted);margin:0 6px;font-style:normal}.inks{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:center;gap:4px 14px;width:100%;padding-top:10px;font-size:12px;display:flex}.inks li{align-items:center;gap:6px;display:flex}.inks i{border:1px solid #00000040;width:14px;height:14px}.inks i.clear{background:repeating-conic-gradient(#d9d5cc 0 25%, #fff 0 50%) 0 0 / 7px 7px!important}.inks span{color:var(--muted)}#scan-check{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);border-left-width:4px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;font-size:14px;display:flex}#scan-check strong{font-weight:600}#scan-check[data-state=pass]{border-left-color:var(--pass);background:var(--pass-soft)}#scan-check[data-state=pass] strong:after{content:" · ผ่าน";color:var(--pass)}#scan-check[data-state=fail]{border-left-color:var(--fail);background:var(--fail-soft)}#scan-check[data-state=fail] strong:after{content:" · ไม่ผ่าน";color:var(--fail)}#scan-check[data-state=risk]{border-left-color:var(--note);background:var(--note-soft)}#scan-check[data-state=risk] strong:after{content:" · ผ่านแบบมีความเสี่ยง";color:var(--note)}#scan-check[data-state=none]{border-left-color:var(--muted)}.warnings{gap:6px;display:grid}.warnings li{border-left:4px solid var(--note);background:var(--note-soft);gap:0;padding:8px 12px;font-size:13.5px;line-height:1.55;display:grid}.warnings li b{color:var(--note);font-size:12.5px}.warnings li.stop{border-left-color:var(--fail);background:var(--fail-soft)}.warnings li.stop b{color:var(--fail)}.out{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:14px;display:grid}.out-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.print-note{color:var(--ink-2);font-size:13px}.out-actions{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.out-status{min-height:1.6em;color:var(--ink-2);font-size:13px}.studio{gap:4px;display:grid}.group{border-bottom:1px dashed var(--line);gap:10px;padding:14px 0 18px;display:grid}.group:last-child{border-bottom:0;padding-bottom:0}.group legend{float:left;width:100%;margin-bottom:4px;padding:0;font-size:16.5px;font-weight:600}.group legend+*{clear:both}.sub{color:var(--ink-2);margin-bottom:6px;font-size:13.5px;font-weight:500}.split{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px 24px;display:grid}.presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.preset{text-align:center;background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);justify-items:center;gap:6px;padding:8px 6px;font-size:12.5px;line-height:1.4;display:grid}.preset-art{width:100%;max-width:72px;display:block}.preset-art svg{width:100%;height:auto;display:block}.preset:hover{border-color:var(--ink-2)}.preset[aria-pressed=true]{border:2px solid var(--magenta);background:var(--paper);padding:7px 5px}.swatches{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.swatch{text-align:center;background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;justify-items:center;gap:4px;min-width:0;padding:8px 6px 6px;font-size:12.5px;line-height:1.35;display:grid;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch-face{width:36px;height:36px;color:var(--ink);display:block}.swatch-face svg{width:100%;height:100%;display:block}.swatch:hover{border-color:var(--ink-2)}.swatch:has(input:checked){border:2px solid var(--magenta);background:var(--paper);padding:7px 5px 5px}.swatch:has(input:checked) .swatch-face{color:var(--magenta)}.swatch:has(input:focus-visible){outline:3px solid var(--magenta);outline-offset:2px}.colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.color{background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;padding:6px;display:grid}.color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:2px;grid-row:1/3;width:44px;height:44px;padding:0}.color input:disabled{opacity:.4;cursor:not-allowed}.color span{font-size:13px;font-weight:500;line-height:1.3}.color output{color:var(--muted);font-size:11.5px}.inline-controls{flex-wrap:wrap;gap:0 22px;display:flex}.segmented{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;width:max-content;max-width:100%;display:flex;overflow:hidden}.segmented label{display:flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{border-right:1px solid var(--line);place-items:center;min-height:44px;padding:0 14px;font-size:14px;display:grid}.segmented label:last-child span{border-right:0}.segmented input:checked+span{background:var(--magenta);color:#fff;font-weight:600}.segmented input:focus-visible+span{outline:3px solid var(--magenta);outline-offset:-3px}.range{max-width:420px}.range input[type=range]{min-height:44px;accent-color:var(--magenta);background:0 0;border:0;padding:0}.range output{color:var(--ink);margin-left:6px}#swap-colors{justify-self:start}.ecc{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ecc label{cursor:pointer;display:flex;position:relative}.ecc input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ecc span{background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;padding:8px 10px;line-height:1.4;display:grid}.ecc b{font-size:20px;font-weight:500}.ecc small{color:var(--ink-2);font-size:12px}.ecc input:checked+span{border:2px solid var(--magenta);background:var(--paper);padding:7px 9px}.ecc input:checked+span b{color:var(--magenta)}.ecc input:focus-visible+span{outline:3px solid var(--magenta);outline-offset:2px}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file{cursor:pointer;position:relative}.file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file:has(input:focus-visible){outline:3px solid var(--magenta);outline-offset:2px}#logo-thumb{object-fit:contain;border:1px solid var(--line);background:#fff;width:44px;height:44px}.save-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;max-width:520px;display:grid}.designs{gap:6px;display:grid}.designs li{background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:grid}.designs li span{overflow-wrap:anywhere}#reset-all{justify-self:start;margin-top:6px}@media (width<=1020px){.desk{grid-template-columns:minmax(0,1fr);grid-template-areas:"banner""job""proof""studio";padding:16px 16px 48px}.proof{position:static}}@media (width<=720px){.bar{flex-wrap:wrap;gap:4px 12px;padding:6px 16px}.bar-note{flex-basis:100%;order:3;padding-bottom:4px;font-size:12.5px}.bar-link{margin-left:auto}.job,.studio{padding:16px}.kinds{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.fields fieldset{grid-template-columns:minmax(0,1fr)}.colors,.ecc{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}.mat{padding:16px 12px 14px}.paper{padding:32px 18px 14px}.out-row{grid-template-columns:minmax(0,1fr)}.out-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.out-actions .go{grid-column:1/-1}}@media print{.bar,.job,.studio,.out,.warnings,#scan-check,.banner{display:none!important}.desk{padding:0;display:block}.mat{background:0 0;padding:0}}