@import '_content/KnottyGrid.StaffUi/KnottyGrid.StaffUi.owrjrs12s9.bundle.scp.css';

/* /Components/ChartTechniqueChoices.razor.rz.scp.css */
.technique-choice[b-mz7yufnktw] { min-width: 0; }
.technique-choice span[b-mz7yufnktw] { min-width: 0; }
.technique-choice span span[b-mz7yufnktw] { white-space: normal; }
.technique-choice strong[b-mz7yufnktw] { overflow-wrap: anywhere; }
.technique-choice[aria-disabled="true"][b-mz7yufnktw] { cursor: default; }
/* /Components/CreateChoices.razor.rz.scp.css */
.create-groups[b-aapz8rpxzp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 12px; }
.create-groups button[b-aapz8rpxzp] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-height: 100px; min-width: 0; padding: 16px; text-align: left; color: var(--text); background: var(--surface); border: 1px solid var(--soft-border); border-radius: 14px; }
.create-groups button strong[b-aapz8rpxzp] { font-size: 1.1rem; }
.create-groups button span[b-aapz8rpxzp] { color: var(--muted); }
.create-groups button[aria-pressed="true"][b-aapz8rpxzp] { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); background: var(--glow); }
.create-groups button:focus-visible[b-aapz8rpxzp] { outline: 2px solid var(--accent); outline-offset: 3px; }
.create-group-content[b-aapz8rpxzp] { margin-top: 20px; min-width: 0; }
.create-group-content p[b-aapz8rpxzp] { overflow-wrap: anywhere; }
.create-group-content li + li[b-aapz8rpxzp] { margin-top: 8px; }
/* /Components/CreationMotif.razor.rz.scp.css */
.creation-motif[b-coinfsi427] { display: block; width: 100%; height: auto; max-height: 100px; }
/* /Components/EditorViewTabs.razor.rz.scp.css */
button[b-h3ti0hfjl7] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; }
button[b-h3ti0hfjl7]  .icon { width: 20px; height: 20px; }
@media (max-width: 30rem) { button[b-h3ti0hfjl7] { flex-direction: column; gap: .15rem; min-width: 0; } }
/* /Components/FixedAfghanCustomizer.razor.rz.scp.css */
.afghan-workspace[b-92dun5jt9v] { max-width: 90rem; margin: auto; padding: 1rem; }
.afghan-layout[b-92dun5jt9v] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr); gap: 1.5rem; }
.afghan-views[b-92dun5jt9v] { min-width: 0; }
.afghan-band-list[b-92dun5jt9v] { max-height: 36rem; overflow-y: auto; margin-top: .8rem; }
.afghan-band[b-92dun5jt9v] { margin-bottom: 1rem; padding: .8rem; border: 1px solid var(--soft-border); border-radius: .6rem; }
.file-actions[b-92dun5jt9v] { flex-wrap: wrap; }
label[b-92dun5jt9v] { display: block; margin: .6rem 0; }
input[type="number"][b-92dun5jt9v] { display: block; max-width: 7rem; }
textarea[b-92dun5jt9v] { display: block; width: 100%; min-height: 5rem; }
@media (max-width: 760px) { .afghan-layout[b-92dun5jt9v] { grid-template-columns: 1fr; } .afghan-band-list[b-92dun5jt9v] { max-height: 28rem; } }
/* /Components/FixedAfghanInstructions.razor.rz.scp.css */
.afghan-instructions[b-3ae285w6nd] { max-width: 52rem; }
dt[b-3ae285w6nd] { font-weight: 600; margin-top: .8rem; }
dd[b-3ae285w6nd] { margin: .3rem 0 .8rem; }
.afghan-yarn[b-3ae285w6nd] { display: inline-block; margin: .4rem .8rem .4rem 0; }
.afghan-notes[b-3ae285w6nd] { white-space: pre-wrap; }
/* /Components/FixedAfghanPreview.razor.rz.scp.css */
figure[b-ef8h85vdql] { margin: 0; }
canvas[b-ef8h85vdql] { display: block; width: 100%; max-height: 65svh; object-fit: contain; background: var(--surface); border: 10px solid var(--soft-border); border-radius: 12px; }
figcaption[b-ef8h85vdql] { margin-top: 8px; color: var(--muted); }
/* /Components/GrannyCustomizer.razor.rz.scp.css */
main[b-nt7ni59w3q] { max-width: 1160px; margin: 0 auto; padding: 24px; }
.granny-layout[b-nt7ni59w3q] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 24px; margin-top: 20px; }
.granny-views[b-nt7ni59w3q], .granny-colors[b-nt7ni59w3q] { min-width: 0; }
.granny-view-buttons[b-nt7ni59w3q] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.granny-view-buttons button[b-nt7ni59w3q] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.granny-view-buttons button[aria-pressed="true"][b-nt7ni59w3q] { border-color: var(--accent); background: var(--glow); box-shadow: inset 0 0 0 1px var(--accent); }
fieldset[b-nt7ni59w3q] { border: 0; padding: 0; margin: 0; }
.granny-color-card[b-nt7ni59w3q] { padding: 12px 0; border-bottom: 1px solid var(--soft-border); }
.granny-color-card h3[b-nt7ni59w3q] { margin: 0 0 8px; }
.granny-project-details[b-nt7ni59w3q] { margin-top: 24px; }
.granny-project-details label[b-nt7ni59w3q] { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; }
.granny-project-details textarea[b-nt7ni59w3q] { min-height: 80px; }
@media (max-width: 48rem) { main[b-nt7ni59w3q] { padding: 16px; } .granny-layout[b-nt7ni59w3q] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/GrannyTemplateInstructions.razor.rz.scp.css */
li + li[b-p5kmacgrpp] { margin-top: 24px; }
.round-yarns[b-p5kmacgrpp], .granny-yarn-key[b-p5kmacgrpp] { display: flex; flex-wrap: wrap; gap: 12px; }
.round-yarns span[b-p5kmacgrpp], .granny-yarn-key > span[b-p5kmacgrpp] { display: inline-flex; align-items: center; gap: 8px; }
dt[b-p5kmacgrpp] { font-weight: 700; margin-top: 12px; }
dd[b-p5kmacgrpp] { margin: 4px 0 0; }
.granny-notes[b-p5kmacgrpp] { white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Components/GrannyTemplatePreview.razor.rz.scp.css */
figure[b-kw8jvhf1f6] { margin: 0; }
canvas[b-kw8jvhf1f6] { display: block; width: 100%; max-height: 65svh; object-fit: contain; background: var(--surface); border: 10px solid var(--soft-border); border-radius: 12px; }
figcaption[b-kw8jvhf1f6] { margin-top: 8px; color: var(--muted); }
/* /Components/GridTextPlacement.razor.rz.scp.css */
.grid-text-dialog[b-eoy49hn0u9] { position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); z-index: 1000; width: min(40rem, calc(100vw - 1rem)); max-height: calc(100dvh - 1rem); box-sizing: border-box; overflow: auto; padding: 1rem; background: var(--panel); color: var(--text); border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 8px 32px #0006; }
.grid-text-dialog .setup-fields[b-eoy49hn0u9] { display: flex; flex-wrap: wrap; gap: .5rem; }
.grid-text-dialog label[b-eoy49hn0u9] { min-width: 0; max-width: 100%; }
.grid-text-dialog input[b-eoy49hn0u9], .grid-text-dialog select[b-eoy49hn0u9], .grid-text-dialog textarea[b-eoy49hn0u9] { max-width: 100%; box-sizing: border-box; }
.grid-text-dialog .shade-actions[b-eoy49hn0u9] { position: sticky; bottom: -1rem; display: flex; flex-wrap: wrap; gap: .5rem; padding: .75rem 0; background: var(--panel); z-index: 1; }
.grid-text-dialog[b-eoy49hn0u9]  canvas { max-width: 100%; }
/* /Components/GrowingGrannyCustomizer.razor.rz.scp.css */
main[b-kae8rnu5jc] { max-width: 1160px; margin: 0 auto; padding: 24px; }
.granny-layout[b-kae8rnu5jc] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 24px; margin-top: 20px; }
.granny-views[b-kae8rnu5jc], .granny-colors[b-kae8rnu5jc] { min-width: 0; }
.granny-view-buttons[b-kae8rnu5jc] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.granny-view-buttons button[b-kae8rnu5jc] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.granny-view-buttons button[aria-pressed="true"][b-kae8rnu5jc] { border-color: var(--accent); background: var(--glow); box-shadow: inset 0 0 0 1px var(--accent); }
fieldset[b-kae8rnu5jc] { border: 0; padding: 0; margin: 0; }
.granny-color-card[b-kae8rnu5jc] { padding: 12px 0; border-bottom: 1px solid var(--soft-border); }
.granny-color-card h3[b-kae8rnu5jc] { margin: 0 0 8px; }
.granny-project-details[b-kae8rnu5jc] { margin-top: 24px; }
.granny-project-details label[b-kae8rnu5jc] { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; }
.granny-project-details textarea[b-kae8rnu5jc] { min-height: 80px; }
@media (max-width: 48rem) { main[b-kae8rnu5jc] { padding: 16px; } .granny-layout[b-kae8rnu5jc] { grid-template-columns: minmax(0, 1fr); } }

.blanket-round-setting[b-kae8rnu5jc] { margin-block: 16px; }
.blanket-round-setting label[b-kae8rnu5jc], .granny-colors label[b-kae8rnu5jc], .blanket-open[b-kae8rnu5jc] { display: flex; flex-direction: column; gap: 8px; margin-block: 16px; }
.blanket-round-setting input[b-kae8rnu5jc] { max-width: 8rem; min-height: 44px; }
.blanket-sequence[b-kae8rnu5jc] { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.blanket-sequence button[b-kae8rnu5jc] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.blanket-sequence button[aria-pressed="true"][b-kae8rnu5jc] { border-color: var(--accent); background: var(--glow); }
.blanket-swatch[b-kae8rnu5jc] { display: inline-block; width: 20px; height: 20px; border: 1px solid var(--soft-border); border-radius: 50%; }
/* /Components/MosaicCustomSymbols.razor.rz.scp.css */
.custom-symbols[b-cfx691gzmv] { margin: .75rem 0; }
fieldset[b-cfx691gzmv] { border: 0; padding: 0; margin: .75rem 0; min-width: 0; }
.symbol-meaning[b-cfx691gzmv] { display: flex; flex-direction: column; gap: .5rem; margin: .75rem 0; }
textarea[b-cfx691gzmv] { width: 100%; box-sizing: border-box; resize: vertical; }
.setup-fields[b-cfx691gzmv] { align-items: end; }
/* /Components/MosaicNotationKey.razor.rz.scp.css */
.notation-key[b-k9gluuo7mf] { margin: .75rem 0; overflow-wrap: anywhere; }
dt[b-k9gluuo7mf] { font-weight: bold; margin-top: .5rem; }
dd[b-k9gluuo7mf] { margin: .25rem 0 .75rem; white-space: pre-wrap; }
/* /Components/PatternHeading.razor.rz.scp.css */
.pattern-heading[b-3smwq3qxoo] { display: flex; align-items: center; gap: .75rem; margin-block: 1rem; }
.pattern-heading h1[b-3smwq3qxoo] { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.pattern-identifier[b-3smwq3qxoo] { display: flex; align-items: center; gap: .5rem; flex: 0 1 auto; min-width: 44px; min-height: 44px; padding: .25rem; border: 1px solid transparent; background: transparent; color: var(--text); }
.pattern-identifier:hover[b-3smwq3qxoo], .pattern-identifier:focus-visible[b-3smwq3qxoo] { border-color: var(--accent); background: var(--glow); }
.heading-motif[b-3smwq3qxoo] { display: block; width: 36px; flex: 0 0 36px; }
.type-name[b-3smwq3qxoo] { max-width: 14rem; font-size: 1rem; overflow-wrap: anywhere; }
@media (max-width: 30rem) {
    .pattern-heading[b-3smwq3qxoo] { gap: .5rem; }
    .pattern-identifier:has(.type-name)[b-3smwq3qxoo] { flex-shrink: 0; }
    .type-name[b-3smwq3qxoo] { width: 6rem; max-width: 6rem; font-size: .85rem; overflow-wrap: normal; }
    .pattern-heading:has(.type-name) h1[b-3smwq3qxoo] { font-size: clamp(1.5rem, 7vw, 2rem); }
}
/* /Components/PatternTypePicker.razor.rz.scp.css */
.technique-choice[b-bz9snhodt9] { display: grid; grid-template-columns: 25px 70px minmax(0, 1fr); }
.technique-choice > span[b-bz9snhodt9] { min-width: 0; overflow-wrap: anywhere; }
.pattern-more[b-bz9snhodt9] { display: flex; align-items: center; justify-content: center; gap: .35rem; width: 50%; min-height: 44px; margin: 1rem auto; padding: .75rem .5rem; border: 1px solid var(--accent-alt); border-radius: 999px; background: linear-gradient(135deg, var(--glow), var(--surface)); color: var(--accent); font-weight: 650; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 20%, transparent); }
.pattern-more:hover:not(:disabled)[b-bz9snhodt9], .pattern-more[aria-expanded="true"][b-bz9snhodt9] { background: var(--glow); border-color: var(--accent); }
.pattern-more:focus-visible[b-bz9snhodt9] { outline: 2px solid var(--accent); outline-offset: 3px; }
.pattern-more[b-bz9snhodt9]  .icon { flex: 0 0 20px; width: 20px; height: 20px; }
@media (max-width: 48rem) {
    .technique-choice[b-bz9snhodt9] { grid-template-columns: 25px 46px minmax(0, 1fr); }
}
/* /Components/PatternTypeSettings.razor.rz.scp.css */
.pattern-types table[b-w0jxy262jw] { width: 100%; max-width: 42rem; border-spacing: .5rem; margin-block: 1rem; }
.pattern-types th[b-w0jxy262jw] { text-align: left; }
.pattern-types th:not(:first-child)[b-w0jxy262jw], .pattern-types td[b-w0jxy262jw] { text-align: center; width: 5.5rem; }
.pattern-types input[b-w0jxy262jw] { cursor: pointer; }
@media (max-width: 480px) {
    .pattern-types table[b-w0jxy262jw] { border-spacing: .25rem .5rem; }
    .pattern-types th[b-w0jxy262jw] { overflow-wrap: normal; }
    .pattern-types th:not(:first-child)[b-w0jxy262jw], .pattern-types td[b-w0jxy262jw] { width: 4rem; }
}
/* /Components/StitchChartKey.razor.rz.scp.css */
.stitch-key-entry[b-gl8z2rv6n4] { display: flex; align-items: center; gap: 8px; }
svg[b-gl8z2rv6n4] { flex-shrink: 0; }
/* /Components/StitchWorkspace.razor.rz.scp.css */
.stitch-paint-viewport[b-01us4u282p] { max-width: 100%; overflow: auto; background: var(--soft-border); }
canvas[b-01us4u282p] { display: block; width: 100%; min-width: 280px; touch-action: none; }
.drawing-colors[b-01us4u282p] { display: flex; flex-wrap: wrap; gap: .25rem; margin-block: .5rem; }
button[aria-pressed="true"][b-01us4u282p] { outline: 2px solid var(--accent); }
/* /Components/WizardPageScroll.razor.rz.scp.css */
.wizard-page-scroll[b-p1m0ui8sbg] { --scroll-safe-top: env(safe-area-inset-top, 0px); --scroll-safe-bottom: env(safe-area-inset-bottom, 0px); position: fixed; right: max(8px, env(safe-area-inset-right)); z-index: 50; width: 48px; display: flex !important; flex-direction: column; align-items: stretch; gap: 4px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 2px 10px #0005; padding: 6px 2px; box-sizing: content-box; user-select: none; touch-action: none; }
.wizard-page-scroll[hidden][b-p1m0ui8sbg] { display: none !important; }
.scroll-label[b-p1m0ui8sbg] { text-align: center; font-size: .75rem; line-height: 20px; }
.wizard-page-scroll button[b-p1m0ui8sbg] { display: block; width: 48px; height: 48px; min-height: 48px; margin: 0; padding: 0; border: 0; border-radius: 24px; background: var(--surface); color: var(--text); font-size: 1rem; touch-action: none; }
.wizard-page-scroll button:disabled[b-p1m0ui8sbg] { opacity: .4; }
.scroll-track[b-p1m0ui8sbg] { position: relative; width: 48px; flex: 1; min-height: 64px; border-radius: 24px; background: var(--soft-border); touch-action: none; }
.scroll-thumb[b-p1m0ui8sbg] { position: absolute; top: 0; left: 0; width: 48px; min-height: 48px; display: grid; place-items: center; border: 2px solid var(--text); box-sizing: border-box; border-radius: 24px; background: var(--accent); color: var(--on-accent); cursor: grab; touch-action: none; }
.scroll-thumb span[b-p1m0ui8sbg] { font-size: 1.5rem; line-height: 1; pointer-events: none; }
.scroll-thumb:active[b-p1m0ui8sbg] { cursor: grabbing; }
.scroll-thumb:focus-visible[b-p1m0ui8sbg], .wizard-page-scroll button:focus-visible[b-p1m0ui8sbg] { outline: 3px solid var(--text); outline-offset: 2px; }