.lw-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}
.lw-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(7, 9, 15, 0.04);
}
.lw-card h3 { margin: 0 0 8px; font-size: 18px; }
.lw-card p { margin: 0 0 12px; color: #64748b; font-size: 14px; line-height: 1.45; }
.lw-meta { font-size: 13px; color: #475569; margin-bottom: 14px; }
.lw-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 800;
}
.lw-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.lw-world-checks { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 16px; }
.lw-world-checks label { display: flex; gap: 8px; align-items: center; font-size: 14px; }
.lw-editor { display: grid; gap: 12px; }
.lw-editor textarea, .lw-editor input, .lw-editor select {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    font: inherit;
}
.lw-q-list { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.lw-q-item { padding: 12px 14px; background: #f8fafc; border-radius: 12px; }
.lw-q-item strong { display: block; margin-bottom: 4px; }
.lw-muted { color: #94a3b8; font-size: 13px; }
.lw-off { opacity: 0.55; }
