.compose-modal-overlay{z-index:60;background:#14110d8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.compose-modal{background:var(--canvas);border:1px solid var(--ink-100);border-radius:var(--r-lg);box-shadow:var(--elev-3);flex-direction:column;gap:14px;width:100%;max-width:540px;padding:clamp(20px,4vw,32px);display:flex;position:relative}.compose-modal:before{background:var(--accent-600);content:"";width:2px;height:28px;position:absolute;top:0;left:clamp(20px,4vw,32px)}.compose-modal-eyebrow{color:var(--accent-700);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:600}.compose-modal-title{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(20px,3vw,26px);font-style:italic;font-weight:500}.compose-modal-hint{color:var(--ink-500);font-family:var(--font-ui);margin:0;font-size:13px;line-height:1.5}.compose-field{flex-direction:column;gap:6px;display:flex;position:relative}.compose-label{color:var(--ink-700);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.compose-input,.compose-textarea{background:var(--canvas-sunk,var(--canvas));border:1px solid var(--ink-100);border-radius:var(--r-sm);color:var(--ink-900);font-family:var(--font-ui);transition:border-color .2s var(--ease-out);padding:10px 12px;font-size:14px}.compose-input:focus,.compose-textarea:focus{border-color:var(--accent-600);outline:none}.compose-input:disabled,.compose-textarea:disabled{opacity:.6}.compose-textarea{resize:vertical;min-height:120px;line-height:1.5}.compose-counter{color:var(--ink-500);font-family:var(--font-ui);align-self:flex-end;font-size:11px}.compose-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}@media (max-width:420px){.compose-modal-actions{flex-direction:column-reverse;align-items:stretch}}.compose-modal-cancel{color:var(--ink-500);cursor:pointer;font-family:var(--font-ui);transition:color .2s var(--ease-out);background:0 0;border:0;padding:10px 14px;font-size:13px}.compose-modal-cancel:hover{color:var(--ink-900)}.compose-modal-cancel:disabled{cursor:not-allowed;opacity:.6}.compose-modal-cta{background:var(--accent-600);border-radius:var(--r-sm);color:#fff;cursor:pointer;font-family:var(--font-ui);transition:background-color .2s var(--ease-out);border:0;justify-content:center;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.compose-modal-cta:hover{background:var(--accent-700)}.compose-modal-cta:disabled{background:var(--ink-300);cursor:not-allowed}