.sketch-word-button { margin-left:10px; border:1px solid #cbd5e1; border-radius:7px; padding:4px 9px; font:500 12px/1.5 sans-serif; background:#fff; color:#334155; vertical-align:middle; }
.sketch-word-dialog { box-sizing:border-box; width:min(1080px,calc(100vw - 24px)); max-height:90dvh; overflow:auto; border:1px solid #cbd5e1; border-radius:14px; padding:20px; color:#1e293b; background:#fff; font:14px/1.6 sans-serif; }
.sketch-word-dialog::backdrop { background:rgba(15,23,42,.45); }
.sketch-word-heading,.sketch-word-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sketch-word-heading h2 { font-size:18px; font-weight:700; }
.sketch-word-dialog p { margin:8px 0; color:#64748b; }
.sketch-word-grid { display:grid; grid-template-columns:minmax(0,1fr); margin:16px 0; min-width:0; }
.sketch-word-grid label { min-width:0; }
.sketch-word-grid span { display:block; line-height:24px; }
.sketch-word-grid textarea { display:block; box-sizing:border-box; width:100%; min-width:0; border:1px solid #cbd5e1; border-radius:7px; padding:8px; font:16px/26px sans-serif; white-space:pre; overflow:auto; resize:vertical; }
.sketch-word-footer { justify-content:flex-end; }
.sketch-word-footer button { border:1px solid #cbd5e1; border-radius:7px; padding:6px 16px; }
.sketch-word-footer button:last-child { background:#404a91; color:#fff; }
.sketch-word-dialog button:disabled,.sketch-word-grid:disabled { opacity:.55; }
.sketch-word-dialog :focus-visible,.sketch-word-button:focus-visible { outline:2px solid #6366f1; outline-offset:2px; }
@media(max-width:700px) { .sketch-word-dialog { padding:14px; } .sketch-word-grid textarea { height:300px; } }