.names-demo-page{color:var(--text-default)}.names-demo-copy,.names-demo-meta,.names-demo-shortcut,.names-demo-summary,.names-demo-hint{color:var(--text-muted)}.names-demo-panel{border-radius:1.25rem;border:1px solid var(--border-soft);background:var(--bg-card);padding:1.25rem}.names-demo-label{display:block;font-size:.95rem;font-weight:600;color:var(--text-default)}.names-demo-hint{display:block;margin-top:.2rem;font-size:.85rem}.names-demo-textarea{width:100%;margin-top:.85rem;resize:vertical;border-radius:.95rem;border:1px solid var(--border-soft);background:var(--bg-card-soft);color:var(--text-default);padding:.95rem 1rem;line-height:1.6;outline:none;transition:border-color .12s ease,background .12s ease}.names-demo-textarea:focus{border-color:var(--accent);background:color-mix(in srgb,var(--bg-card-soft) 86%,white 14%)}.names-demo-status{margin:0;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted);text-align:center;transition:color .12s ease}.names-demo-status__dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:999px;background:var(--text-soft);transition:background .12s ease}.names-demo-status-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem}.names-demo-loading{width:min(16rem,62vw);height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border-soft) 82%,transparent);opacity:0;transition:opacity .12s ease,box-shadow .12s ease}.names-demo-loading__bar{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent) 0%,var(--accent) 45%,color-mix(in srgb,var(--accent) 35%,white) 65%,var(--accent) 100%);transform:translate(-140%);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}[data-names-demo-state=loading] .names-demo-loading,[data-names-demo-state=running] .names-demo-loading{opacity:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}[data-names-demo-state=loading] .names-demo-status__dot,[data-names-demo-state=running] .names-demo-status__dot{background:var(--accent);animation:names-demo-dot-pulse .9s ease-in-out infinite}[data-names-demo-state=ready] .names-demo-status__dot{background:var(--success)}[data-names-demo-state=error] .names-demo-status__dot{background:#b54b4b}[data-names-demo-state=loading] .names-demo-loading__bar,[data-names-demo-state=running] .names-demo-loading__bar{animation:names-demo-loading 1.15s ease-in-out infinite}[data-names-demo-state=loading] .names-demo-status,[data-names-demo-state=running] .names-demo-status{color:var(--accent-strong);animation:names-demo-status-pulse 1.1s ease-in-out infinite}.names-demo-run[disabled]{cursor:wait;opacity:.9}.names-demo-run{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:11.5rem;transition:transform 90ms ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease;user-select:none;-webkit-user-select:none}.names-demo-run:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.names-demo-run:active:not([disabled]){transform:translateY(1px) scale(.988);box-shadow:inset 0 2px color-mix(in srgb,black 18%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.names-demo-run__spinner{width:0;height:.92rem;flex:0 0 auto;margin-right:0;border-radius:999px;border:0 solid color-mix(in srgb,white 28%,transparent);border-top-color:#fff;opacity:0;transform:scale(.72);transition:width .12s ease,margin-right .12s ease,border-width .12s ease,opacity .12s ease,transform .12s ease}[data-names-demo-state=loading] .names-demo-run,[data-names-demo-state=running] .names-demo-run{opacity:1;filter:saturate(1.08);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 1px color-mix(in srgb,white 10%,transparent)}[data-names-demo-state=loading] .names-demo-run__spinner,[data-names-demo-state=running] .names-demo-run__spinner{width:.92rem;margin-right:.6rem;border-width:2px;opacity:1;transform:scale(1);animation:names-demo-run-spinner .78s linear infinite}.names-demo-link{border:0;background:transparent;padding:0;color:var(--accent-strong);cursor:pointer;font-size:.92rem;line-height:1.4;text-decoration:underline;text-underline-offset:.16em}.names-demo-link:hover{color:var(--accent)}.names-demo-link[disabled]{cursor:default;color:var(--text-soft);text-decoration:none}.names-demo-text-link{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.18em}.names-demo-text-link:hover{color:var(--accent)}.names-demo-api-link{color:inherit;text-decoration:none}.names-demo-api-link:hover code{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.names-demo-icon-button{border:1px solid var(--border-soft);background:transparent;color:var(--text-muted);width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;transition:border-color .12s ease,color .12s ease,transform .12s ease}.names-demo-icon-button:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.names-demo-code-label{margin:0}.names-demo-heading{margin-top:.55rem;margin-bottom:0;font-size:1.35rem;font-weight:620}.names-demo-transcript{margin-top:1rem;min-height:5rem;border-radius:.95rem;border:1px solid var(--border-soft);background:var(--bg-card-soft);padding:1rem;white-space:pre-wrap;word-break:break-word;font-family:Berkeley Mono,JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;line-height:1.7;color:var(--text-default)}.names-demo-highlight{border-radius:.3rem;padding:.05rem .1rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text-default)}.names-demo-highlight--applied{background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--accent) 42%,transparent)}.names-demo-empty{color:var(--text-soft)}.names-demo-list{display:grid;gap:.75rem}.names-demo-row{border-radius:.95rem;border:1px solid var(--border-soft);background:var(--bg-card-soft);padding:.85rem .95rem}.names-demo-row-main{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;color:var(--text-default)}.names-demo-row-main strong{font-weight:620}.names-demo-row-meta,.names-demo-row-phones,.names-demo-row-context{margin-top:.35rem;font-size:.88rem;color:var(--text-muted)}.names-demo-row-phones{font-family:Berkeley Mono,JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.names-demo-row-context{white-space:pre-wrap;word-break:break-word;font-family:Berkeley Mono,JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.names-demo-summary{margin-top:.9rem;margin-bottom:0;font-size:.9rem}.names-demo-details summary{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-left:1.4rem;font-weight:600;color:var(--text-default);list-style:none}.names-demo-details summary::-webkit-details-marker{display:none}.names-demo-details summary:before{content:"▸";position:absolute;left:0;top:.02rem;font-size:1.05rem;color:var(--text-soft);transition:transform .12s ease,color .12s ease}.names-demo-details[open] summary:before{transform:rotate(90deg);color:var(--text-muted)}.names-demo-summary-row{gap:1rem}.names-demo-section-title{margin:0;font-weight:600;color:var(--text-default)}@keyframes names-demo-loading{0%{transform:translate(-140%)}to{transform:translate(380%)}}@keyframes names-demo-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{transform:scale(1.35);box-shadow:0 0 0 .3rem color-mix(in srgb,var(--accent) 18%,transparent)}}@keyframes names-demo-status-pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes names-demo-run-spinner{to{transform:rotate(360deg)}}.names-demo-discard-group-title{margin:0;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.names-demo-code-block{overflow-x:auto;border-radius:.95rem;border:1px solid var(--border-soft);background:var(--bg-card-soft);padding:1rem;color:var(--text-default)}.names-demo-code-block code{display:block;background:transparent;padding:0;white-space:pre}@media(max-width:640px){.names-demo-panel{padding:1rem}}