.mock-form[data-v-a816a532]{--form-line:var(--color-line,#e3e7ea);--form-muted:var(--color-muted,#525f6d);--form-accent:var(--color-accent-text,var(--color-primary-accent));--form-mono:var(--font-mono,ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace);--form-avatar-color:var(--color-copy);--form-pass:#1f7a4d;--form-warn:#c28000;--form-fail:#b3392f}.mock-form__segments[data-v-a816a532]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.mock-form__segment[data-v-a816a532]{border:1px solid var(--form-line);border-radius:999px;color:var(--form-muted);font-size:.6875rem;padding:.25rem .625rem;white-space:nowrap}.mock-form__segment--active[data-v-a816a532]{background-color:var(--color-copy);border-color:var(--color-copy);color:#fff}.mock-form__fields[data-v-a816a532]{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr)}.mock-form__label[data-v-a816a532]{color:var(--form-muted);display:block;font-size:.625rem;font-weight:600;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.mock-form__box[data-v-a816a532]{align-items:center;border:1px solid var(--form-line);border-radius:4px;display:flex;font-size:.75rem;gap:.4375rem;min-height:1.875rem;padding:.3125rem .5rem}.mock-form__box--textarea[data-v-a816a532]{align-items:flex-start;line-height:1.5;min-height:3.5rem}.mock-form__value[data-v-a816a532]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-form__box--textarea .mock-form__value[data-v-a816a532]{white-space:normal}.mock-form__value--mono[data-v-a816a532]{font-family:var(--form-mono);font-size:.6875rem}.mock-form__chevron[data-v-a816a532],.mock-form__switch[data-v-a816a532]{flex:0 0 auto;margin-left:auto}.mock-form__chevron[data-v-a816a532]{color:var(--form-muted);font-size:.625rem;font-style:normal}.mock-form__avatar[data-v-a816a532]{align-items:center;background-color:var(--form-avatar-color);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--form-mono);font-size:.5625rem;font-style:normal;font-weight:600;height:1.25rem;justify-content:center;line-height:1;width:1.25rem}.mock-form__switch[data-v-a816a532]{background-color:var(--form-accent);border-radius:999px;height:.9375rem;position:relative;width:1.625rem}.mock-form__switch--off[data-v-a816a532]{background-color:#525f6d47}.mock-form__switch[data-v-a816a532]:after{background-color:#fff;border-radius:50%;content:"";height:.6875rem;position:absolute;right:.125rem;top:.125rem;width:.6875rem}.mock-form__switch--off[data-v-a816a532]:after{left:.125rem;right:auto}.mock-form__upload[data-v-a816a532]{align-items:center;border:1px dashed var(--form-line);border-radius:4px;color:var(--form-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding:.75rem}.mock-form__upload-name[data-v-a816a532]{color:var(--color-copy);font-family:var(--form-mono);font-size:.6875rem;overflow-wrap:anywhere}.mock-form__status[data-v-a816a532]{align-items:center;color:var(--form-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;margin-top:.75rem}.mock-form__status-text[data-v-a816a532] code{background:none;color:var(--color-copy);font-family:var(--form-mono);font-size:.6875rem;overflow-wrap:anywhere;padding:0}.mock-form__buttons[data-v-a816a532]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.mock-form__button[data-v-a816a532]{border:1px solid var(--form-line);border-radius:4px;color:var(--form-muted);font-size:.6875rem;font-weight:600;padding:.375rem .75rem}.mock-form__button--primary[data-v-a816a532]{background-color:var(--color-copy);border-color:var(--color-copy);color:#fff}.mock-form__chip[data-v-a816a532]{background-color:#525f6d1f;border-radius:2px;color:var(--form-muted);font-family:var(--form-mono);font-size:.625rem;font-weight:500;letter-spacing:.12em;line-height:1;padding:.3125rem .5rem;text-transform:uppercase;white-space:nowrap}.mock-form__chip--pass[data-v-a816a532]{background-color:#1f7a4d1f;color:var(--form-pass)}.mock-form__chip--warn[data-v-a816a532]{background-color:#c280001f;color:var(--form-warn)}.mock-form__chip--fail[data-v-a816a532]{background-color:#b3392f1f;color:var(--form-fail)}.mock-form__chip--accent[data-v-a816a532]{background-color:#a9561a1f;color:var(--form-accent)}@media (min-width:768px){.mock-form__fields[data-v-a816a532]{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-form__field--wide[data-v-a816a532]{grid-column:1/-1}}