.m011-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.m011-quick .demo-button { padding-inline: 16px; }
.m011-controls { display: flex; flex-direction: column; gap: 12px; }
.m011-controls select { width: 100%; min-width: 0; min-height: 48px; padding: 10px 8px; border: 1px solid var(--kdl-border-strong); border-radius: 12px; color: var(--kdl-text); background: white; font: inherit; }
.m011-controls select:focus-visible { outline: 2px solid var(--kdl-focus); outline-offset: 3px; }
.m011-controls .demo-panel__state { margin: 0; }
.session-home-retry { align-self: flex-start; padding-inline: 20px; }
.session-state { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.session-state h2, .session-state p { margin: 0; }
.session-state .session-feedback { border-radius: 14px; padding: 12px; color: var(--kdl-primary-pressed); background: var(--kdl-primary-soft); }
.session-state .session-feedback[data-tone='error'] { color: var(--kdl-danger); background: var(--kdl-danger-soft); }
.kdl-field__input[readonly] { color: var(--kdl-text-secondary); }
@media (min-width: 720px) and (max-width: 839px) { .m011-preview .preview-stage { grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: 20px; } }