.form-field { margin-bottom: 20px; text-align: left; }
.form-field label {
display: block;
font-size: .875rem;
letter-spacing: 0;
text-transform: none;
font-weight: 500;
color: var(--paper);
margin-bottom: 6px;
}
.form-field input, .form-field textarea, .form-field select {
width: 100%;
background: var(--panel);
border: 1px solid var(--field-line);
border-radius: var(--radius);
color: var(--paper);
padding: 12px 14px;
font-family: var(--sans);
font-size: 1rem;
transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--muted); opacity: .8; }
fieldset.form-field { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
fieldset.form-field legend {
padding: 0; font-size: .875rem; font-weight: 500; color: var(--paper); margin-bottom: 6px;
}
.form-field textarea { min-height: 136px; resize: vertical; }
.form-field select {
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%2386868b' stroke-width='1.6' stroke-linecap='round'/></svg>");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 38px;
}
.checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 16px; }
.checkbox-option {
display: flex !important; align-items: center; gap: 8px;
text-transform: none !important; letter-spacing: 0 !important;
font-weight: 400 !important; font-size: .95rem !important;
color: var(--paper-dim) !important; margin-bottom: 0 !important;
}
.checkbox-option input[type="checkbox"] { width: auto !important; padding: 0 !important; accent-color: var(--accent-solid); }
.form-field input[type="checkbox"], .form-field input[type="radio"] { accent-color: var(--accent-solid); }
.check-inline { width: auto !important; padding: 0 !important; }
.field-error { color: var(--suit-red); font-size: .875rem; line-height: 1.4; margin: 6px 0 0; }
.form-field [aria-invalid="true"] { border-color: var(--suit-red); }
.form-summary { margin: 0 0 20px; }
.u-c-muted { color: var(--muted) !important; }
.u-c-paper { color: var(--paper) !important; }
.u-d-flex-30683 { display: flex !important; align-items: center !important; gap: 10px !important; text-transform: none !important; letter-spacing: 0 !important; }
.u-d-flex-703cf { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; align-items: center !important; }
.u-d-flex-a7313 { display: flex !important; gap: 10px !important; align-items: baseline !important; flex-wrap: wrap !important; }
.u-d-flex-g-10px-ai-center { display: flex !important; gap: 10px !important; align-items: center !important; }
.u-d-flex-g-10px-mb-32px { display: flex !important; gap: 10px !important; margin-bottom: 32px !important; }
.u-d-flex-jc-center { display: flex !important; justify-content: center !important; }
.u-d-grid-98fa5 { display: grid !important; grid-template-columns: auto 1fr !important; gap: 10px 20px !important; font-family: var(--sans) !important; font-size: 0.95rem !important; margin: 0 0 26px !important; }
.u-ff-sans-fs-0_8rem-c-muted { font-family: var(--sans) !important; font-size: 0.8rem !important; color: var(--muted) !important; }
.u-ff-sans-fw-600-fs-1_05rem { font-family: var(--sans) !important; font-weight: 600 !important; font-size: 1.05rem !important; }
.u-fs-1_3rem { font-size: 1.3rem !important; }
.u-g-16px-mb-48px-ai-end { gap: 16px !important; margin-bottom: 48px !important; align-items: end !important; }
.u-g-60px-ai-start { gap: 60px !important; align-items: start !important; }
.u-jc-flex-start { justify-content: flex-start !important; }
.u-m-0-0e973 { margin: 0 !important; display: flex !important; gap: 12px !important; align-items: end !important; }
.u-m-0-c-paper { margin: 0 !important; color: var(--paper) !important; }
.u-m-8px-0-0-c-paper-dim-fs-0_95rem { margin: 8px 0 0 !important; color: var(--paper-dim) !important; font-size: 0.95rem !important; }
.u-mb-24px { margin-bottom: 24px !important; }
.u-mt-18px { margin-top: 18px !important; }
.u-mw-130px { max-width: 130px !important; }
.u-mw-440px { max-width: 440px !important; }
.u-mw-480px { max-width: 480px !important; }
.u-mw-640px { max-width: 640px !important; }
.u-mw-720px { max-width: 720px !important; }
.u-op-_6-cur-default { opacity: .6 !important; cursor: default !important; }
.u-p-18px-0-border-1px-solid-line { padding: 18px 0 !important; border-top: 1px solid var(--line) !important; }
.u-pos-absolute-ec611 { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.u-ta-center-c-muted { text-align: center !important; color: var(--muted) !important; }
.u-ta-center-mb-32px { text-align: center !important; margin-bottom: 32px !important; }
.u-w-100pc-jc-center { width: 100% !important; justify-content: center !important; }
.u-w-auto { width: auto !important; }
.u-w-auto-p-0 { width: auto !important; padding: 0 !important; }