@layer components{.save-action{margin-top:24px}.save-action-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 24px;margin-top:20px;display:grid}.save-action-recovery{font-size:.9rem;display:grid}.save-action-recovery>*{grid-area:1/1;min-height:44px;padding-block:8px}.save-action-recovery a[data-available=false]{visibility:hidden}.save-action-feedback{color:var(--muted);margin-top:8px;font-size:.85rem}.save-action-feedback [role]:not(:empty){animation:tend-feedback var(--motion-fast) var(--ease)}}
@layer components{.draft-flow .flow-panel{animation:tend-enter var(--motion-normal) var(--ease);position:relative}.draft-flow h1{letter-spacing:-.03em;margin-top:0;font-size:clamp(2rem,4vw,2.8rem)}.draft-flow .flow-lead{color:var(--muted);max-width:48ch;margin-block:20px 40px;font-size:1.05rem}.draft-flow .field-label{margin-top:32px;font-size:.95rem;font-weight:500;display:block}.draft-flow .field-hint{color:var(--muted);margin-block:8px 16px;font-size:.85rem}.draft-flow textarea,.draft-flow input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;color:var(--ink);background:var(--paper);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border:1px solid #858b94;border-radius:16px;padding:20px;font-size:1rem;line-height:1.7;display:block}.draft-flow textarea:hover,.draft-flow input:not([type=checkbox]):not([type=radio]):hover{border-color:#737982}.draft-flow textarea:focus-visible,.draft-flow input:not([type=checkbox]):not([type=radio]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-color:var(--focus)}.draft-flow textarea{resize:vertical;min-height:144px}.draft-flow .draft-field{background:var(--surface);border-color:#858b94;min-height:340px;padding:24px}.draft-flow .copy-status.field-error{color:#a12332}.draft-flow [aria-invalid=true]{border-color:#a12332}.draft-flow .copy-status{min-height:1.6em;color:var(--muted);margin-top:16px;font-size:.85rem}.draft-flow .copy-label{display:grid}.draft-flow .copy-label>span{grid-area:1/1}.draft-flow .copy-status [role=status]:not(:empty){animation:tend-feedback var(--motion-fast) ease}.draft-flow .draft-privacy{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding-top:24px;font-size:.8rem}.draft-flow .draft-privacy p+p{margin-top:12px}@media (max-width:740px){.draft-flow .flow-lead{margin-bottom:32px}.draft-flow .draft-field{padding:20px}}}