.df-kit-wrap{--ink:#0b1833;--blue:#087ebd;--blue-deep:#06669c;--blue-text:#0877af;--mist:#f6fafd;--line:#dceaf4;--muted:#526781;--radius:16px;--lift:0 3px 0 #e2ecf3;--shadow:0 6px 0 #dceaf4, 0 18px 32px -20px #24669755;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif}.df-kit{border:1px solid var(--line);background:var(--mist);color:var(--ink);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;max-width:100%;font-size:13px;line-height:1.5;display:flex;position:relative;overflow:hidden}.df-kit.is-full{width:100%;font-size:14px;overflow:visible}.df-kit.is-full .df-kit-top{z-index:3;position:sticky;top:72px}.df-kit.is-full .df-kit-script{flex:none;overflow:visible}.df-kit-wrap *,.df-kit *{box-sizing:border-box}.df-kit button,.df-kit input,.df-kit textarea,.df-kit-studio button,.df-kit-studio input,.df-kit-studio textarea{font:inherit}.df-kit button,.df-kit-studio button{cursor:pointer}.df-kit :focus-visible,.df-kit-studio :focus-visible{outline:3px solid var(--blue);outline-offset:2px}.df-kit-top{border-bottom:1px solid var(--line);background:#fff;flex:none;gap:8px;padding:10px 12px 8px;display:grid}.df-kit-bar{align-items:center;gap:8px;display:flex}.df-kit-mark{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:116px;height:28px;margin-right:auto;display:block}.df-kit-seg{border:1px solid var(--line);background:var(--mist);border-radius:12px;padding:3px;display:inline-flex}.df-kit-seg button{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.df-kit-seg button.is-on{color:var(--ink);box-shadow:0 2px 0 var(--line);background:#fff}.df-kit-stages{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.df-kit-stage{border:1px solid var(--line);min-height:40px;color:var(--ink);box-shadow:var(--lift);background:#fff;border-radius:12px;padding:3px 2px;font-size:12px;font-weight:700;line-height:1.15}.df-kit-stage small{letter-spacing:.1em;text-transform:uppercase;color:var(--blue-text);font-size:9px;display:block}.df-kit-stage.is-on{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep);border-color:#087cb6}.df-kit-stage.is-on small{color:#d6eefb}.df-kit-tools{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.df-kit-tools input,.df-kit-fill input{border:1px solid var(--line);background:var(--mist);width:100%;min-height:34px;color:var(--ink);border-radius:10px;padding:6px 10px;font-size:13px}.df-kit-ghost{border:1px solid var(--line);min-height:34px;color:var(--ink);box-shadow:var(--lift);background:#fff;border-radius:10px;padding:0 12px;font-size:12px;font-weight:700}.df-kit-ghost[aria-expanded=true]{background:var(--mist);box-shadow:none}.df-kit-fill{grid-template-columns:1fr 1fr;gap:6px;display:grid}.df-kit-fill[hidden]{display:none}.df-kit-fill label{color:var(--blue-text);letter-spacing:.06em;text-transform:uppercase;gap:3px;font-size:10px;font-weight:700;display:grid}.df-kit-fill .wide{grid-column:1/-1}.df-kit-fill input{text-transform:none;letter-spacing:0;background:#fff;font-weight:400}.df-kit-picks{flex:none;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 12px 10px;display:grid}.df-kit-label{color:var(--blue-text);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;margin:2px 0 -1px;font-size:10px;font-weight:700}.df-kit-pick{border:1px solid var(--line);min-height:32px;color:var(--ink);box-shadow:var(--lift);text-align:center;background:#fff;border-radius:10px;padding:3px 6px;font-size:12px;font-weight:700;line-height:1.2}.df-kit-pick.is-on{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep);border-color:#087cb6}.df-kit.is-full .df-kit-pick{min-height:36px;font-size:13px}.df-kit-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:16px 4px}.df-kit-script{flex:1;min-height:0;padding:0 12px 18px;overflow:auto}.df-kit-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:14px}.df-kit-kicker{color:var(--blue-text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.df-kit-card h2{letter-spacing:-.04em;margin:0 0 6px;font-size:17px;line-height:1.2}.df-kit.is-full .df-kit-card h2{font-size:19px}.df-kit-blurb{color:var(--muted);margin:0 0 10px;font-size:12px}.df-kit-say{gap:6px;display:grid}.df-kit-step{color:var(--blue-text);letter-spacing:.12em;text-transform:uppercase;margin:6px 0 0;font-size:10px;font-weight:700}.df-kit-line{margin:0;font-size:14px;line-height:1.55}.df-kit.is-full .df-kit-line{font-size:15.5px;line-height:1.6}.df-kit-slot{color:var(--blue);font-weight:700}.df-kit-note{border-top:1px solid var(--line);color:var(--muted);margin:10px 0 0;padding-top:8px;font-size:12px}.df-kit-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.df-kit-copy{color:#fff;background:#087ebd;border:1px solid #087cb6;border-radius:10px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;box-shadow:0 3px #06669c}.df-kit-next{color:var(--blue-text);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.df-kit-resize{background:linear-gradient(135deg, transparent 42%, var(--line) 42% 50%, transparent 50%), linear-gradient(135deg, transparent 62%, var(--blue) 62% 72%, transparent 72%);cursor:nwse-resize;border:0;border-radius:0 0 16px;width:18px;height:18px;padding:0;position:absolute;bottom:2px;right:2px}.df-kit-studio{gap:12px;margin-top:16px;display:grid}.df-kit-studio textarea{border:1px solid var(--line);width:100%;min-height:140px;color:var(--ink);background:#fff;border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.df-kit-actions{flex-wrap:wrap;gap:8px;display:flex}.df-kit-error{color:#9b1c1c;margin:0;font-size:13px;font-weight:700}.df-kit-ok{color:var(--blue-text);margin:0;font-size:13px;font-weight:700}@media (max-width:520px){.df-kit-tools{grid-template-columns:1fr auto}.df-kit-seg.sizes{grid-column:1/-1;justify-self:start}.df-kit-picks{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.df-kit-stage,.df-kit-pick,.df-kit-copy,.df-kit-ghost{box-shadow:none}}
