@layer components{.create{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;max-width:none;margin:0;padding-bottom:5.5rem;display:flex}.create *,.create :before,.create :after{box-sizing:border-box}.create-error{border-radius:var(--radius);background:color-mix(in oklch, var(--danger) 12%, white);color:var(--danger);margin:0;padding:.75rem .9rem;font-size:.9rem}.create-section{border:1px solid color-mix(in oklch, var(--brand-coral) 12%, var(--border));border-radius:calc(var(--radius) + .25rem);background:color-mix(in oklch, white 88%, var(--brand-apricot));flex-direction:column;gap:1rem;width:100%;min-width:0;padding:1.15rem 1.05rem 1.25rem;display:flex}.create-section-head{flex-direction:column;gap:.25rem;display:flex}.create-section-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:650}.create-section-desc{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.create-field{flex-direction:column;gap:.4rem;width:100%;min-width:0;display:flex}.create-label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.create-label{color:var(--foreground);font-size:.82rem;font-weight:650}.create-required{color:var(--danger);margin-left:.2rem;font-size:1em;font-weight:700}.create-counter{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:.75rem}.create-counter.is-over{color:var(--danger)}.create-input{border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-background);width:100%;min-width:0;max-width:100%;min-height:2.85rem;color:var(--field-foreground);font:inherit;padding:.7rem .85rem;display:block}.create-textarea{resize:vertical;min-height:6rem}.create-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.create-input.is-invalid{border-color:color-mix(in oklch, var(--danger) 70%, var(--field-border));background:color-mix(in oklch, var(--danger) 6%, var(--field-background))}.create-input.is-invalid:focus-visible{outline-color:var(--danger)}.create-field-error{color:var(--danger);margin:0;font-size:.8rem;line-height:1.35}.create-choice{grid-template-columns:1fr;gap:.65rem;width:100%;display:grid}.create-choice-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch, white 92%, var(--surface-secondary));text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;min-width:0;padding:.9rem 1rem;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.create-choice-card.is-active{border-color:color-mix(in oklch, var(--brand-coral) 55%, var(--border));background:color-mix(in oklch, white 70%, var(--brand-apricot));box-shadow:0 0 0 3px color-mix(in oklch, var(--brand-coral) 16%, transparent)}.create-choice-title{font-size:.95rem;font-weight:700}.create-choice-text{color:var(--muted);font-size:.82rem;line-height:1.4}.create-password{flex-direction:column;gap:.45rem;width:100%;min-width:0;display:flex}.create-password-row{grid-template-columns:1fr;gap:.55rem;width:100%;display:grid}.create-gen{width:100%}.create-help{color:var(--muted);margin:0;font-size:.8rem}.create-switch{border:1px solid color-mix(in oklch, var(--brand-mint) 25%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, white 78%, var(--brand-mint));cursor:pointer;align-items:flex-start;gap:.7rem;width:100%;min-width:0;padding:.85rem .9rem;display:flex}.create-switch>span{flex:1;min-width:0}.create-switch input{accent-color:var(--brand-coral);flex-shrink:0;margin-top:.2rem}.create-switch-title{font-size:.92rem;font-weight:650;display:block}.create-switch-text{color:var(--muted);margin-top:.15rem;font-size:.8rem;line-height:1.4;display:block}.create-stack{flex-direction:column;gap:1rem;width:100%;min-width:0;display:flex}.create-block{border:1px solid color-mix(in oklch, var(--brand-mint) 18%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, white 84%, var(--brand-mint));flex-direction:column;gap:.75rem;width:100%;min-width:0;padding:.9rem;display:flex}.create-block-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.create-block-title{margin:0;font-size:.92rem;font-weight:700}.create-option{border:1px solid color-mix(in oklch, var(--brand-coral) 12%, var(--border));border-radius:calc(var(--radius) - .1rem);background:color-mix(in oklch, white 92%, var(--brand-apricot));flex-direction:column;gap:.65rem;width:100%;min-width:0;padding:.75rem;display:flex}.create-option-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.create-option-index{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklch, var(--brand-coral-deep) 65%, var(--muted));font-size:.78rem;font-weight:700}.create-option-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:650}.create-add{border:1px dashed color-mix(in oklch, var(--brand-coral) 40%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, white 70%, var(--brand-apricot));color:var(--brand-coral-deep);cursor:pointer;align-self:flex-start;padding:.55rem .85rem;font-size:.88rem;font-weight:650}.create-add:hover{border-style:solid}.create-footer{z-index:20;width:100%;padding:.85rem 0 calc(.85rem + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in oklch, var(--brand-coral) 14%, var(--border));background:color-mix(in oklch, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:.75rem;margin:0;display:flex;position:sticky;bottom:0}.create-cancel{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.create-cancel:hover{color:var(--foreground)}.create-submit{min-width:8.5rem}}@media (width>=768px){@layer components{.create{gap:1.5rem;padding-bottom:1rem}.create-section{padding:1.35rem 1.3rem 1.45rem}.create-choice{grid-template-columns:1fr 1fr}.create-password-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.create-gen{white-space:nowrap;width:auto}.create-footer{-webkit-backdrop-filter:none;background:0 0;border-top:none;padding:.25rem 0 0;position:static}}}