.sms-cost{--sms-text:#1d2433;--sms-muted:#5a6478;--sms-surface:#fff;--sms-border:#8a93a6;--sms-focus:#1f5fd1;--sms-ucs2-bg:#fff1d6;--sms-ucs2-border:#8a5a00;--sms-mark-bg:#ffe08a;--sms-start:#c62828;--sms-start-bg:#ffd9d6;color:var(--sms-text);gap:.75rem;display:grid}@media (prefers-color-scheme:dark){.sms-cost{--sms-text:#e7eaf0;--sms-muted:#a9b1c2;--sms-surface:#161b26;--sms-border:#6b7488;--sms-focus:#8ab4ff;--sms-ucs2-bg:#3a2a08;--sms-ucs2-border:#f0b542;--sms-mark-bg:#6b4f00;--sms-start:#ff8a80;--sms-start-bg:#5c1d1a}}.sms-cost__label{font-weight:600}.sms-cost__field{background:var(--sms-surface);border-radius:.5rem;display:grid}.sms-cost__field>*{grid-area:1/1}.sms-cost__textarea,.sms-cost__backdrop{box-sizing:border-box;font:inherit;white-space:pre-wrap;overflow-wrap:break-word;border:1px solid #0000;border-radius:.5rem;margin:0;padding:.75rem;line-height:1.5}.sms-cost__textarea{resize:none;width:100%;min-height:8rem;color:inherit;border-color:var(--sms-border);background:0 0;overflow:hidden}.sms-cost__backdrop{color:#0000}.sms-cost__non-gsm{background:var(--sms-mark-bg);outline:2px solid var(--sms-ucs2-border);-webkit-text-decoration:underline wavy var(--sms-ucs2-border);text-decoration:underline wavy var(--sms-ucs2-border);text-underline-offset:.2em;border-radius:2px}.sms-cost__segment-start{background:var(--sms-start-bg);box-shadow:-2px 0 0 var(--sms-start)}.sms-cost__textarea:focus-visible{outline:3px solid var(--sms-focus);outline-offset:2px}.sms-cost__stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem 1rem;margin:0;display:grid}.sms-cost__stat dt{color:var(--sms-muted);font-size:.875rem}.sms-cost__stat dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:1.125rem}.sms-cost__encoding{border:1px solid var(--sms-border);border-radius:.25rem;padding:0 .4rem;display:inline-block}.sms-cost__encoding--ucs2{background:var(--sms-ucs2-bg);border:2px dashed var(--sms-ucs2-border);font-weight:700}.sms-cost__report{border:2px dashed var(--sms-ucs2-border);border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.sms-cost__subhead{margin:0;font-weight:600}.sms-cost__chars{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sms-cost__char{border:1px solid var(--sms-border);border-radius:.25rem;align-items:center;gap:.4rem;padding:.25rem .5rem;display:inline-flex}.sms-cost__glyph{place-items:center;min-width:1.75rem;font-size:1.25rem;display:inline-grid}.sms-cost__figure{gap:.5rem;margin:0;display:grid}.sms-cost__preview{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.sms-cost__mark{color:inherit;background:var(--sms-mark-bg);outline:2px solid var(--sms-ucs2-border);-webkit-text-decoration:underline wavy var(--sms-ucs2-border);text-decoration:underline wavy var(--sms-ucs2-border);text-underline-offset:.2em;border-radius:2px;margin:0 .1em}.sms-cost__visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sms-cost__note{color:var(--sms-muted);margin:0;font-size:.875rem}.sms-cost__names{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.sms-cost__names caption{text-align:left;margin-bottom:.25rem}.sms-cost__names th,.sms-cost__names td{text-align:left;border-bottom:1px solid var(--sms-border);padding:.35rem .5rem}.sms-cost__names thead th{color:var(--sms-muted);font-size:.875rem;font-weight:600}.sms-cost__names tbody th{overflow-wrap:anywhere;font-weight:400}.code-browser{grid-template-rows:auto minmax(0,1fr);gap:.5rem;min-width:0;height:100%;min-height:0;display:grid;container-type:inline-size}.code-browser__bar{align-items:center;gap:.75rem;min-width:0;display:flex}.code-browser__toggle{min-height:2rem;font:inherit;color:inherit;background:var(--demo-surface);border:1px solid var(--demo-border);cursor:pointer;border-radius:999px;flex:none;padding:.25rem .75rem .25rem .5rem;font-size:.875rem}.code-browser__toggle:before{content:"▸" / "";width:1rem;display:inline-block}.code-browser__toggle[aria-expanded=true]:before{content:"▾" / ""}.code-browser__toggle:focus-visible{outline:3px solid var(--demo-focus);outline-offset:2px}.code-browser__layout{grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-height:0;display:grid}.code-browser__tree,.code-browser__code{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:.5rem}.code-browser__tree{scrollbar-gutter:stable;max-height:14rem;padding:.25rem;font-size:.875rem;overflow:auto}.code-browser__list{margin:0;padding:0;list-style:none}.code-browser__list .code-browser__list{padding-left:1rem}.code-browser__tree summary,.code-browser__tree button{box-sizing:border-box;width:100%;min-height:1.75rem;font:inherit;color:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:.2rem .5rem;line-height:1.4;display:block}.code-browser__tree summary{list-style:none}.code-browser__tree summary::-webkit-details-marker{display:none}.code-browser__tree summary:before{content:"▸" / "";width:1rem;display:inline-block}.code-browser__tree details[open]>summary:before{content:"▾" / ""}.code-browser__tree button{padding-left:1.5rem}.code-browser__tree summary:hover,.code-browser__tree button:hover{background:var(--demo-hover-bg)}.code-browser__tree button[aria-current=true]{background:var(--demo-selected-bg);box-shadow:inset 3px 0 0 var(--demo-focus);font-weight:700}.code-browser__tree summary:focus-visible,.code-browser__tree button:focus-visible{outline:2px solid var(--demo-focus);outline-offset:-2px}.code-browser__path{overflow-wrap:anywhere;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.code-browser__code{counter-reset:line;overflow:auto}.code-browser__code:focus-visible{outline:3px solid var(--demo-focus);outline-offset:2px}.code-browser__code pre{--gutter:calc(var(--digits) * 1ch + 1.5rem);box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;background:linear-gradient(var(--demo-border), var(--demo-border)) var(--gutter) 0 / 1px 100% no-repeat, linear-gradient(var(--demo-gutter-bg), var(--demo-gutter-bg)) 0 0 / var(--gutter) 100% no-repeat;min-height:100%;margin:0;padding:.75rem .75rem .75rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.code-browser__line{grid-template-columns:var(--gutter) minmax(0, 1fr);column-gap:.75rem;display:grid}.code-browser__line:before{counter-increment:line;content:counter(line);content:counter(line) / "";color:var(--demo-muted);text-align:right;-webkit-user-select:none;user-select:none;padding-right:.75rem}@container (width>=36rem){.code-browser__layout{grid-template-rows:minmax(0,1fr);grid-template-columns:fit-content(18rem) minmax(0,1fr)}.code-browser__tree{max-height:none}}.code-browser__layout.code-browser__layout--no-tree{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}:root{--demo-bg:#f5f6f8;--demo-text:#1d2433;--demo-muted:#5a6478;--demo-surface:#fff;--demo-border:#8a93a6;--demo-focus:#1f5fd1;--demo-error:#b3261e;--demo-hover-bg:#e9ecf2;--demo-selected-bg:#dde7fb;--demo-gutter-bg:#eef0f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--demo-bg:#0e121a;--demo-text:#e7eaf0;--demo-muted:#a9b1c2;--demo-surface:#161b26;--demo-border:#6b7488;--demo-focus:#8ab4ff;--demo-error:#ff8a80;--demo-hover-bg:#222938;--demo-selected-bg:#1d2c4a;--demo-gutter-bg:#1b212d}}body{background:var(--demo-bg);color:var(--demo-text);margin:0}.layout__code{box-sizing:border-box;border-top:1px solid var(--demo-border);grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-width:0;height:85vh;padding:1.5rem 1rem;display:grid}.layout__code h2{margin:0;font-size:1.25rem}.split-divider{display:none}@media (width>=64rem){.layout{grid-template-columns:calc(var(--split,50) * 1%) .75rem minmax(0, 1fr);grid-template-areas:"code divider demo";height:100dvh;display:grid}.layout__demo{grid-area:demo;overflow-y:auto}.layout__code{border-top:0;grid-area:code;height:auto;min-height:0}.split-divider{cursor:col-resize;touch-action:none;background:linear-gradient(var(--demo-border), var(--demo-border)) center / 1px 100% no-repeat;grid-area:divider;place-items:center;display:grid}.split-divider:before{content:"";background:var(--demo-border);border-radius:999px;width:.25rem;height:2.5rem}.split-divider:hover:before,.split-divider:focus-visible:before{background:var(--demo-focus)}.split-divider:focus-visible{outline:3px solid var(--demo-focus);outline-offset:-3px}}.demo{box-sizing:border-box;gap:1.25rem;max-width:44rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid}.demo h1{margin:0;font-size:1.5rem}.demo p{margin:0}.demo__settings{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.demo__field{gap:.25rem;display:grid}.demo__field label{font-weight:600}.demo__field input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:.5rem;padding:.5rem .75rem}.demo__field input[aria-invalid=true]{border:2px solid var(--demo-error)}.demo__field input:disabled{color:var(--demo-muted);cursor:not-allowed;border-style:dashed}.demo__hint{color:var(--demo-muted);font-size:.875rem}.demo__error{color:var(--demo-error);font-size:.875rem;font-weight:600}.demo__examples{border:1px solid var(--demo-border);border-radius:.5rem;flex-wrap:wrap;gap:.5rem;margin:0;padding:.75rem;display:flex}.demo__examples legend,.demo__audience legend{padding:0 .25rem;font-weight:600}.demo__examples button{min-height:2.75rem;font:inherit;color:inherit;background:var(--demo-surface);border:1px solid var(--demo-border);cursor:pointer;border-radius:999px;padding:.5rem .9rem}.demo__audience{border:1px solid var(--demo-border);border-radius:.5rem;gap:.5rem;margin:0;padding:.75rem;display:grid}.demo__radio{align-items:center;gap:.5rem;min-height:1.75rem;display:flex}.demo__audience textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--demo-surface);border:1px solid var(--demo-border);resize:vertical;border-radius:.5rem;padding:.5rem .75rem;line-height:1.5}.demo input:focus-visible,.demo__audience textarea:focus-visible,.demo button:focus-visible{outline:3px solid var(--demo-focus);outline-offset:2px}.demo__explainer{gap:.75rem;display:grid}.demo__explainer h2{margin:0;font-size:1.25rem}.demo__explainer-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.demo__explainer-list>li{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.demo__explainer h3{margin:0;font-size:1rem}.demo__facts{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;font-size:.875rem;display:flex}.demo__facts div{gap:.35rem;display:flex}.demo__facts dt{color:var(--demo-muted);flex:none}.demo__facts dd{font-variant-numeric:tabular-nums;margin:0}
