.color-field{display:flex;flex-direction:column;gap:4px}.color-field__label{font-size:var(--font-size-sm,.8125rem);font-weight:500;color:var(--text-secondary,#6b7280)}.color-field__row{display:flex;align-items:center;gap:10px}.color-field__input{width:48px;height:36px;padding:2px;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-sm,4px);cursor:pointer;background:none}.color-field__input:disabled {opacity:.5;cursor:not-allowed}.color-field__hex{font-size:var(--font-size-sm,.8125rem);color:var(--text-secondary,#6b7280);font-family:monospace}.period-field{display:flex;flex-direction:column;gap:4px}.period-field__label{font-size:var(--font-size-sm,.8125rem);font-weight:500;color:var(--text-secondary,#6b7280)}.period-field__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period-field__input{flex:1;min-width:130px;padding:6px 10px;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-sm,4px);font-size:var(--font-size-base,.9375rem);background:var(--bg-input,#fff);color:var(--text-primary,#111)}.period-field__input:disabled {background:var(--bg-muted,#f3f4f6);color:var(--text-muted,#9ca3af)}.period-field__sep{color:var(--text-secondary,#6b7280);font-size:1.1rem;user-select:none}.guid-field{display:flex;align-items:flex-end;gap:6px}.guid-field .string-field-container{flex:1}.guid-field__gen{flex-shrink:0;height:36px;padding:0 10px;align-self:flex-end;margin-bottom:20px}.button-field{display:flex;align-items:flex-end;padding-bottom:20px}.button-field__btn{width:100%}