.ce-workspace { margin-top: 1rem; padding: 1.25rem; border: 1px solid #d4dce6; border-radius: 12px; background: white; }
.ce-workspace label { display: block; font-weight: 600; margin: .6rem 0; }
.ce-workspace select, .ce-workspace textarea { width: 100%; max-width: 100%; padding: .7rem; border: 1px solid #94a3b8; border-radius: 6px; font: inherit; color: #182c48; background: white; }
.ce-workspace textarea { resize: vertical; }
.ce-work-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin: 1rem 0; }
.ce-work-actions a { text-decoration: underline; }
.ce-warning { color: #8a3500; background: #fff3dd; padding: .75rem; border-left: 4px solid #b45309; }
.trainer-canvas-column, .canvas-wrapper { min-width: 0; }
#question-canvas { display: block; width: 100%; max-width: 100%; height: auto; cursor: crosshair; }
.ce-workspace :focus-visible, .skill-card:focus-visible, .tab-btn:focus-visible { outline: 3px solid #0369a1; outline-offset: 3px; }
.result-item { flex-wrap: wrap; }
.result-item small { display: block; flex-basis: 100%; }
button:disabled { cursor: not-allowed; opacity: .55; }
@media (max-width: 600px) { .canvas-wrapper { padding: .5rem; } .ce-workspace { padding: .75rem; } }