.dfk-form{--dfk-bg:var(--sl-color-bg,#fff);--dfk-fg:var(--sl-color-white,#0a0a0a);--dfk-muted:var(--sl-color-gray-3,#74747f);--dfk-line:var(--sl-color-hairline,#eaeaee);--dfk-soft:var(--sl-color-gray-7,#fbfbfc);--dfk-accent:var(--df-blue,#0040ff);--dfk-danger:var(--df-pink,#ff1f6b);flex-direction:column;gap:1.15rem;font-size:.95rem;display:flex}.dfk-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.dfk-label{letter-spacing:-.01em;color:var(--dfk-fg);font-size:.8rem;font-weight:700}.dfk-req{color:var(--dfk-danger);margin-left:.15em}.dfk-note{color:var(--dfk-muted);margin:0;font-size:.78rem;line-height:1.45}.dfk-checking{color:var(--dfk-accent)}.dfk-error{color:var(--dfk-danger);margin:0;font-size:.78rem;font-weight:500}.dfk-grouperror{color:var(--dfk-danger);background:color-mix(in srgb, var(--dfk-danger) 8%, transparent);border-left:3px solid var(--dfk-danger);border-radius:0 6px 6px 0;margin:0;padding:.6rem .75rem;font-size:.82rem;font-weight:500}.dfk-tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--dfk-accent);font-size:.68rem;font-weight:700}.dfk-input{font:inherit;width:100%;color:var(--dfk-fg);background:var(--dfk-bg);border:1.5px solid var(--dfk-line);border-radius:7px;padding:.55rem .7rem;font-size:.92rem;transition:border-color .14s}.dfk-input:focus{border-color:var(--dfk-accent);outline:none}.dfk-input:disabled{background:var(--dfk-soft);color:var(--dfk-muted);cursor:not-allowed}.dfk-field[data-invalid] .dfk-input{border-color:var(--dfk-danger)}.dfk-textarea{resize:vertical;min-height:4.5rem}.dfk-num{font-variant-numeric:tabular-nums}.dfk-derived{background:var(--dfk-soft);font-weight:700}.dfk-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px;padding-right:2.2rem}.dfk-choices{flex-wrap:wrap;gap:.45rem;display:flex}.dfk-choice{font:inherit;cursor:pointer;border:1.5px solid var(--dfk-line);background:var(--dfk-bg);color:var(--dfk-muted);border-radius:7px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .14s}.dfk-choice:hover:not(:disabled){border-color:var(--dfk-fg);color:var(--dfk-fg)}.dfk-choice[data-active]{background:var(--dfk-accent);border-color:var(--dfk-accent);color:#fff}.dfk-choice:disabled{opacity:.5;cursor:not-allowed}.dfk-check{cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.dfk-check input{width:1.05rem;height:1.05rem;accent-color:var(--dfk-accent);cursor:pointer}.dfk-section{border:1.5px solid var(--dfk-line);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.dfk-section-head{align-items:center;gap:.6rem;display:flex}.dfk-section-head h3,.dfk-toggle-head h3{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:700}.dfk-section-no{background:var(--dfk-accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.7rem;font-weight:700;display:flex}.dfk-section-help{color:var(--dfk-muted);margin:0;font-size:.8rem}.dfk-section-body{flex-direction:column;gap:1.15rem;display:flex}.dfk-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.15rem;display:grid}.dfk-toggle-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dfk-switch{cursor:pointer;background:var(--dfk-line);border:none;border-radius:999px;flex:none;width:2.6rem;height:1.5rem;padding:.18rem;transition:background .16s;display:flex}.dfk-switch[aria-checked=true]{background:var(--dfk-accent)}.dfk-switch span{background:#fff;border-radius:50%;width:1.14rem;height:1.14rem;transition:transform .16s}.dfk-switch[aria-checked=true] span{transform:translate(1.1rem)}.dfk-repeater{border:1.5px solid var(--dfk-line);border-radius:10px;flex-direction:column;gap:.6rem;margin:0;padding:.4rem .9rem .9rem;display:flex}.dfk-repeater[data-invalid]{border-color:var(--dfk-danger)}.dfk-repeater legend{padding:0 .35rem;font-size:.8rem;font-weight:700}.dfk-rrow{background:var(--dfk-soft);border:1px solid var(--dfk-line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:.75rem;padding:.7rem .75rem;display:grid}.dfk-rrow-head{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.dfk-rrow-no{letter-spacing:.06em;color:var(--dfk-muted);font-size:.7rem;font-weight:700}.dfk-rrow-x{color:var(--dfk-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.8rem;font-weight:700}.dfk-rrow-x:disabled{color:var(--dfk-muted);opacity:.5;cursor:not-allowed}.dfk-radd{font:inherit;border:1.5px dashed var(--dfk-line);width:100%;color:var(--dfk-accent);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem;font-size:.82rem;font-weight:700;transition:border-color .14s}.dfk-radd:hover:not(:disabled){border-color:var(--dfk-accent)}.dfk-radd:disabled{color:var(--dfk-muted);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.dfk-form *{transition-duration:.001ms!important}}.hero-demo{--hero-line:var(--sl-color-hairline);border:2px solid var(--sl-color-white);background:var(--sl-color-bg);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.hero-pane{flex-direction:column;min-width:0;display:flex}.hero-pane-code{border-right:2px solid var(--sl-color-white)}.hero-panebar{border-bottom:1px solid var(--hero-line);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-color-gray-3);padding:.65rem 1rem;font-size:.65rem;font-weight:700}.hero-pane-code .hero-panebar{color:var(--df-blue,#0040ff)}.hero-pane-form .hero-panebar{color:var(--df-pink,#ff1f6b)}.hero-code{font-family:var(--sl-font-mono);flex:1;min-height:20rem;max-height:24rem;margin:0;padding:1rem 0;font-size:.76rem;line-height:1.75;position:relative;overflow:auto}.hero-line{white-space:pre;padding:0 1rem;display:block}.hero-line.is-new{background:var(--df-yellow,#ffe81a);color:#0a0a0a;animation:1.4s ease-out hero-flare}.hero-line.is-new .tok-key,.hero-line.is-new .tok-str,.hero-line.is-new .tok-punc{color:#0a0a0a}@keyframes hero-flare{0%{background:var(--df-yellow,#ffe81a)}75%{background:var(--df-yellow,#ffe81a)}to{background:0 0}}.tok-key{color:var(--df-blue,#0040ff)}.tok-str{color:var(--sl-color-white)}.tok-punc{color:var(--sl-color-gray-3)}.hero-form{flex-direction:column;flex:1;gap:1.2rem;padding:1.4rem 1.2rem;display:flex}.hero-submit{border-top:1px solid var(--hero-line);align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.hero-btn{font:inherit;border:2px solid var(--df-blue,#0040ff);background:var(--df-blue,#0040ff);color:#fff;cursor:pointer;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700}.hero-btn:hover{filter:brightness(1.1)}.hero-saved{color:var(--df-green,#00b863);font-size:.8rem;font-weight:600}.hero-chips{border-top:2px solid var(--sl-color-white);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.hero-chips-label{letter-spacing:.14em;text-transform:uppercase;color:var(--sl-color-gray-3);margin-right:.3rem;font-size:.62rem;font-weight:700}.hero-chip{font:inherit;cursor:pointer;border:2px solid var(--sl-color-white);color:var(--sl-color-white);background:0 0;border-radius:999px;padding:.4rem .95rem;font-size:.82rem;font-weight:700;transition:background .14s,color .14s,border-color .14s}.hero-chip:hover:not(:disabled){background:var(--df-yellow,#ffe81a);border-color:var(--df-yellow,#ffe81a);color:#0a0a0a}.hero-chip:disabled{opacity:.35;cursor:default}.hero-chip-ghost{border-color:var(--hero-line);color:var(--sl-color-gray-3)}.hero-chip:focus-visible{outline:3px solid var(--df-blue,#0040ff);outline-offset:2px}@media (width<=780px){.hero-demo{grid-template-columns:1fr}.hero-pane-code{border-right:none;border-bottom:2px solid var(--sl-color-white)}.hero-code{min-height:0;max-height:18rem}}@media (prefers-reduced-motion:reduce){.hero-line.is-new{animation:none}}