.tr-workshop { margin: 1rem 0; min-width: 0; border: 1px solid #cbd5e1; border-radius: 12px; padding: .75rem; background: #fff; }
.tr-workshop [hidden] { display: none !important; }
.tr-workshop button, .tr-workshop input, .tr-workshop textarea { min-height: 44px; min-width: 44px; max-width: 100%; }
.tr-workshop button { touch-action: manipulation; white-space: normal; }
.tr-workshop button:focus-visible, .tr-workshop input:focus-visible, .tr-workshop textarea:focus-visible { outline: 3px solid #0f766e; outline-offset: 3px; }
.tr-workshop label { display: block; margin: .6rem 0 .25rem; font-weight: 700; font-size: .85rem; }
.tr-workshop textarea, .tr-workshop input { width: 100%; padding: .65rem; font: 1rem 'JetBrains Mono', monospace; border: 2px solid #64748b; border-radius: 8px; color: #0f172a; background: #fff; }
.tr-workshop textarea { resize: vertical; }
.tr-workshop h2 { font-size: 1.1rem; margin: .5rem 0; }
.tr-workshop p { font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
.tr-workshop .tw-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.tr-workshop #tw-target { display: block; font: 700 1.3rem 'JetBrains Mono', monospace; overflow-wrap: anywhere; padding: .5rem 0; }
.tr-workshop #tw-round { padding-top: .65rem; }
.tr-workshop #tw-notice { min-height: 2.5em; margin-top: .5rem; }
.tr-workshop #tw-open-status:empty { display: none; }
.tr-workshop input:disabled { color: #475569; background: #f1f5f9; opacity: 1; }