.generator{border:2px solid var(--line);background:var(--color-paper);overflow-anchor:none;flex-wrap:wrap;margin-top:32px;display:flex}.generator__panel{box-sizing:border-box;flex-direction:column;flex:360px;gap:26px;max-width:460px;padding:28px 32px 32px;display:flex}.generator__preview{box-sizing:border-box;background-color:var(--preview-bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:24px 24px;flex:999 480px;min-width:0;padding:36px 32px 48px}.generator__empty{text-align:center;max-width:560px;color:var(--color-muted);margin:0 auto;font-size:18px}.step{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.step__label{align-items:center;gap:10px;padding:0;font-size:18px;font-weight:700;display:flex}legend.step__label{margin-bottom:10px}.step__number{width:24px;font-family:var(--font-hand);color:var(--crayon-red);font-size:26px;font-weight:400}.field-message{color:var(--color-muted);margin:0;font-size:15px;line-height:1.4}.field-message--error{color:var(--crayon-red);font-size:16px;font-weight:700}.field-message--notice{color:var(--color-text)}.topic-explanation-link{box-sizing:border-box;min-height:48px;color:var(--color-ink);text-underline-offset:4px;overflow-wrap:anywhere;align-self:flex-start;margin-top:-10px;padding:12px 0;font-size:16px;font-weight:700;line-height:1.5;display:inline-block}.grade-options{flex-wrap:wrap;gap:14px;padding:7px;display:flex}.grade-option{box-sizing:border-box;min-width:var(--control-min);min-height:var(--control-min);font-family:var(--font-hand);color:var(--grade-color-ink);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-size:26px;display:inline-flex}.grade-option .grade-option__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.grade-option .grade-option__border{border:3px solid var(--grade-color);border-radius:var(--radius-circle)}.grade-option .grade-option__fill{border-radius:var(--radius-circle);background:var(--grade-color-chosen,var(--grade-color-soft));display:none}.grade-option .grade-option__frame{border:3.5px solid var(--grade-color-ink);border-radius:var(--radius-selection);display:none;inset:-7px}.grade-option input:checked~.grade-option__fill,.grade-option input:checked~.grade-option__frame{display:block}.grade-option:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:10px;border-radius:var(--radius-circle)}.select-field{box-sizing:border-box;min-height:var(--control-min);color:var(--color-text);align-items:center;padding:10px 48px 10px 18px;font-size:18px;line-height:1.3;display:flex}.select-field .select-field__border{border:3px solid var(--color-ink);border-radius:var(--radius-button)}.select-field__value{overflow-wrap:anywhere;min-width:0;position:relative}.select-field:has(.select-field__control:disabled) .select-field__value{color:var(--color-muted)}.select-field__control{z-index:1;width:100%;min-width:0;max-width:100%;height:100%;font:inherit;opacity:0;appearance:none;cursor:pointer;margin:0;font-size:18px;position:absolute;inset:0;overflow:hidden}.select-field__control:disabled{cursor:not-allowed}.select-field:has(.select-field__control:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px;border-radius:var(--radius-button)}.select-field:after{content:"▼";content:"▼" / "";color:var(--color-ink);pointer-events:none;font-size:14px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.segments{flex-wrap:wrap;gap:10px;padding:7px;display:flex}.segment{box-sizing:border-box;min-height:var(--control-min);text-align:center;color:var(--color-ink);cursor:pointer;flex:auto;justify-content:center;align-items:center;padding:6px 8px;font-size:16px;font-weight:700;line-height:1.2;display:inline-flex}.segment .segment__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segment .segment__border{border:3px solid var(--color-ink);border-radius:var(--radius-button)}.segment .segment__fill{border-radius:var(--radius-button);background:var(--crayon-yellow);opacity:.8;display:none}.segment .segment__frame{border:3.5px solid var(--crayon-red);border-radius:var(--radius-selection);display:none;inset:-7px}.segment input:checked~.segment__fill,.segment input:checked~.segment__frame{display:block}.segment:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:10px;border-radius:var(--radius-button)}.segment:has(input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed}.segment .segment__input:disabled{cursor:not-allowed}.segments__break{flex-basis:100%;height:0}.custom-level{gap:8px;margin-top:12px;display:grid}.custom-level__range{flex-wrap:wrap;gap:8px 24px;display:flex}.custom-level__field{align-items:center;gap:10px;display:flex}.custom-level__label{padding:0;font-size:16px;font-weight:700}.custom-level__tables{border:0;min-width:0;margin:0;padding:0}.custom-level .custom-level__table{min-width:var(--control-min);flex:none}.check-list{flex-direction:column;gap:4px;display:flex}.check-row{min-height:var(--control-min);cursor:pointer;align-items:center;gap:14px;font-size:18px;line-height:1.3;display:flex;position:relative}.check-row .check-row__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check-row__box{flex:0 0 30px;width:30px;height:30px}.check-row .check-row__border{border:3px solid var(--color-ink);border-radius:var(--radius-checkbox)}.check-row .check-row__mark{fill:none;width:100%;height:100%;stroke:var(--crayon-green);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.check-row:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px}.answer-key{position:relative}.answer-key .check-row{box-sizing:border-box;padding-block:11px;position:static}.answer-key .check-row:has(input:focus-visible){outline:none}.answer-key:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px}.answer-key__hint{color:var(--color-muted);margin:-6px 0 0;padding-inline-start:44px;font-size:15px;line-height:1.35}.quantity{align-items:center;gap:14px;display:flex}.round-button{width:var(--control-min);height:var(--control-min);font:inherit;color:var(--color-ink);border:3px solid var(--color-ink);border-radius:var(--radius-circle);cursor:pointer;background:0 0;padding:0;font-size:26px;line-height:1}.round-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.quantity__input{box-sizing:border-box;width:76px;height:var(--control-min);font-family:var(--font-hand);text-align:center;color:var(--color-text);background:var(--sheet-bg);border:0;border-bottom:3px solid var(--color-ink);padding:0;font-size:34px}.quantity__input[aria-invalid=true]{border-bottom-color:var(--crayon-red)}.message-slot{display:grid}.message-slot>*{grid-area:1/1}.message-slot__room{visibility:hidden}.mixed-quantity,.mixed-total{flex-direction:column;gap:6px;display:flex}.mixed-quantity__name{font-size:17px;font-weight:700}.mixed-quantity+.mixed-quantity,.mixed-total{border-top:2px dashed var(--sheet-border);padding-top:12px}.mixed-total__label,.quantity__unit{font-size:18px;font-weight:700}.customizer{border-top:2px dashed var(--sheet-border);padding-top:12px}.customizer__toggle{width:100%;min-height:var(--control-min);font:inherit;text-align:start;color:var(--color-text);cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:4px 0;display:grid}.customizer__title{font-size:18px;font-weight:700}.customizer__summary{color:var(--color-muted);grid-row:2;font-size:15px}.customizer__arrow{color:var(--color-ink);grid-area:1/2/span 2;font-size:14px}.customizer__content{flex-direction:column;gap:26px;padding-top:16px;display:flex}.customizer__content[hidden]{display:none}.school-image{flex-direction:column;gap:10px;display:flex}.school-image__chosen{object-fit:contain;border:1px solid var(--thumb-border);background:var(--sheet-bg);align-self:flex-start;max-width:100%;max-height:80px;display:block}.school-image__actions{flex-wrap:wrap;gap:10px;display:flex}.versions{margin-top:12px}.versions__hint{padding-inline-start:44px}.remember-header{border-top:2px dashed var(--color-muted);justify-items:start;gap:8px;padding-top:16px;display:grid}.check-row:has(input:disabled){opacity:var(--opacity-disabled)}.school-image__button,.remember-header__forget{box-sizing:border-box;min-height:var(--control-min);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.school-image__input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.school-image__actions:has(.school-image__input:focus-visible) .school-image__button:first-of-type{outline:3px solid var(--color-ink);outline-offset:3px}.background-options{flex-wrap:wrap;gap:20px 8px;padding:7px;display:flex}.background-option{cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:4px 0;display:flex}.background-option .background-option__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.background-option .background-option__frame{border:3.5px solid var(--crayon-red);border-radius:var(--radius-selection);display:none;inset:-7px}.background-option input:checked~.background-option__frame{display:block}.background-option:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:10px}.background-option__thumb{width:84px;height:100px;display:block}.background-option__paper{fill:var(--sheet-bg);stroke:var(--thumb-border);stroke-width:1px}.background-option__line{stroke:var(--thumb-border);stroke-width:1px}.background-link{align-items:center;min-height:48px;font-size:16px;font-weight:700;display:inline-flex}.background-option__label{text-align:center;color:var(--color-ink);font-size:15px;font-weight:700;line-height:1.2}.text-field{flex-direction:column;gap:8px;min-width:0;display:flex}.text-field__label{font-size:18px;font-weight:700}.text-field__input{box-sizing:border-box;width:100%;min-height:var(--control-min);font:inherit;color:var(--color-text);background:var(--sheet-bg);border:3px solid var(--color-ink);border-radius:var(--radius-button);padding:10px 14px;font-size:18px;line-height:1.3}.text-field__input::placeholder{color:var(--color-muted);opacity:1}.text-field__grow{grid-template-columns:minmax(0,1fr);display:grid}.text-field__grow>*{grid-area:1/1}textarea.text-field__input{resize:none;overflow-wrap:anywhere;overflow:hidden}.text-field__copy{visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}.header-field__boxes{flex-direction:column;gap:8px;padding:4px 0 10px 44px;display:flex}.order-picker{border-top:2px dashed var(--sheet-border);margin-top:8px;padding-top:14px}.order-picker__group{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.order-picker__label{margin-bottom:10px;padding:0;font-size:17px;font-weight:700}.button-secondary{min-height:56px;font:inherit;color:var(--color-ink);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;padding:0 24px;font-size:19px;font-weight:700}.button-secondary .button-secondary__border{border:3.5px solid var(--color-ink);border-radius:var(--radius-button)}.button-secondary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button-primary{min-height:56px;font:inherit;color:var(--color-on-red);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;padding:0 24px;font-size:19px;font-weight:700}.button-primary__under{pointer-events:none;background:var(--crayon-red-under);border-radius:var(--radius-button);position:absolute;inset:3px}.button-primary .button-primary__fill{background:var(--crayon-red);border-radius:var(--radius-button)}.button-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button-primary[aria-disabled=true]{cursor:progress}.generate-button--narrow{display:none}.generator__actions{z-index:2;box-sizing:border-box;background:var(--color-paper);border-top:2px solid var(--line);flex-wrap:wrap;flex:100%;gap:12px;padding:12px 32px;display:flex;position:sticky;bottom:0}.generator__actions .button-secondary{flex:0 179px}.generator__actions .button-primary{flex:0 205px}.answer-warning{color:var(--color-text);flex:100%;margin:0;font-size:14px;line-height:1.2}.answer-warning__instruction{display:block}.answer-warning--off{visibility:hidden}.generator__actions-error{flex:100%;font-size:15px;font-weight:400}html:has(.generator__actions){--generator-actions-reserve:calc(var(--generator-actions-height,96px) + 12px);scroll-padding-top:16px;scroll-padding-bottom:var(--generator-actions-reserve)}.generator__actions button{scroll-margin-bottom:calc(-1 * var(--generator-actions-reserve))}.sheet-pages{flex-direction:column;align-items:center;gap:28px;display:flex}.sheet-page{width:100%;max-width:560px;margin:0}.sheet-page__paper{background:var(--sheet-bg);border:1.5px solid var(--sheet-border);width:100%;height:auto;box-shadow:var(--shadow-sheet);font-family:var(--font-text);font-kerning:none;display:block}.sheet-page__caption{text-align:center;color:var(--color-muted);margin-top:8px;font-size:15px}.sheet-pages__group{text-align:center;color:var(--color-text);margin:0;font-size:18px;font-weight:700}@media (width<=600px){.generator__panel{padding:22px 16px 26px}.generator__preview{padding:20px 12px 28px}.generator__actions{gap:4px 12px;padding:10px 12px}.generator__actions .button-secondary,.generator__actions .button-primary{flex:1 1 0;padding-inline:12px;font-size:16px}.generator__actions .button-primary{flex-grow:1.2}}@media (width<=275px){.generator__panel,.generator__preview,.generator__actions{padding-inline:8px}.segment{padding-inline:2px;font-size:14px}.custom-level__field{flex-direction:column;align-items:flex-start;gap:4px}.generator__actions .button-primary{padding-inline:8px}.generate-button--bar,.answer-warning__instruction{display:none}.generate-button--narrow{flex:100%;margin:0 8px 24px;padding-inline:8px;font-size:16px;display:block}.customizer__title{grid-column:1/-1}.customizer__arrow{grid-row:2}.check-row{gap:6px;font-size:14px}.check-row__box{flex-basis:26px;width:26px;height:26px}.answer-key__hint,.versions__hint{padding-inline-start:32px}.remember-header__forget{padding-inline:12px;font-size:14px}.header-field__boxes{padding-inline-start:0}.text-field__input{padding-inline:8px;font-size:16px}.generator__panel{overflow-wrap:anywhere}.select-field{padding-inline:8px 28px}.select-field__value{overflow-wrap:anywhere;font-size:16px}.select-field:after{right:8px}.quantity{grid-template-columns:repeat(2, var(--control-min));gap:10px 14px;display:grid}.quantity__input{grid-area:1/1/auto/-1;justify-self:center}.quantity__unit{grid-column:1/-1;justify-self:center}}
