:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--surface-hover: #f8fafc;--text-heading: #0f172a;--text-muted: #475569;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #0369a1;--accent-muted: rgba(3, 105, 161, .1);--focus-ring: rgba(3, 105, 161, .25);--danger: #dc2626;--code-bg: #e2e8f0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .06);--qr-panel-bg: #ffffff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text-muted);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100svh}#root{min-height:100svh;display:flex;flex-direction:column}code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;padding:.15em .4em;border-radius:6px;background:var(--code-bg);color:var(--text-heading)}.phone-input{width:100%}.phone-input__label{display:block;font-size:.9375rem;font-weight:500;color:var(--text-heading);margin-bottom:.35rem}.phone-input__control{display:flex;flex-direction:row;align-items:stretch;width:100%;min-width:0;border-radius:10px;border:1px solid var(--border);background:var(--bg);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.phone-input__control:hover{border-color:var(--border-strong)}.phone-input__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.phone-input__control--error{border-color:var(--danger, #c62828)}.phone-input__control--error:focus-within{border-color:var(--danger, #c62828);box-shadow:0 0 0 3px #c6282840}.phone-input__leading{flex-shrink:0;max-width:22%;padding:.65rem 1.5rem .65rem .85rem;margin:0;font:inherit;font-size:.9375rem;font-weight:500;color:var(--text-heading);background:transparent;border:none;border-right:1px solid var(--border);border-radius:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.phone-input__leading:focus{outline:none}.phone-input__field{flex:1;min-width:0;margin:0;padding:.75rem .95rem;font:inherit;font-size:1rem;color:var(--text-heading);background:transparent;border:none;border-radius:0}.phone-input__field:focus{outline:none}.phone-input__field::placeholder{color:var(--text-muted);opacity:.85}.phone-input__error{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--danger, #c62828)}@media (max-width: 420px){.phone-input__leading{max-width:46%;font-size:.8125rem;padding-left:.6rem;padding-right:1.35rem}}.toggle-button-input{display:flex;flex-direction:column;gap:.3rem}.toggle-button-input__label{font-size:.8125rem;font-weight:500;color:var(--text-heading)}.toggle-button-input__button{position:relative;width:2rem;height:2rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:transparent;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.toggle-button-input__button:hover{border-color:var(--border-strong)}.toggle-button-input__button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.toggle-button-input__button--active{border-color:var(--accent)}.toggle-button-input__button--active:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.95rem;font-weight:700;color:var(--accent)}.toggle-button-input__error{margin:0;font-size:.8125rem;color:var(--danger)}#root>form{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem);box-sizing:border-box;gap:clamp(1.5rem,3vw,2.25rem)}.header{width:100%;max-width:38rem;text-align:center}.header h1{margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;letter-spacing:-.03em;color:var(--text-heading)}.lede{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--text-muted)}.header-links{margin-top:.85rem;display:inline-flex;align-items:center;gap:.65rem}.header-link{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-heading);font-size:.84rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.header-link:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.header-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.layout{display:grid;gap:clamp(1.25rem,3vw,2rem);width:100%;max-width:106rem;min-height:0;align-items:stretch;justify-items:stretch}@media (min-width: 900px){.layout{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel{display:flex;flex-direction:column;gap:1.5rem;min-height:65svh;padding:clamp(1.35rem,3vw,1.75rem) clamp(1.35rem,3vw,2rem);border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.panel.payload-fields{gap:1rem}@media (min-width: 900px){.panel{height:570px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}.panel__title{margin:0;color:var(--text-heading);font-size:1.125rem}.panel__title--section{margin-top:.5rem}.panel__toggle-row{display:flex;gap:.9rem;flex-wrap:wrap}.preview{display:flex;flex-direction:column;gap:1rem}.preview__title{margin:0;color:var(--text-heading);font-size:1.125rem}.preview__results h3{margin:0 0 .35rem;font-size:.95rem;color:var(--text-heading)}.preview__results pre{margin:0;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:#f8fafc;color:var(--text-heading);overflow-x:auto}.library-panel h3{margin:0;font-size:.95rem;color:var(--text-heading)}.library-panel p{margin:0}.library-panel>*{flex-shrink:0}.library-panel ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.library-panel__code{margin:0;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:#f8fafc;color:var(--text-heading);overflow-x:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.library-panel__table{width:100%;border-collapse:collapse;font-size:.82rem}.library-panel__table th,.library-panel__table td{text-align:left;vertical-align:top;padding:.45rem .4rem;border-bottom:1px solid var(--border)}.library-panel__table th{color:var(--text-heading);font-weight:600}.number-input-with-help{display:flex;flex-direction:column;gap:.35rem}.field-helper{margin:0;font-size:.8125rem;color:var(--text-muted)}.config-grid{display:flex;flex-direction:column;gap:.9rem}.formatted-input-with-code{display:flex;flex-direction:column;gap:.5rem}.formatted-input-code{margin:0;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:#f8fafc;color:var(--text-heading);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.45}.payload-fields{display:flex;flex-direction:column;gap:0;width:100%}.payload-fields__stack{display:flex;flex-direction:column;gap:1rem;width:100%}.payload-fields__row{display:grid;gap:1rem;width:100%;min-width:0}.payload-fields__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.payload-fields__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.payload-fields__row--full{grid-template-columns:minmax(0,1fr)}.payload-fields__cell{min-width:0}@media (max-width: 520px){.payload-fields__stack--vcard .payload-fields__row--2,.payload-fields__stack--vcard .payload-fields__row--3{grid-template-columns:minmax(0,1fr)}}.payload-fields label{display:block;font-size:.9375rem;font-weight:500;color:var(--text-heading);margin-bottom:.35rem}.payload-fields input:not([type=checkbox]):not(.phone-input__field),.payload-fields textarea,.payload-fields select:not(.phone-input__leading){font:inherit;font-size:1rem;width:100%;padding:.75rem .95rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-heading);transition:border-color .2s ease,box-shadow .2s ease}.payload-fields textarea{resize:vertical;min-height:4rem}.payload-fields select{cursor:pointer}.payload-fields input:not([type=checkbox]):not(.phone-input__field):hover,.payload-fields textarea:hover,.payload-fields select:not(.phone-input__leading):hover{border-color:var(--border-strong)}.payload-fields input:not([type=checkbox]):not(.phone-input__field):focus,.payload-fields textarea:focus,.payload-fields select:not(.phone-input__leading):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.payload-fields input[type=checkbox]{width:1.1rem;height:1.1rem;margin-right:.5rem;vertical-align:middle;cursor:pointer;accent-color:var(--accent)}.payload-fields small[role=alert]{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--danger)}