.panel{min-width:0;color:var(--roam-shell-fg);padding-block:28px 48px}.header{max-width:48rem}.title{font:600 clamp(28px,5vw,44px)/1.25 var(--font-sans),sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:20px}.note{color:var(--roam-shell-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.actions button{white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%;min-height:44px}.actions button:disabled{opacity:.55;cursor:not-allowed}.feedback{border-left:3px solid var(--roam-shell-accent);overflow-wrap:anywhere;background:#ffffff0f;margin-top:20px;padding:14px 16px;font-size:14px;line-height:1.8}.list{gap:16px;margin-top:24px;padding:0;list-style:none;display:grid}.item{border:1px solid #6f8797;border-radius:8px;min-width:0;padding:18px}.item button{text-align:left;overflow-wrap:anywhere;text-underline-offset:5px;min-height:44px;font-size:20px;font-weight:600;line-height:1.5;text-decoration:underline}.form{gap:20px;max-width:52rem;margin-top:24px;display:grid}.form label{min-width:0;font-size:15px;display:block}.field{box-sizing:border-box;color:#f6f3eb;width:100%;min-width:0;font:inherit;background:#102d43;border:1px solid #8097a7;border-radius:6px;margin-top:9px;padding:12px;line-height:1.8;display:block}.form textarea{resize:vertical;min-height:240px}.preview{border:1px solid #6f8797;border-radius:8px;max-width:52rem;margin-top:24px;padding:22px}.preview h2{overflow-wrap:anywhere;font-size:26px;font-weight:600;line-height:1.5}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px;font-size:16px;line-height:1.9}.panel :is(button,a,input,textarea):focus-visible{outline:3px solid var(--roam-shell-accent);outline-offset:4px}@media (max-width:359px){.preview{padding:16px}.actions{gap:10px}}@media (prefers-reduced-motion:reduce){.panel *{scroll-behavior:auto;transition:none;animation:none}}