.knit-chart{display:inline-flex;flex-direction:column;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;outline:none;padding:4px;border-radius:4px}.knit-chart:focus-visible{box-shadow:0 0 0 2px var(--mui-palette-primary-main)}.knit-row{display:flex;align-items:center}.knit-side{width:2.2em;font-size:11px;text-align:center;color:var(--mui-palette-text-secondary)}.knit-num{display:inline-flex;align-items:center;justify-content:center}.knit-flag{color:var(--mui-palette-error-main);font-weight:700}.knit-cells{position:relative;display:flex;box-shadow:inset 0 0 0 1px #888}.knit-cell{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.18);border-top:1px solid rgba(0,0,0,.18);line-height:1;font-family:system-ui,sans-serif;cursor:crosshair}.knit-cell.knit-ten{border-right-color:#0000008c}.knit-cell[aria-selected=true]{outline:2px solid var(--mui-palette-primary-main);outline-offset:-2px}.knit-cable{position:absolute;top:0;pointer-events:none}.knit-stitch-numbers{box-shadow:none;font-size:11px;color:var(--mui-palette-text-secondary)}.knit-stitch-numbers span{text-align:center;flex:none}.knit-palette-symbol{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #888;background:#fff;color:#000;font-size:15px;line-height:1}.knit-fabric{display:block;width:100%;max-width:900px;height:auto;max-height:80vh;object-fit:contain;object-position:left top;border-radius:4px}.knit-written{margin:0;padding-left:0;list-style:none;font-size:.875rem}.knit-written li{padding:2px 6px;margin:0 -6px;border-radius:6px}.print-only{display:none}@media print{@page{margin:12mm}.print-only{display:block}html body{background:#fff;color:#000}.knit-print img{max-width:100%}.knit-print pre{white-space:pre-wrap;font-family:system-ui,sans-serif;font-size:10pt}}.knit-chart.selecting{touch-action:none}.knit-chart.selecting .knit-cell{cursor:cell}.knit-cell.selected{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--wp-accent) 30%,transparent)}.knit-repeat{position:absolute;top:0;bottom:0;box-sizing:border-box;border-left:3px solid #d32f2f;border-right:3px solid #d32f2f;pointer-events:none}.knit-repeat.top{border-top:3px solid #d32f2f}.knit-repeat.bottom{border-bottom:3px solid #d32f2f}.knit-panels{position:relative;height:24px;margin-bottom:3px}.knit-panel{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:4px;padding:0 4px;overflow:hidden;white-space:nowrap;font:inherit;font-size:11px;border:1px solid var(--mui-palette-primary-main);border-bottom-width:3px;border-radius:6px 6px 0 0;background:var(--mui-palette-background-paper);color:var(--mui-palette-text-primary);cursor:pointer;box-sizing:border-box}.knit-panel span{overflow:hidden;text-overflow:ellipsis}.knit-panel:focus-visible{outline:2px solid var(--mui-palette-primary-main);outline-offset:1px}