.eyc-tool { min-width:0; }
.eyc-tool fieldset { min-width:0; margin:0; }
.eyc-tool input,.eyc-tool select { max-width:100%; }
.eyc-tool label { display:block; margin-top:1rem; }
.eyc-tool [hidden] { display:none!important; }
.eyc-card-area { overflow:auto; max-width:100%; padding:8px 0; }
.eyc-card { box-sizing:border-box; border:2px solid #111; border-radius:12px; position:relative; display:flex; align-items:center; justify-content:center; color:#111; background:#fff; }
.eyc-drag { position:absolute; right:0; bottom:0; touch-action:none; cursor:ew-resize; }
.eyc-actions { display:flex; flex-wrap:wrap; gap:10px; margin:1rem 0; }
.eyc-stage { padding:16px; background:#fff; color:#111; max-width:100%; box-sizing:border-box; }
.eyc-stage:fullscreen,.eyc-full { overflow:auto; width:100%; height:100%; }
.eyc-full { position:fixed; inset:0; z-index:10000; }
.eyc-symbol { display:flex; justify-content:center; align-items:center; min-height:280px; }
.eyc-symbol canvas,.eyc-row canvas { flex:none; max-width:none; }
.eyc-answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.eyc-answers button { min-height:64px; font-size:1.4rem; }
.eyc-row { border-bottom:1px solid #ddd; padding:14px 0; }
.eyc-row-symbols { display:flex; gap:24px; flex-wrap:wrap; align-items:center; }
#eyc-warning { color:#854500; }
@media(max-width:600px) { .eyc-stage { padding:16px; } .eyc-symbol { min-height:200px; } }

.eyc-tool table th,.eyc-tool table td { padding:8px 12px; text-align:left; }
.eyc-card span { max-width:220px; text-align:center; padding:8px; }
.eyc-tool input,.eyc-tool select{font-size:16px}