.hd-root{--hd-n50: oklch(.985 .002 277);--hd-n100: oklch(.965 .012 277);--hd-n200: oklch(.922 .018 277);--hd-n300: oklch(.87 .025 277);--hd-n400: oklch(.71 .03 277);--hd-n500: oklch(.556 .035 277);--hd-n600: oklch(.45 .04 277);--hd-n700: oklch(.35 .045 277);--hd-n900: oklch(.215 .038 277);--hd-n950: oklch(.141 .038 277);--hd-b50: oklch(.975 .02 277);--hd-b100: oklch(.945 .045 277);--hd-b200: oklch(.895 .09 277);--hd-b600: oklch(.52 .228 277);--hd-b700: oklch(.45 .215 277);--hd-b800: oklch(.37 .18 277);--hd-bg: oklch(.971 .005 277);--hd-card: oklch(1 0 0);--hd-fg: var(--hd-n950);--hd-mut: var(--hd-n500);--hd-pri: var(--hd-b600);--hd-pri-hover: var(--hd-b700);--hd-pri-fg: oklch(.985 .002 277);--hd-err: oklch(.577 .245 27.325);--hd-err-soft: oklch(.965 .03 27.325);--hd-err-soft-fg: oklch(.44 .19 27.325);--hd-ok: oklch(.6 .17 155);--hd-ok-hover: oklch(.53 .16 155);--hd-ok-soft: oklch(.965 .045 155);--hd-ok-soft-fg: oklch(.42 .135 155);--hd-warn: oklch(.75 .17 80);--hd-warn-hover: oklch(.685 .165 80);--hd-warn-soft: oklch(.97 .06 80);--hd-warn-soft-fg: oklch(.45 .135 80);--hd-border: oklch(.905 .009 277);--hd-border-strong: oklch(.875 .011 277);--hd-sel-bg: color-mix(in srgb, var(--hd-b600) 16%, var(--hd-card));--hd-sel-edge: color-mix(in srgb, var(--hd-b600) 32%, var(--hd-card));--hd-sh-xs: 0 1px 2px 0 oklch(.22 .04 277 / .05);--hd-sh-md: 0 4px 10px -3px oklch(.22 .04 277 / .1);--hd-sh-lg: 0 12px 26px -8px oklch(.22 .05 277 / .16);--hd-sh-xl: 0 22px 48px -12px oklch(.2 .05 277 / .22);color:var(--hd-fg);container-type:inline-size;font-family:var(--font-sans, "Inter", ui-sans-serif, system-ui, sans-serif);font-size:13px;line-height:1.45;letter-spacing:0;text-align:left;font-weight:400}.hd-root *,.hd-root *:before,.hd-root *:after{border-color:var(--hd-border)}.hd-root button{cursor:pointer}.hd-root button:disabled{cursor:not-allowed}.hd-root a{text-decoration:none}.hd-root table{border-collapse:collapse}.hd-root .hd-t-mut{color:var(--hd-mut)}.hd-root .hd-t-n600{color:var(--hd-n600)}.hd-root .hd-t-n700{color:var(--hd-n700)}.hd-root .hd-t-pri{color:var(--hd-pri)}.hd-root .hd-t-brand{color:var(--hd-b700)}.hd-root .hd-t-ok{color:var(--hd-ok-soft-fg)}.hd-root .hd-t-ok2{color:var(--hd-ok)}.hd-root .hd-t-err{color:var(--hd-err)}.hd-root .hd-t-errsoft{color:var(--hd-err-soft-fg)}.hd-root .hd-t-warn{color:var(--hd-warn-soft-fg)}.hd-root .hd-t-white{color:#fff}.hd-root .hd-bg-canvas{background:var(--hd-bg)}.hd-root .hd-bg-card{background:var(--hd-card)}.hd-root .hd-bg-n50{background:var(--hd-n50)}.hd-root .hd-bg-n100{background:var(--hd-n100)}.hd-root .hd-bg-pri{background:var(--hd-pri)}.hd-root .hd-bg-prisoft{background:var(--hd-b50)}.hd-root .hd-bg-brand100{background:var(--hd-b100)}.hd-root .hd-bg-ok{background:var(--hd-ok)}.hd-root .hd-bg-oksoft{background:var(--hd-ok-soft)}.hd-root .hd-bg-err{background:var(--hd-err)}.hd-root .hd-bg-errsoft{background:var(--hd-err-soft)}.hd-root .hd-bg-warnsoft{background:var(--hd-warn-soft)}.hd-root .hd-bg-warn{background:var(--hd-warn)}.hd-root .hd-bg-sel{background:var(--hd-sel-bg)}.hd-root .hd-bg-warnrow{background:color-mix(in srgb,var(--hd-warn) 9%,var(--hd-card))}.hd-root .hd-bc-strong{border-color:var(--hd-border-strong)}.hd-root .hd-bc-sel{border-color:var(--hd-sel-edge)}.hd-root .hd-bc-pri{border-color:var(--hd-pri)}.hd-root .hd-bc-err{border-color:var(--hd-err)}.hd-root .hd-bc-warn{border-color:var(--hd-warn)}.hd-root .hd-bc-ok{border-color:var(--hd-ok)}.hd-root .hd-bc-transparent{border-color:transparent}.hd-root .hd-sh-xs{box-shadow:var(--hd-sh-xs)}.hd-root .hd-sh-md{box-shadow:var(--hd-sh-md)}.hd-root .hd-sh-lg{box-shadow:var(--hd-sh-lg)}.hd-root .hd-sh-xl{box-shadow:var(--hd-sh-xl)}.hd-root .hd-r-sm{border-radius:5px}.hd-root .hd-r-md{border-radius:6px}.hd-root .hd-r-lg,.hd-root .hd-r-xl{border-radius:8px}.hd-root .hd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hd-root .hd-num{font-variant-numeric:tabular-nums}.hd-root .hd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:500;white-space:nowrap;border:1px solid var(--hd-border-strong);background:var(--hd-card);border-radius:8px;transition:background .12s}.hd-root .hd-btn:hover:not(:disabled){background:var(--hd-n100)}.hd-root .hd-btn-sm{height:30px;padding:0 10px;font-size:13px}.hd-root .hd-btn-xs{height:26px;padding:0 8px;font-size:12px}.hd-root .hd-btn-pri{background:var(--hd-pri);border-color:var(--hd-pri);color:var(--hd-pri-fg)}.hd-root .hd-btn-pri:hover:not(:disabled){background:var(--hd-pri-hover)}.hd-root .hd-btn-ok{background:var(--hd-ok);border-color:var(--hd-ok);color:#fff}.hd-root .hd-btn-ok:hover:not(:disabled){background:var(--hd-ok-hover)}.hd-root .hd-btn-oksoft{background:var(--hd-ok-soft);border-color:transparent;color:var(--hd-ok-soft-fg)}.hd-root .hd-btn-oksoft:hover:not(:disabled){background:var(--hd-ok-soft)}.hd-root .hd-btn-warn{background:var(--hd-warn);border-color:var(--hd-warn);color:oklch(.215 .06 80)}.hd-root .hd-btn-warn:hover:not(:disabled){background:var(--hd-warn-hover)}.hd-root .hd-btn-ghost{border-color:transparent;background:transparent}.hd-root .hd-btn-ghost:hover:not(:disabled){background:var(--hd-n100)}.hd-root .hd-btn-danger-ghost{border-color:transparent;background:transparent;color:var(--hd-err)}.hd-root .hd-btn-danger-ghost:hover:not(:disabled){background:var(--hd-err-soft)}.hd-root .hd-btn-dashed{border-style:dashed;background:transparent;color:var(--hd-mut)}.hd-root .hd-field{display:flex;align-items:center;width:100%;min-height:36px;padding:0 10px;font-size:13px;background:var(--hd-card);border:1px solid var(--hd-border);border-radius:8px;color:var(--hd-fg)}.hd-root .hd-field-flag{background:color-mix(in srgb,#f97316 14%,var(--hd-card));border-color:color-mix(in srgb,#f97316 45%,var(--hd-card))}.hd-root .hd-field-warn{background:var(--hd-warn-soft);border-color:var(--hd-warn)}.hd-root .hd-label{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:var(--hd-mut)}.hd-root .hd-scroll{scrollbar-width:thin;scrollbar-color:oklch(.556 .035 277 / .35) transparent}.hd-root .hd-scroll::-webkit-scrollbar{width:8px;height:8px}.hd-root .hd-scroll::-webkit-scrollbar-thumb{background:#6e72884d;border-radius:9999px}@keyframes hd-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.6);opacity:0}}.hd-root .hd-ping{animation:hd-ping 1.6s ease-out infinite}@keyframes hd-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hd-root .hd-pop{animation:hd-pop .18s ease-out}@keyframes hd-fade{0%{opacity:0}to{opacity:1}}.hd-root .hd-fade{animation:hd-fade .15s ease-out}@media(prefers-reduced-motion:reduce){.hd-root .hd-ping,.hd-root .hd-pop,.hd-root .hd-fade{animation:none}}.hd-root .hd-page{container-type:inline-size;background:#fff;color:#1f2937;box-shadow:0 6px 24px -8px #1e1b4b40}.hd-root .hd-page-in{font-size:1.72cqw;line-height:1.35}.hd-root .hd-page *{border-color:#d1d5db}.hd-root .hd-chip-info{background:#3b82f61a;color:#1d4ed8}.hd-root ::placeholder{color:var(--hd-mut);opacity:1}@keyframes hd-flash{0%,55%{box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-pri) 60%,transparent)}to{box-shadow:0 0 0 3px transparent}}.hd-root .hd-flash{animation:hd-flash 1.1s ease-out;border-radius:8px}@media(prefers-reduced-motion:reduce){.hd-root .hd-flash{animation:none;box-shadow:0 0 0 3px var(--hd-pri)}}.hd-root .text-sm{font-size:13px;line-height:1.45}.hd-root .text-base{font-size:14px;line-height:1.4}.hd-root .text-lg{font-size:15px;line-height:1.4}.hd-root .text-xl{font-size:16px;line-height:1.3}.hd-root .text-3xl{font-size:24px;line-height:1.2}.hd-root .rounded-xl,.hd-root .rounded-2xl,.hd-root .rounded-lg{border-radius:8px}.hd-root .rounded-md{border-radius:6px}@keyframes hd-tour-ring{0%,to{box-shadow:0 0 0 2px var(--hd-pri),0 0 0 5px color-mix(in srgb,var(--hd-pri) 20%,transparent)}50%{box-shadow:0 0 0 2px var(--hd-pri),0 0 0 10px color-mix(in srgb,var(--hd-pri) 6%,transparent)}}.hd-root .hd-tour-ring{box-shadow:0 0 0 2px var(--hd-pri);animation:hd-tour-ring 1.7s ease-in-out infinite}@keyframes hd-tour-row{0%,to{background-color:transparent}50%{background-color:color-mix(in srgb,var(--hd-pri) 9%,#fff)}}.hd-root .hd-tour-row{animation:hd-tour-row 1.7s ease-in-out infinite}.hd-root .hd-usecase{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:9999px;border:1px dashed var(--hd-pri);color:var(--hd-b700);background:color-mix(in srgb,var(--hd-pri) 6%,#fff);font-size:11px;font-weight:600;white-space:nowrap}.hd-root .hd-usecase.on{background:var(--hd-pri);color:#fff;border-style:solid}@media(prefers-reduced-motion:reduce){.hd-root .hd-tour-ring,.hd-root .hd-tour-row{animation:none}}.hd-root .hd-callout{position:absolute;left:14px;top:-13px;z-index:6;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 28px);padding:4px 11px 4px 8px;border-radius:9999px;background:var(--hd-pri);color:#fff;font-size:12px;font-weight:600;line-height:1.3;box-shadow:0 6px 14px -6px #3c28a099;pointer-events:none}.hd-root .hd-callout.below{top:auto;bottom:-13px}.hd-root .hd-callout span.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-root .hd-tag{position:absolute;left:8px;top:-11px;z-index:6;display:inline-flex;align-items:center;gap:5px;width:max-content;padding:2px 9px 2px 3px;border-radius:9999px;background:var(--hd-pri);color:#fff;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 6px 14px -6px #3c28a099;pointer-events:none}.hd-root .hd-tag b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:9999px;background:#fff;color:var(--hd-b700);font-size:10px;font-weight:800}.hd-root .hd-tag.below{top:auto;bottom:-11px;left:14px}.hd-root .hd-tag.end{left:auto;right:4px}.hd-root .hd-tag.up{top:-25px;left:0}.hd-root .hd-tag.flow{position:relative;inset:auto;margin-top:6px}.hd-root .hd-tag.left{inset:50% 100% auto auto;transform:translateY(-50%);margin-right:6px}.hd-root .hd-tag.up.end{left:auto;right:0}.hd-root .hd-cell{max-height:3.5rem;transition:max-height .35s ease,opacity .3s ease,transform .35s ease}.hd-root .hd-cell.out{max-height:0;opacity:0;transform:translate(28px);overflow:hidden}@media(prefers-reduced-motion:reduce){.hd-root .hd-cell{transition:none}}
