.ugc-composer{border:1.5px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.ugc-composer:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #ffcf338c}.ugc-bar{border-bottom:1px solid var(--line-soft);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.ugc-tabs{gap:2px;display:flex}.ugc-tabs button{min-height:36px;color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:600}.ugc-tabs button[aria-selected=true]{color:var(--ink);box-shadow:0 1px 0 #0000000f,0 0 0 1px var(--line-soft);background:#fff}.ugc-tools{gap:2px;display:flex}.ugc-tool{min-width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;display:inline-flex}.ugc-tool:hover{background:var(--sheet)}.ugc-area{resize:vertical;width:100%;min-height:120px;color:var(--ink);background:#fff;border:0;outline:none;padding:14px 16px;font:16px/1.6 IBM Plex Sans,-apple-system,sans-serif;display:block}.ugc-preview{min-height:120px;padding:14px 16px}.ugc-prose{max-width:none;margin:0;font-size:16px}.ugc-foot{border-top:1px solid var(--line-soft);background:var(--paper);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:8px 14px;display:flex}.ugc-muted{color:var(--graphite);margin:0;font-size:12.5px}