[data-drag-token]{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.student-ws-sequence{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:none}.student-ws-sequence__row{display:flex;width:100%;min-height:56px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-1);font:inherit;font-size:var(--t-base);text-align:left;cursor:pointer}.student-ws-sequence__row.is-wrong{border-color:var(--danger);background:var(--danger-surface)}.student-ws-sequence__row:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-sequence__row.is-placed{border-color:var(--brand-purple);background:var(--purple-4)}.student-ws-sequence__num{display:grid;width:34px;height:34px;flex:0 0 34px;border:2px dashed var(--purple-4);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--brand-purple);font-size:var(--t-lg);font-weight:var(--fw-medium);place-items:center}.student-ws-sequence__row.is-placed .student-ws-sequence__num{border-style:solid;border-color:var(--brand-purple);background:var(--brand-purple);color:var(--bg-surface)}.student-ws-sequence__text{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.student-ws-sequence__right{display:grid;width:28px;height:28px;flex:0 0 28px;border-radius:var(--radius-sm);background:var(--success-surface);color:var(--fg-1);place-items:center}.student-ws-buckets{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.student-ws-buckets__hint{margin:0;color:var(--fg-2);font-size:var(--t-sm)}.student-ws-buckets__empty,.student-ws-buckets__instruction{margin:0;color:var(--fg-3);font-size:var(--t-sm)}.student-ws-buckets__pool-zone{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-height:76px;padding:var(--space-3);border:1px dashed var(--border-2);border-radius:var(--radius-xl);background:var(--bg-muted)}.student-ws-buckets__pool-zone.is-target{border-color:var(--brand-purple);background:var(--purple-3)}.student-ws-buckets__pool{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.student-ws-buckets__chip{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-1);font:inherit;touch-action:none;cursor:pointer}.student-ws-buckets__chip.is-active{border-color:var(--brand-purple);background:var(--purple-4)}.student-ws-buckets__chip.is-dragging,.student-ws-buckets__placed-card.is-dragging{opacity:.65;cursor:-webkit-grabbing;cursor:grabbing}.student-ws-buckets__chip:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-buckets__grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.student-ws-buckets__bucket,.student-ws-buckets__grid{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.student-ws-buckets__bucket{align-content:start;padding:var(--space-2);border:1px dashed var(--border-2);border-radius:var(--radius-lg);background:var(--purple-3)}.student-ws-buckets__bucket[data-group="0"]{background:var(--purple-4)}.student-ws-buckets__bucket[data-group="1"]{background:var(--orange-2)}.student-ws-buckets__bucket[data-group="2"]{background:var(--purple-5)}.student-ws-buckets__bucket[data-group="3"]{background:var(--bg-muted)}.student-ws-buckets__bucket.is-target{border-color:var(--brand-purple)}.student-ws-buckets__mark{display:grid;width:24px;height:24px;flex:0 0 24px;border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-2);font-size:var(--t-xs);font-weight:var(--fw-medium);place-items:center}.student-ws-buckets__title{min-width:0;flex:1 1 auto;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:var(--t-sm);text-align:left}.student-ws-buckets__bucket-head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--fg-1);font:inherit;font-size:var(--t-sm);font-weight:var(--fw-medium);cursor:pointer}.student-ws-buckets__bucket-head:disabled{cursor:default}.student-ws-buckets__bucket-head:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-buckets__count{color:var(--fg-3);font-weight:var(--fw-regular)}.student-ws-buckets__bucket ul{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.student-ws-buckets__bucket li{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface)}.student-ws-buckets__bucket li.is-wrong{background:var(--danger-surface)}.student-ws-buckets__placed-card{min-width:0;min-height:44px;flex:1 1 auto;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--fg-1);font:inherit;overflow-wrap:anywhere;text-align:left;touch-action:none;cursor:-webkit-grab;cursor:grab}.student-ws-buckets__placed-card.is-active{border-color:var(--brand-purple);background:var(--purple-4)}.student-ws-buckets__bucket li .student-ws-buckets__remove{display:grid;width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;color:var(--fg-2);cursor:pointer;place-items:center}.student-ws-buckets__bucket li button:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}@media (max-width:640px){.student-ws-buckets__pool-zone{padding:var(--space-2)}.student-ws-buckets__bucket li{padding:var(--space-1) var(--space-2)}.student-ws-sequence__row{gap:var(--space-2);padding:var(--space-2)}}.student-ws-parse{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.student-ws-parse__tools{display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.student-ws-parse__head{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-raised);display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-bottom:var(--space-2);background:var(--bg-surface)}@media (min-width:560px){.student-ws-parse__tools{grid-template-columns:repeat(4,minmax(0,1fr))}}.student-ws-parse__tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:0;padding:var(--space-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-1);font:inherit;font-size:var(--t-sm);cursor:pointer}.student-ws-parse__tool .student-ws-parse__glyph{flex:none;color:var(--fg-2)}.student-ws-parse__tool--prefix{background:var(--purple-4)}.student-ws-parse__tool--root{background:var(--orange-2)}.student-ws-parse__tool--suffix{background:var(--purple-5)}.student-ws-parse__tool--ending{background:var(--bg-muted)}.student-ws-parse__tool.is-active{border:2px solid var(--brand-purple);padding:calc(var(--space-2) - 1px);font-weight:var(--fw-medium)}.student-ws-parse__tool:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-parse__words{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none;container-type:inline-size}.student-ws-parse__words li.is-done{--parse-reserve:52px;display:flex;align-items:flex-end;gap:var(--space-2)}.student-ws-parse__hide{display:grid;width:44px;height:44px;flex:0 0 44px;margin-bottom:var(--space-1);border:2px solid var(--brand-purple);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--brand-purple);cursor:pointer;place-items:center;animation:student-parse-hide-in var(--dur-base) var(--ease-enter)}.student-ws-parse__hide .ic{background:currentColor}.student-ws-parse__hide:active{transform:scale(.97)}.student-ws-parse__hide:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}@keyframes student-parse-hide-in{0%{opacity:0;transform:scale(.8)}}.student-ws-parse__shown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--fg-2);font-size:var(--t-sm)}@media (prefers-reduced-motion:reduce){.student-ws-parse__hide{animation:none}.student-ws-parse__hide:active{transform:none}}.student-ws-stress{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.student-ws-stress__lead{margin:0;color:var(--fg-2);font-size:var(--t-sm)}.student-ws-stress__words{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none;container-type:inline-size}.student-ws-stress__word{display:flex;flex-wrap:nowrap;align-items:stretch;gap:2px;font-size:var(--t-md)}.student-ws-stress__letter,.student-ws-stress__vowel{display:grid;min-height:44px;flex:0 0 auto;place-items:center;line-height:1}.student-ws-stress__vowel{width:clamp(28px,9cqw,40px)}.student-ws-stress__letter{min-width:.55em;color:var(--fg-1)}.student-ws-stress__vowel{padding:0;border:1px solid var(--purple-3);border-radius:var(--radius-sm);background:var(--purple-3);color:var(--fg-1);font:inherit;font-weight:var(--fw-medium);cursor:pointer;touch-action:manipulation;position:relative}.student-ws-stress__vowel.is-stressed{border-color:var(--brand-purple);background:var(--brand-purple);color:var(--fg-inverse)}.student-ws-stress__vowel.is-stressed:before{content:"";position:absolute;top:2px;left:calc(50% + 3px);width:2px;height:7px;border-radius:1px;background:currentColor;transform:translateX(-50%) rotate(35deg)}.student-ws-stress__vowel:active:not(:disabled){transform:scale(.94)}.student-ws-stress__vowel:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-stress__vowel:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.student-ws-stress__vowel:active:not(:disabled){transform:none}}.student-ws-parse__word{position:relative;display:flex;flex-wrap:nowrap;gap:0;padding-top:18px;padding-bottom:var(--space-1)}.student-ws-parse__word .student-ws-parse__letter{border-radius:0}.student-ws-parse__word .student-ws-parse__letter:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.student-ws-parse__word .student-ws-parse__letter:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.student-ws-parse__letter{touch-action:none}.student-ws-parse__marks{position:absolute;top:0;left:0;z-index:1;overflow:visible;pointer-events:none}.student-ws-parse__marks path,.student-ws-parse__marks rect{fill:none;stroke:var(--fg-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.student-ws-parse__glyph{width:24px;height:12px;overflow:visible}.student-ws-parse__glyph path,.student-ws-parse__glyph rect{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.student-ws-parse__letter{width:clamp(16px,calc((100cqw - var(--space-2) - var(--parse-reserve, 0px)) / var(--parse-n, 8)),44px);min-width:0;flex:0 0 auto;min-height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--purple-3);color:var(--fg-1);font:inherit;font-size:clamp(var(--t-sm),calc((100cqw - var(--space-2)) / var(--parse-n, 8) * .55),var(--t-md));cursor:pointer}.student-ws-parse__letter.is-painting{border-color:var(--brand-purple);box-shadow:inset 0 0 0 1px var(--brand-purple)}.student-ws-parse__letter{transition:opacity var(--dur-base) var(--ease-standard)}.student-ws-parse__word.is-done .student-ws-parse__letter{width:clamp(14px,calc((100cqw - var(--space-2) - var(--parse-reserve, 0px)) / var(--parse-n, 8)),44px);min-height:44px;opacity:.72}@media (prefers-reduced-motion:reduce){.student-ws-parse__letter{transition:none}}.student-ws-parse__letter:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-parse__letter.is-prefix{background:var(--purple-4);border-color:var(--brand-purple)}.student-ws-parse__letter.is-root{background:var(--orange-2);border-color:var(--orange-3)}.student-ws-parse__letter.is-suffix{background:var(--purple-5);border-color:var(--purple-5)}.student-ws-parse__letter.is-ending{background:var(--bg-muted);border-color:var(--border-1)}.student-ws-parse__answer{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:var(--space-2) 0 0;color:var(--fg-2);font-size:var(--t-sm)}.student-ws-parse__answer>div{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.student-ws-parse__answer dt{color:var(--fg-3)}.student-ws-parse__answer dd{margin:0;color:var(--fg-1);font-weight:var(--fw-medium)}.student-ws-parse__lead,.student-ws-sequence__truth{margin:0;color:var(--fg-2);font-size:var(--t-sm)}.student-ws-parse__lead b{color:var(--brand-purple);font-weight:var(--fw-medium)}.student-ws-buckets--deck{position:relative;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.student-ws-buckets__deck-card.is-flying{z-index:calc(var(--z-raised) + 2);box-shadow:var(--shadow-card);cursor:default}.student-ws-buckets__deck{position:-webkit-sticky;position:sticky;top:calc(-1 * var(--space-5));z-index:var(--z-raised);display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:center;padding:var(--space-2);border:2px dashed var(--purple-4);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--bg-surface),var(--purple-3));box-shadow:0 0 0 var(--space-2) var(--bg-surface)}@media (max-width:640px){.student-ws-buckets__deck{top:calc(-1 * var(--space-4))}}.student-ws-buckets__deck.is-drop-target{border-style:solid;border-color:var(--brand-purple)}.student-ws-buckets__deck-line{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.student-ws-buckets__deck-step{display:grid;width:44px;height:44px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--brand-purple);cursor:pointer;place-items:center}.student-ws-buckets__deck-step:disabled{color:var(--fg-3);cursor:default;opacity:.5}.student-ws-buckets__deck-card{display:grid;width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:2px solid var(--purple-4);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-1);font:inherit;font-size:var(--t-md);line-height:var(--lh-md);cursor:-webkit-grab;cursor:grab;place-items:center;text-align:center}.student-ws-buckets__deck-slot{display:grid;min-width:0}.student-ws-buckets__deck-slot>*{grid-area:1/1}.student-ws-buckets__sizer{visibility:hidden;pointer-events:none}.student-ws-buckets__deck-slot>.student-ws-buckets__empty{align-self:center;text-align:center}.student-ws-buckets__deck-card.is-dragging{opacity:.65;cursor:-webkit-grabbing;cursor:grabbing}.student-ws-buckets__deck-card:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-buckets__deck-card.has-gloss{gap:var(--space-1)}.student-ws-buckets__gloss{color:var(--fg-2);font-size:var(--t-sm);line-height:var(--lh-sm)}.student-ws-buckets__peek{position:absolute;inset:0 0 auto;min-height:100%;max-height:min(320px,60vh);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-xl);background:var(--bg-surface);transform-origin:50% 100%;animation:student-buckets-peek var(--dur-base) var(--ease-enter)}.student-ws-buckets__peek,.student-ws-buckets__peek[data-group="0"]{box-shadow:inset 0 0 0 2px var(--purple-4)}.student-ws-buckets__peek[data-group="1"]{box-shadow:inset 0 0 0 2px var(--orange-3)}.student-ws-buckets__peek[data-group="2"]{box-shadow:inset 0 0 0 2px var(--purple-5)}.student-ws-buckets__peek[data-group="3"]{box-shadow:inset 0 0 0 2px var(--border-2)}.student-ws-buckets__peek-head{display:flex;min-height:44px;align-items:center;gap:var(--space-2);font-weight:var(--fw-medium)}.student-ws-buckets__peek-close{display:grid;width:44px;height:44px;flex:0 0 44px;-webkit-margin-start:auto;margin-inline-start:auto;border:0;border-radius:var(--radius-md);background:var(--bg-muted);color:var(--fg-2);cursor:pointer;place-items:center}.student-ws-buckets__peek ul{display:grid;align-content:start;grid-gap:var(--space-1);gap:var(--space-1);margin:0;padding:0;overflow-y:auto;list-style:none}.student-ws-buckets__peek li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 0 0 var(--space-2);border:1px solid var(--border-2);border-radius:var(--radius-md);font-size:var(--t-sm)}.student-ws-buckets__peek li button{display:grid;width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;color:var(--fg-2);cursor:pointer;place-items:center}@keyframes student-buckets-peek{0%{opacity:0;transform:translateY(8px) scale(.97)}}.student-ws-buckets__row{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.student-ws-buckets__row[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.student-ws-buckets__row[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.student-ws-buckets__row.is-baskets .student-ws-buckets__tile{position:relative;align-items:stretch}.student-ws-buckets__row.is-baskets .student-ws-buckets__slot{flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-2);padding-top:calc(44px + var(--space-2))}.student-ws-buckets__row.is-baskets .student-ws-buckets__mark{position:absolute;top:calc(var(--space-2) + 10px);left:var(--space-2)}.student-ws-buckets__row.is-baskets .student-ws-buckets__stack{position:absolute;top:2px;right:0}.student-ws-buckets__row.is-baskets .student-ws-buckets__title{flex:0 0 auto;font-size:var(--t-sm);line-height:var(--lh-sm)}.student-ws-buckets__tile{display:flex;min-width:0;align-items:center;border:2px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.student-ws-buckets__tile:has(>.student-ws-buckets__slot:active:not(:disabled)){transform:scale(.97)}.student-ws-buckets__tile[data-group="0"]{background:var(--purple-4)}.student-ws-buckets__tile[data-group="1"]{background:var(--orange-2)}.student-ws-buckets__tile[data-group="2"]{background:var(--purple-5)}.student-ws-buckets__tile[data-group="3"]{background:var(--bg-muted)}.student-ws-buckets__tile.is-drop-target{border-color:var(--brand-purple)}.student-ws-buckets__slot{display:flex;min-width:0;min-height:48px;flex:1 1 auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border:0;border-radius:var(--radius-lg);background:transparent;color:var(--fg-1);font:inherit;font-size:var(--t-base);font-weight:var(--fw-medium);cursor:pointer;text-align:left}.student-ws-buckets__slot:disabled{cursor:default}.student-ws-buckets__slot:focus-visible{outline:2px solid var(--brand-purple);outline-offset:-2px}.student-ws-buckets__slot .student-ws-buckets__title{font-size:var(--t-sm);line-height:var(--lh-sm)}.student-ws-buckets__stack{display:grid;width:44px;height:44px;flex:0 0 44px;margin:2px 4px 6px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-3);font:inherit;font-size:var(--t-sm);cursor:pointer;place-items:center}.student-ws-buckets__stack:disabled{border-style:dashed;border-color:color-mix(in srgb,var(--fg-3) 45%,transparent);background:transparent;cursor:default}.student-ws-buckets__stack.has-cards{color:var(--fg-1);font-weight:var(--fw-medium);box-shadow:0 3px 0 -1px var(--bg-surface),0 3px 0 0 var(--border-2),0 6px 0 -2px var(--bg-surface),0 6px 0 -1px var(--border-2)}.student-ws-buckets__stack.is-open{border-color:var(--brand-purple);color:var(--brand-purple)}.student-ws-buckets__stack:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}@media (prefers-reduced-motion:reduce){.student-ws-buckets__peek{animation:none}.student-ws-buckets__tile{transition:none}.student-ws-buckets__tile:has(>.student-ws-buckets__slot:active:not(:disabled)){transform:none}}.student-ws-buckets__progress{margin:0;color:var(--fg-3);font-size:var(--t-sm)}.student-ws-letters__candidate.is-held{border-color:var(--brand-purple);box-shadow:inset 0 0 0 1px var(--brand-purple)}.student-ws-sequence__row.is-dragging{opacity:.6;cursor:-webkit-grabbing;cursor:grabbing}.student-ws-sequence__row.is-drop-target{border-color:var(--brand-purple);box-shadow:inset 0 0 0 1px var(--brand-purple)}.student-ws-pairs__words{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0;-webkit-padding-start:var(--space-5);padding-inline-start:var(--space-5);color:var(--fg-1)}.student-ws-pairs__words li{font-size:var(--t-base);line-height:var(--lh-base)}.student-ws-solid{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:center}.student-ws-solid__stage{width:min(240px,70vw);height:auto;touch-action:none;cursor:-webkit-grab;cursor:grab;border:1px solid var(--border-1);border-radius:var(--radius-xl);background:repeating-linear-gradient(to right,color-mix(in srgb,var(--brand-purple) 12%,transparent) 0 1px,transparent 1px 8px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--brand-purple) 12%,transparent) 0 1px,transparent 1px 8px),var(--bg-surface)}.student-ws-solid__stage:active{cursor:-webkit-grabbing;cursor:grabbing}.student-ws-solid__stage line{stroke:var(--fg-1);stroke-width:1.6;stroke-linecap:round}.student-ws-solid__stage line.is-hidden{stroke:var(--fg-3);stroke-dasharray:4 5}.student-ws-solid__controls{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-3);font-size:var(--t-sm)}.student-ws-solid__controls button{width:44px;height:44px;border:1px solid var(--border-2);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--fg-1);font-size:var(--t-lg);cursor:pointer}.student-ws-solid__controls button:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.student-ws-strokes,.student-ws-trace{display:grid;grid-gap:var(--space-3);gap:var(--space-3);min-width:0}.student-ws-strokes__pad{position:relative;justify-self:center;width:min(100%,560px);line-height:0}.student-ws-strokes__picture{border-radius:var(--radius-md);background:var(--bg-surface);-moz-user-select:none;user-select:none;-webkit-user-select:none}.student-ws-strokes__picture,.student-ws-strokes__picture>svg{display:block;width:100%;height:auto}.student-ws-strokes__layer{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;fill:none;stroke:var(--warning-ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.student-ws-strokes__layer[data-disabled]{cursor:default}.student-ws-trace__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);justify-self:center;width:min(100%,360px)}.student-ws-trace__cell{width:100%;aspect-ratio:1;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-surface)}.student-ws-trace__guide{display:block;width:100%;height:100%}.student-ws-trace__rule{fill:none;stroke:var(--border-1);stroke-width:1;vector-effect:non-scaling-stroke}.student-ws-trace__digit{fill:none;stroke:var(--fg-3);stroke-width:3;stroke-dasharray:2 6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.student-ws-trace__cell .student-ws-strokes__layer{stroke-width:6px;border-radius:var(--radius-md)}