.design-preview-fit{width:100%}.design-preview-fit svg{width:100%;height:auto}.design-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.design-notes ul{padding-left:1.25rem}.design-notes li{margin:.35rem 0}.design-notes code{font-size:.85em;background:var(--bg);padding:.1rem .3rem;border-radius:2px}.track-active-fullscreen{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.track-top-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;touch-action:manipulation}.track-hint{font-size:.6rem;color:var(--muted)}.track-zoom-label{font-size:.7rem;color:var(--muted)}.track-offline-badge{font-size:.6rem;padding:.15rem .4rem;border-radius:3px;background:#c4a35a;color:#fff;font-weight:600;flex-shrink:0}.track-settings-drawer{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;touch-action:manipulation}.track-viewport{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:1rem;touch-action:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px}.track-grid-area-zoom{transform-origin:top center}.track-bottom-bar{display:flex;gap:.5rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:var(--card-bg);border-top:1px solid var(--border);flex-shrink:0;touch-action:manipulation}.track-btn.bottom-action{flex:1;padding:.75rem;font-size:.85rem;min-height:44px}.track-controls-group{display:flex;align-items:center;gap:.4rem}.track-select{font-family:var(--font);font-size:.75rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:3px;background:var(--card-bg);color:var(--text);cursor:pointer;min-height:44px}.track-btn{font-family:var(--font);font-size:.8rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:3px;background:var(--card-bg);color:var(--text);cursor:pointer}.track-btn:hover{background:var(--bg)}.track-btn.primary{background:#5a7a5a;color:#fff;border-color:#5a7a5a}.track-btn.primary:hover{opacity:.9}.track-btn.secondary{color:var(--muted)}.track-btn.small{font-size:.7rem;padding:.3rem .6rem}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.dir-btn{font-family:var(--font);font-size:.75rem;padding:1rem;border:1px solid var(--border);border-radius:3px;background:var(--card-bg);color:var(--text);cursor:pointer;text-align:center;line-height:1.5;min-height:44px}.dir-btn:hover{border-color:#5a7a5a;background:var(--bg)}.dir-btn small{color:var(--muted);font-size:.65rem}.dir-arrow{display:block;font-size:1.2rem;margin-bottom:.25rem}.track-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.track-status{font-size:.75rem;color:var(--muted)}.track-grid{display:inline-grid;border:1px solid var(--border);background:var(--card-bg)}.track-cell{width:16px;height:16px;border:.5px solid var(--grid-line);position:relative}.track-row-done .track-cell{opacity:.25}.track-row-done .track-cell:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--muted)}.track-row-current{background:#5a7a5a1f}.track-row-current .track-cell{cursor:pointer}.track-cell.current-stitch{outline:2px solid #5a7a5a;outline-offset:-1px;z-index:2}.track-cell.stitch-done{opacity:.3}.track-cell.stitch-done:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--muted)}.track-wrapper{display:inline-block}.track-axis-x{display:flex;margin-left:24px}.track-axis-x span{width:16px;text-align:center;font-size:.45rem;color:var(--muted);line-height:1;padding:2px 0}.track-body{display:flex}.track-axis-y{display:flex;flex-direction:column;width:24px}.track-axis-y span{height:16px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;font-size:.45rem;color:var(--muted)}@media(max-width:600px){.track-hint,.track-zoom-label{display:none}.track-settings-toggle{display:inline-block}.track-top-bar{padding:.4rem .75rem;gap:.5rem}.track-top-bar h2{font-size:.8rem}.track-bottom-bar{gap:.75rem;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.track-btn.bottom-action{padding:1rem;font-size:.9rem}.track-viewport{padding:.5rem}.track-settings-drawer{flex-direction:column;align-items:flex-start;gap:.5rem}}