.alphabet-trace-widget{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;gap:.55rem;border-radius:1.35rem;background:linear-gradient(145deg,#fff 0%,#fff7ed 100%);padding:.8rem;color:#172033;container-type:size}.at-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.at-header strong{display:block;color:#9a3412;font-size:clamp(1.1rem,3.4cqw,1.8rem);font-weight:950}.at-header small{display:block;color:#64748b;font-size:clamp(.68rem,1.6cqw,.9rem);font-weight:750}.at-actions,.at-letters,.at-footer{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap}.at-actions button,.at-footer button{min-height:2.25rem;border:2px solid #fdba74;border-radius:999px;background:#fff7ed;padding:.35rem .7rem;color:#9a3412;font-weight:900;cursor:pointer}.at-actions button:hover,.at-footer button:hover{background:#ffedd5}.at-letters{max-height:5.7rem;overflow:auto;padding:.15rem}.at-letters button{display:grid;width:2.15rem;height:2.15rem;place-items:center;border:2px solid #fed7aa;border-radius:.55rem;background:#fff;color:#9a3412;font-weight:950;cursor:pointer}.at-letters button.is-active{border-color:#ea580c;background:#f97316;color:#fff}.at-board{position:relative;min-height:0;flex:1;overflow:hidden;border:3px dashed #fdba74;border-radius:1rem;background:#fff}.at-board img,.at-board canvas{position:absolute;inset:0;width:100%;height:100%}.at-board img{object-fit:contain;opacity:.72;transition:opacity .2s}.at-board img.is-hidden{opacity:0}.at-board canvas{cursor:crosshair;touch-action:none}.at-footer{justify-content:space-between}.at-footer strong{min-width:4rem;color:#9a3412;font-size:1.35rem;text-align:center}.at-footer label{display:flex;align-items:center;gap:.4rem;color:#7c2d12;font-size:.8rem;font-weight:900}.at-footer input{width:min(9rem,22vw);accent-color:#f97316}@container(max-width:620px){.at-header{align-items:flex-start;flex-direction:column}.at-actions{justify-content:flex-start}.at-letters{max-height:4.8rem}.at-header small{display:none}}@container(max-height:470px){.at-letters{max-height:2.5rem;flex-wrap:nowrap;justify-content:flex-start}.at-letters button{flex:0 0 1.9rem;width:1.9rem;height:1.9rem}.at-header small{display:none}}
.alphabet-trace-card.is-minimized .alphabet-trace-widget,.alphabet-trace-card.is-minimized .js-widget-resize-handle{display:none!important}.alphabet-trace-card:not(.is-minimized) .js-minimized-label{display:none}.alphabet-trace-card .js-widget-resize-handle{opacity:1}.alphabet-trace-card .js-widget-resize-handle::after{border-right-color:#f97316;border-bottom-color:#f97316}
.at-clear-dialog{width:min(90%,25rem);border:2px solid #fdba74;border-radius:1.2rem;padding:0;box-shadow:0 24px 60px rgba(15,23,42,.28)}.at-clear-dialog::backdrop{background:rgba(15,23,42,.4)}.at-clear-dialog form{padding:1.25rem;text-align:center}.at-clear-dialog h3{margin:0;color:#7c2d12;font-size:1.2rem;font-weight:950}.at-clear-dialog p{margin:.5rem 0 1rem;color:#64748b;font-size:.9rem;font-weight:700;line-height:1.45}.at-clear-dialog form div{display:flex;justify-content:center;gap:.6rem}.at-clear-dialog button{min-height:2.5rem;border:0;border-radius:999px;padding:.5rem 1rem;font-weight:900;cursor:pointer}.at-dialog-cancel{background:#ffedd5;color:#9a3412}.at-dialog-confirm{background:#f97316;color:#fff}