.nt-designer{--ink:#1f1d1a;--muted:#6d665c;--line:#ddd5c8;--paper:#fbf8f2;--accent:#1b2a4a;color:var(--ink);gap:16px;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,sans-serif;display:grid}@media (min-width:880px){.nt-designer{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);align-items:start}.nt-preview{position:sticky;top:16px}}.nt-preview{aspect-ratio:4/3;border:1px solid var(--line);background:#f4f1ea;border-radius:16px;position:relative;overflow:hidden}.nt-preview canvas{touch-action:none;width:100%;height:100%;display:block}.nt-busy{color:var(--muted);background:#ffffffd9;border-radius:999px;padding:4px 10px;font-size:13px;position:absolute;bottom:12px;right:12px}.nt-controls{gap:14px;display:grid}.nt-field{gap:6px;font-weight:600;display:grid}.nt-text{font:inherit;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:20px}.nt-text:focus{outline:2px solid var(--accent);outline-offset:1px}.nt-count{color:var(--muted);margin-top:-8px;font-size:13px}.nt-group{gap:8px;display:grid}.nt-group>span{font-weight:600}.nt-group>span small{color:var(--muted);font-weight:400}.nt-group>div{flex-wrap:wrap;gap:8px;display:flex}.nt-chip{font:inherit;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:8px 14px}.nt-chip.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.nt-swatch{align-items:center;gap:8px;display:inline-flex}.nt-swatch:before{content:"";background:linear-gradient(135deg, var(--base) 50%, var(--text) 50%);border:1px solid #00000026;border-radius:50%;width:22px;height:22px}.nt-letter{min-width:48px;font-size:18px}.nt-switch{align-items:center;gap:10px;min-height:44px;display:flex}.nt-designer [hidden]{display:none!important}.nt-spacing-row{align-items:center}.nt-spacing{min-width:140px;accent-color:var(--accent);flex:1}.nt-hint{color:var(--muted);font-size:13px}.nt-selected{border:1.5px dashed var(--line);background:#fff;border-radius:12px;gap:10px;padding:12px;display:grid}.nt-bump{align-items:center;gap:12px;display:flex}.nt-bump .nt-label{min-width:130px}.nt-bump .nt-value{text-align:center;font-variant-numeric:tabular-nums;min-width:64px}.nt-bump button{font:inherit;border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:44px;height:44px;font-size:22px}.nt-layer-actions{flex-wrap:wrap;gap:8px;display:flex}.nt-notice{color:#7a5a00;background:#fff6df;border-radius:10px;margin:0;padding:10px 12px}.nt-issues{gap:6px;margin:0;padding:0;list-style:none;display:grid}.nt-issue{border-radius:10px;padding:8px 12px}.nt-error{color:#9b1c1c;background:#fdecea}.nt-warning{color:#7a5a00;background:#fff6df}.nt-submit{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:52px;font-size:18px;font-weight:600}.nt-submit:disabled{opacity:.45;cursor:not-allowed}.nt-fonts{max-height:300px;padding:2px;overflow-y:auto}.nt-font-group{color:var(--muted);flex-basis:100%;margin-top:4px;font-size:13px}.nt-font{text-align:left;border-radius:12px;justify-items:start;gap:2px;padding:6px 14px;line-height:1.15;display:inline-grid}.nt-font-sample{font-size:22px}.nt-font small{color:var(--muted);font-size:11px}.nt-font.is-active small{color:#fffc}.nt-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nt-credits{color:var(--muted);justify-self:start;font-size:12px}