@layer components{:where(.vm-root) .fr-produce:not(:where(.fr-legacy,.fr-legacy *)){border:1px solid var(--line-strong);background:var(--surface-raised);width:min(640px,100%);box-shadow:0 1px 0 var(--surface-raised)inset,0 28px 60px -38px var(--fill-ink-strong);text-align:left;transition:border-color var(--dur-2)var(--ease-out),box-shadow var(--dur-2)var(--ease-out);border-radius:22px;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;padding:14px 14px 12px;display:flex}:where(.vm-root) .fr-produce:hover:not(:where(.fr-legacy,.fr-legacy *)){border-color:var(--line-control)}:where(.vm-root) .fr-produce:focus-within:not(:where(.fr-legacy,.fr-legacy *)){outline:2px solid var(--beam-700);outline-offset:1px;border-color:transparent}:where(.vm-root) .fr-produce-head:not(:where(.fr-legacy,.fr-legacy *)){color:var(--ink-900);letter-spacing:-.006em;align-items:center;gap:8px;padding:0 4px;font-size:13px;font-weight:600;display:flex}:where(.vm-root) .fr-produce-dot:not(:where(.fr-legacy,.fr-legacy *)){width:8px;height:8px;animation:fr-pulse 2.4s var(--ease-out)infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.18)}@keyframes fr-pulse{50%{box-shadow:0 0 0 7px transparent}}@media (prefers-reduced-motion:reduce){:where(.vm-root) .fr-produce-dot:not(:where(.fr-legacy,.fr-legacy *)){animation:none}}:where(.vm-root) .fr-produce-meta:not(:where(.fr-legacy,.fr-legacy *)){color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.01em;margin-left:auto;font-size:11px;font-weight:500}:where(.vm-root) .fr-produce-field:not(:where(.fr-legacy,.fr-legacy *)){resize:none;width:100%;min-height:64px;color:var(--ink-900);letter-spacing:-.012em;background:0 0;border:0;padding:4px 4px 2px;font-size:17px;font-weight:450;line-height:1.4}:where(.vm-root) .fr-produce-field:not(:where(.fr-legacy,.fr-legacy *))::placeholder{color:var(--ink-400)}:where(.vm-root) .fr-produce-field:focus-visible:not(:where(.fr-legacy,.fr-legacy *)){outline:none}:where(.vm-root) .fr-produce-foot:not(:where(.fr-legacy,.fr-legacy *)){align-items:center;gap:10px;display:flex}:where(.vm-root) .fr-produce-chips:not(:where(.fr-legacy,.fr-legacy *)){scrollbar-width:none;flex:auto;gap:6px;min-width:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}:where(.vm-root) .fr-produce-chips:not(:where(.fr-legacy,.fr-legacy *))::-webkit-scrollbar{display:none}:where(.vm-root) .fr-produce-chip:not(:where(.fr-legacy,.fr-legacy *)){border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-page);min-height:32px;color:var(--ink-700);white-space:nowrap;transition:border-color var(--dur-2)var(--ease-out),background var(--dur-2)var(--ease-out),transform var(--dur-2)var(--ease-spring);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:550;display:inline-flex}:where(.vm-root) .fr-produce-chip:hover:not(:where(.fr-legacy,.fr-legacy *)){border-color:var(--line-control);transform:translateY(-1px)}:where(.vm-root) .fr-produce-chip[aria-pressed=true]:not(:where(.fr-legacy,.fr-legacy *)){border-color:var(--ink-900);background:var(--ink-900);color:var(--surface-page)}:where(.vm-root) .fr-produce-btn:not(:where(.fr-legacy,.fr-legacy *)){border-radius:var(--r-pill);background:var(--ink-900);min-height:46px;color:var(--surface-page);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--dur-2)var(--ease-spring),opacity var(--dur-2)var(--ease-out);flex:none;align-items:center;gap:10px;padding:0 8px 0 20px;font-size:14.5px;font-weight:600;display:inline-flex}:where(.vm-root) .fr-produce-btn:hover:not(:where(.fr-legacy,.fr-legacy *)){transform:translateY(-1px)}:where(.vm-root) .fr-produce-btn:disabled:not(:where(.fr-legacy,.fr-legacy *)){cursor:progress;opacity:.72}:where(.vm-root) .fr-produce-btn i:not(:where(.fr-legacy,.fr-legacy *)){background:var(--surface-page);width:32px;height:32px;color:var(--ink-900);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}:where(.vm-root) .fr-produce-btn i svg:not(:where(.fr-legacy,.fr-legacy *)){transition:transform var(--dur-3,.32s)var(--ease-spring);position:absolute}:where(.vm-root) .fr-produce-btn i svg:last-child:not(:where(.fr-legacy,.fr-legacy *)){transform:translate(-140%)}:where(.vm-root) .fr-produce-btn:hover i svg:first-child:not(:where(.fr-legacy,.fr-legacy *)){transform:translate(140%)}:where(.vm-root) .fr-produce-btn:hover i svg:last-child:not(:where(.fr-legacy,.fr-legacy *)){transform:none}@media (max-width:560px){:where(.vm-root) .fr-produce-foot:not(:where(.fr-legacy,.fr-legacy *)){flex-direction:column;align-items:stretch}:where(.vm-root) .fr-produce-chips:not(:where(.fr-legacy,.fr-legacy *)){-webkit-mask-image:none;mask-image:none}:where(.vm-root) .fr-produce-btn:not(:where(.fr-legacy,.fr-legacy *)){justify-content:space-between}}}