:root{--bg: #fff7ef;--card: #ffffff;--ink: #4a2c1a;--ink-soft: #8a6a52;--accent: #ff8a3d;--accent-deep: #e56e1f;--accent-soft: #ffe3cc;--ok: #2e9e6b;--err: #d95040;--radius: 18px;--shadow: 0 6px 24px rgba(229, 110, 31, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Kanit,Sarabun,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#fff7ef,#ffedd9);color:var(--ink);min-height:100dvh}#app{max-width:560px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}header h1{font-size:1.45rem;margin:8px 0 2px}header .sub{color:var(--ink-soft);margin:0 0 14px;font-size:.95rem}#preview-wrap{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}#preview{display:block;width:100%;aspect-ratio:4 / 3;touch-action:none}#status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:1.05rem;background:#fff7efd9}#badge{position:absolute;top:10px;right:10px;background:var(--ok);color:#fff;padding:4px 12px;border-radius:999px;font-size:.8rem}.hidden{display:none!important}#controls{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:.95rem;color:var(--ink-soft)}input[type=text],input[type=tel],select{font:inherit;padding:14px 16px;min-height:52px;border-radius:14px;border:2px solid var(--accent-soft);background:#fff;color:var(--ink);width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:52px;min-width:64px;padding:8px 16px;border-radius:14px;border:2px solid var(--accent-soft);background:#fff;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.chip.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{min-height:52px;border-radius:14px;border:2px solid var(--accent-soft);background:#fff;font:inherit;cursor:pointer}.seg button.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.swatch{width:52px;height:52px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--accent-soft);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 3px var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);height:44px}#downloads{display:grid;gap:10px;margin-top:6px}#downloads button{min-height:60px;border-radius:16px;font:inherit;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}#downloads small{font-size:.75rem;opacity:.85}.primary{background:var(--accent);color:#fff;border:none;box-shadow:var(--shadow)}.primary:active{background:var(--accent-deep)}.ghost{background:#fff;color:var(--accent-deep);border:2px solid var(--accent)}footer{text-align:center;color:var(--ink-soft);font-size:.82rem;margin-top:20px}
/*# sourceMappingURL=/main-IUEXKIHN.css.map */