.form{--field-font-size: 16px;--field-font-size-sm: 14px;--field-spacing: 8px;--field-height: 44px;--field-padding: 8px 12px;--field-border-radius: min(var(--button-radius), 16px);--field-border-color: color-mix(in oklab, var(--subtle-color) 40%, transparent);--field-border-color-focus: var(--strong-color);--field-border-color-error: #ef4444;--field-text-color: var(--base-color);--field-bg-color: var(--field-bg-tone, var(--bg-tone-1));--field-text-color-label: var(--base-color);--field-text-color-error: #ef4444;--field-text-color-disabled: #9ca3af;--field-bg-disabled: var(--field-bg-tone, var(--bg-tone-1));--field-accent-color: var(--strong-color);--field-remove-color: #ef4444;--field-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--strong-color) 20%, transparent);--field-transition: all var(--ani-duration-200, .2s) var(--ani-ease, ease-in-out)}.field-container{display:block;margin-bottom:calc(var(--field-spacing) * 3);position:relative;z-index:1}.field-container:focus-within{z-index:10}.field-label{display:block;font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin-bottom:8px}.field-required{color:var(--field-text-color-error);margin-left:4px}.field-button{border:1px solid var(--field-border-color);color:var(--field-text-color);font-size:var(--field-font-size);padding:var(--field-padding);border-radius:var(--field-border-radius);transition:var(--field-transition);outline:none;height:var(--field-height)}.field-input{width:100%;border:1px solid var(--field-border-color);color:var(--field-text-color);font-size:var(--field-font-size);padding:var(--field-padding);border-radius:var(--field-border-radius);transition:var(--field-transition);outline:none;height:var(--field-height);background-color:var(--field-bg-color)}.field-input:focus{border-color:var(--field-border-color-focus);box-shadow:var(--field-shadow-focus)}.field-input-error{border-color:var(--field-border-color-error);color:var(--field-text-color-error)}.field-input-disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled);cursor:not-allowed;opacity:.6}.field-input-textarea{resize:vertical;min-height:80px;height:auto}.field-error{font-size:var(--field-font-size-sm);color:var(--field-text-color-error);margin-top:4px}.field-options{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-options-horizontal{flex-direction:row;flex-wrap:wrap;gap:calc(var(--field-spacing) * 1.5) calc(var(--field-spacing) * 4)}.field-options-vertical{flex-direction:column}.field-option{display:flex;align-items:center;gap:calc(var(--field-spacing) * 1.25)}input[type=radio]{appearance:none;width:28px;height:28px;border:var(--line-width) solid var(--field-border-color);border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=radio]:checked{border-color:var(--field-accent-color);background-color:var(--field-accent-color);box-shadow:inset 0 0 0 4px var(--field-bg-color)}.field-radio,.field-checkbox{width:28px;height:28px;accent-color:var(--field-accent-color)}.field-single-checkbox{margin-bottom:0;align-items:flex-start;display:flex;align-items:center}.field-single-checkbox .field-option-text{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin-bottom:4px}.field-checkbox-label{font-size:var(--field-font-size);margin-bottom:0!important;color:var(--field-text-color-label);line-height:1}.custom-checkbox{width:28px;height:28px;font-size:16px;border:var(--line-width) solid var(--field-border-color);border-radius:calc(var(--field-border-radius) / 1.5);display:flex;align-items:center;justify-content:center;transition:var(--field-transition);flex-shrink:0;position:relative}.custom-checkbox.checked{background-color:var(--field-accent-color);border-color:var(--field-accent-color)}.custom-checkbox.disabled{opacity:.5;cursor:not-allowed}.custom-checkbox:not(.disabled):hover{border-color:var(--field-border-color-focus)}.custom-checkbox.checked:not(.disabled):hover{background-color:color-mix(in srgb,var(--field-accent-color) 80%,black)}.check-icon{width:14px;height:14px;color:#fff;stroke:currentColor;stroke-width:2}.field-multiple-container{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-multiple-row{display:flex;gap:var(--field-spacing);align-items:center}.field-input-multiple{flex:1}.field-remove-button{color:var(--field-remove-color);background:none;border:none;cursor:pointer;padding:4px}.field-add-button{color:var(--field-accent-color);background:none;border:none;cursor:pointer;font-size:var(--field-font-size-sm);text-align:left;padding:0}@container (max-width: 767px){.field-add-button{font-size:var(--field-font-size)}}.field-add-button:hover{opacity:.8}.field-number-counter{display:flex;align-items:center;border:1px solid var(--field-border-color);border-radius:var(--field-border-radius);overflow:hidden;transition:var(--field-transition);background-color:var(--bg);color:var(--base-color)}.field-number-counter:focus-within{border-color:var(--field-border-color-focus);box-shadow:var(--field-shadow-focus)}.field-counter-button{display:flex;align-items:center;justify-content:center;width:auto;height:var(--field-height);background-color:var(--field-accent-color);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:700;transition:var(--field-transition);aspect-ratio:1}.field-counter-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--field-accent-color) 80%,black)}.field-counter-button:disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled);cursor:not-allowed}.field-counter-input{flex:1;border:none;outline:none;text-align:center;font-size:var(--field-font-size);background:transparent;color:var(--field-text-color);height:var(--field-height)}.field-counter-input:disabled{background-color:var(--field-bg-disabled);color:var(--field-text-color-disabled)}.field-counter-input::-webkit-outer-spin-button,.field-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-counter-input[type=number]{-moz-appearance:textfield}.field-dropdown-wrapper{position:relative;display:flex;align-items:center}.field-input-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px}.field-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--field-text-color);transition:var(--field-transition)}.field-input-select:focus+.field-dropdown-arrow{color:var(--field-accent-color)}.field-input-select:disabled+.field-dropdown-arrow{color:var(--field-text-color-disabled)}.field-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:calc(var(--field-spacing) * 1.5);max-width:320px}.field-color-option{position:relative;cursor:pointer}.field-color-radio{position:absolute;opacity:0;pointer-events:none}.field-color-swatch{width:40px;height:40px;border-radius:var(--field-border-radius);border:2px solid transparent;transition:var(--field-transition);position:relative}.field-color-swatch:hover{transform:scale(1.05)}.field-color-selected{border-color:var(--field-accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--field-accent-color) 30%,transparent)}.field-color-disabled{opacity:.6;cursor:not-allowed}.field-color-disabled:hover{transform:none}.field-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:calc(var(--field-spacing) * 1.5)}.field-image-option{position:relative;cursor:pointer}.field-image-radio{position:absolute;opacity:0;pointer-events:none}.field-image-preview{position:relative;border-radius:var(--field-border-radius);overflow:hidden;border:2px solid transparent;transition:var(--field-transition);aspect-ratio:4/3}.field-image-preview:hover{transform:scale(1.02)}.field-image-selected{border-color:var(--field-accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--field-accent-color) 30%,transparent)}.field-image-disabled{opacity:.6;cursor:not-allowed}.field-image-disabled:hover{transform:none}.field-image-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.field-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:8px;transform:translateY(100%);transition:var(--field-transition)}.field-image-option:hover .field-image-overlay,.field-image-selected .field-image-overlay{transform:translateY(0)}.field-image-label{color:#fff;font-size:var(--field-font-size-sm);font-weight:500}.field-date-button{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:var(--bg);color:var(--base-color)}.field-date-button:hover{border-color:var(--field-border-color-focus)}.field-time-grid{display:grid;gap:calc(var(--field-spacing) * 1.5);max-height:300px;overflow-y:auto}.field-time-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.field-time-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-time-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-time-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-time-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.field-time-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.field-time-grid-compact{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--field-spacing);max-height:250px}.field-time-list{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 1.25);max-height:300px;overflow-y:auto}.field-time-list .field-time-option{width:100%}.field-time-list .field-time-slot{display:flex;align-items:center;text-align:left;white-space:normal;word-break:break-word;padding-inline:calc(var(--field-spacing) * 1.5);padding-block:var(--field-spacing)}.field-time-option{position:relative;cursor:pointer}.field-time-radio{position:absolute;opacity:0;pointer-events:none}.field-time-slot{padding:calc(var(--field-spacing) * 1.5) var(--field-spacing);border:1px solid var(--field-border-color);border-radius:var(--field-border-radius);text-align:center;font-size:var(--field-font-size-sm);transition:var(--field-transition);background-color:var(--bg);color:var(--base-color);height:var(--field-height);display:flex;align-items:center;justify-content:center;cursor:pointer}.field-time-slot-compact{padding:var(--field-spacing);font-size:12px}.field-time-slot:hover{border-color:var(--field-accent-color);background-color:color-mix(in srgb,var(--field-accent-color) 5%,white)}.field-time-selected{border-color:var(--field-accent-color)!important;background-color:var(--field-accent-color)!important;color:#fff!important}.field-time-disabled{opacity:.6;cursor:not-allowed;background-color:var(--field-bg-disabled)}.field-time-disabled:hover{border-color:var(--field-border-color);background-color:var(--field-bg-disabled)}.field-datetime-container{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 2)}.field-datetime-section{display:flex;flex-direction:column;gap:var(--field-spacing)}.field-datetime-section-label{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);font-weight:500}.field-inline-calendar{width:100%;margin-top:var(--field-spacing)}.field-inline-calendar .Calendar{width:100%!important;max-width:none!important;min-width:auto!important}[data-headlessui-state~=open]{z-index:160!important}@media (max-width: 767px){.field-time-grid,.field-time-grid-compact,.field-time-grid-cols-1,.field-time-grid-cols-2,.field-time-grid-cols-3,.field-time-grid-cols-4,.field-time-grid-cols-5,.field-time-grid-cols-6{grid-template-columns:1fr;gap:var(--field-spacing);max-height:250px}.field-time-list{max-height:250px}.field-datetime-container{gap:var(--field-spacing)}}.field-tag-container{display:flex;flex-direction:column;gap:calc(var(--field-spacing) * 1.5);margin-bottom:calc(var(--field-spacing) * 2)}.field-tag-hint{font-size:var(--field-font-size-sm);color:var(--field-text-color-label);margin:0;opacity:.7;font-style:italic}.field-tags{display:flex;flex-wrap:wrap;gap:6px}.field-tag{display:flex;align-items:center;padding:4px 8px;border-radius:16px;font-size:var(--field-font-size-sm);background-color:color-mix(in srgb,var(--strong-color) 10%,transparent);color:var(--strong-color);border:1px solid color-mix(in srgb,var(--strong-color) 30%,transparent)}.field-tag-remove{margin-left:4px;color:var(--strong-color);background:none;border:none;cursor:pointer;font-size:var(--field-font-size-sm)}.field-tag-remove:hover{opacity:.7}.field-underline{border-bottom:1px solid #d1d5db;margin:16px 0}.field-underline-with-label{display:flex;align-items:center;gap:.75rem;margin:16px 0}.field-underline-line{flex:1;height:1px;background-color:#d1d5db}.field-underline-text{font-size:var(--field-font-size);color:#6b7280;white-space:nowrap}.field-headline{font-size:18px;font-weight:600;color:#111827;line-height:1.25;margin:16px 0}.field-description{font-size:var(--field-font-size);color:#6b7280;line-height:1.5;margin:16px 0;white-space:pre-line}.field-display-tight{margin-top:-1rem}@media (max-width: 767px){.field-multiple-row{flex-direction:column;align-items:stretch}.field-input-multiple{flex:none}}@media (max-width: 480px){.field-tags{flex-direction:column}}@media (prefers-reduced-motion: reduce){.field-input{transition:none}}.field-container-selected label{filter:brightness(1.1)}