.rc{max-width:1140px;margin:0 auto;padding:calc(var(--nav-height) + var(--space-lg)) var(--space-md) var(--space-xl);color:var(--color-text)}.rc__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:var(--space-md);margin-bottom:var(--space-md);align-items:start}.rc__header{margin-bottom:var(--space-lg)}.rc__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.rc__title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-sm);letter-spacing:-.02em}.rc__intro{font-size:.95rem;color:var(--color-text-subtle);max-width:60ch;line-height:1.55}.rc__canvas{background:var(--color-surface);border:1px solid var(--color-border);height:520px;position:relative;touch-action:none;overflow:hidden}.rc__canvas-mount{width:100%;height:100%}.rc__canvas-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rc__overlay-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text);cursor:pointer}.rc__overlay-toggle input[type=checkbox]{accent-color:var(--color-accent)}.rc__canvas-mount canvas{display:block;cursor:grab}.rc__canvas-mount canvas:active{cursor:grabbing}.rc__canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.rc__canvas-spinner{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:rc-spin .9s linear infinite}@keyframes rc-spin{to{transform:rotate(360deg)}}.rc__playback{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border)}.rc__playback button{font-family:inherit;font-size:.95rem;padding:.4rem .8rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;min-width:2.5rem;transition:border-color .15s,background .15s}.rc__playback button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface)}.rc__playback button:disabled{opacity:.35;cursor:not-allowed}.rc__playback .rc__btn-play{background:var(--color-accent);color:#fff;border-color:var(--color-accent);min-width:5rem}.rc__playback .rc__btn-play:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.rc__step-counter{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.9rem;color:var(--color-text-subtle);min-width:4rem;text-align:center}.rc__speed{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted);margin-left:auto}.rc__speed input[type=range]{accent-color:var(--color-accent);width:100px}.rc__controls{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.rc__field{display:flex;flex-direction:column;gap:var(--space-xs)}.rc__field-header{display:flex;justify-content:space-between;align-items:center}.rc__field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted)}.rc__field-actions{display:inline-flex;gap:.4rem}.rc__field-action{font-family:inherit;font-size:.8rem;padding:.25rem .6rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc__field-action:hover{border-color:var(--color-accent)}.rc__input{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.95rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm);resize:vertical;min-height:3rem;line-height:1.4}.rc__input:focus{outline:1px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.rc__hint{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.rc__error{font-family:ui-monospace,monospace;font-size:.8rem;color:#d23a2c;margin-top:.3rem}.rc__learning{border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-md);margin-bottom:var(--space-md)}.rc__learning-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.rc__learning-title{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:var(--color-heading)}.rc__toggle{display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--color-text);cursor:pointer}.rc__toggle input[type=checkbox]{accent-color:var(--color-accent)}.rc__learning-row{display:flex;align-items:center;gap:.5rem;margin-top:var(--space-xs);flex-wrap:wrap}.rc__learning-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-right:var(--space-xs);min-width:7ch}.rc__swatch,.rc__face-btn{width:30px;height:30px;border:1px solid var(--color-border);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#000000b3;transition:outline .15s,transform .1s}.rc__swatch:hover,.rc__face-btn:hover{transform:scale(1.05)}.rc__swatch[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:2px;color:#fffffff2}.rc__face-btn{background:transparent;color:var(--color-text)}.rc__face-btn[aria-pressed=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.rc__share{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.rc__share button{font-family:inherit;font-size:.85rem;padding:.45rem .9rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc__share button:hover{border-color:var(--color-accent)}.rc-modal__backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-md)}.rc-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--space-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:0 20px 60px #0006}.rc-modal--wide{max-width:880px}.rc-modal__body{display:flex;flex-wrap:wrap;gap:var(--space-md)}.rc-modal__col{display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-width:240px}.rc-modal__col--preview{flex:1.1}.rc-modal__preview{display:block;width:100%;height:auto;background:#f3eadb;border:1px solid var(--color-border)}.rc-modal__title{font-size:1.1rem;font-weight:600;color:var(--color-heading);margin:0}.rc-modal__field{display:flex;flex-direction:column;gap:var(--space-xs)}.rc-modal__label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted)}.rc-modal__range{display:flex;flex-direction:column;gap:.4rem}.rc-modal__range-row{display:flex;align-items:center;gap:.6rem}.rc-modal__range-row input[type=range]{accent-color:var(--color-accent);flex:1;min-width:0}.rc-modal__range-end{font-size:.75rem;color:var(--color-text-muted);min-width:3ch;text-align:right}.rc-modal__range-val{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.85rem;color:var(--color-text);min-width:3ch;text-align:left}.rc-modal__caption{font-size:.85rem;color:var(--color-text-subtle);margin:0}.rc-modal__speed{display:flex;gap:.4rem;flex-wrap:wrap}.rc-modal__speed-btn{font-family:inherit;font-size:.85rem;padding:.35rem .7rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc-modal__speed-btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.rc-modal__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text);cursor:pointer}.rc-modal__checkbox input[type=checkbox]{accent-color:var(--color-accent)}.rc-modal__error{font-size:.85rem;color:#d23a2c;margin:0}.rc-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.rc-modal__btn{font-family:inherit;font-size:.9rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc-modal__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;min-width:9rem}.rc-modal__btn:disabled{opacity:.5;cursor:not-allowed}.rc-notation__preview{width:100%;aspect-ratio:1 / 1;background:var(--color-surface);border:1px solid var(--color-border);position:relative;touch-action:none;overflow:hidden}.rc-notation__preview canvas{display:block;cursor:grab}.rc-notation__preview canvas:active{cursor:grabbing}.rc-notation__preview-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rc-notation__group+.rc-notation__group{margin-top:var(--space-md)}.rc-notation__heading{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin:0 0 var(--space-xs) 0;font-weight:600}.rc-notation__row{display:flex;align-items:center;gap:var(--space-sm);margin-top:.4rem;flex-wrap:wrap}.rc-notation__row-label{font-size:.85rem;color:var(--color-text);flex:1 1 8rem;min-width:8rem}.rc-notation__row-buttons{display:inline-flex;gap:.4rem}.rc-notation__btn{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.85rem;min-width:2.4rem;padding:.35rem .5rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc-notation__btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.rc-notation__legend{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);font-size:.85rem;color:var(--color-text-subtle)}.rc-notation__legend-row{display:flex;gap:.6rem;align-items:baseline}.rc-notation__legend dt{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-weight:600;color:var(--color-text);min-width:3.5rem;flex-shrink:0}.rc-notation__legend dd{margin:0}.rc__canvas--picking{outline:2px dashed #4dd4ff;outline-offset:-2px}.rc__canvas--picking .rc__canvas-mount canvas{cursor:pointer}.rc__custom-hide-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin-top:var(--space-sm);border:1px dashed #4dd4ff;background:#4dd4ff0f;font-size:.85rem;color:var(--color-text-subtle)}.rc__custom-hide-instr{flex:1 1 18rem;min-width:14rem;line-height:1.4}.rc__custom-hide-actions{display:inline-flex;gap:.4rem}.rc__custom-hide-summary{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;color:var(--color-text-muted)}.rc__field-action[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.rc__methods{border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-md);margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.rc__methods-caption,.rc-method__description{font-size:.85rem;color:var(--color-text-subtle);margin:0}.rc-method__tabs{display:flex;gap:.4rem;flex-wrap:wrap}.rc-method__tab{font-family:inherit;font-size:.9rem;padding:.4rem .9rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.rc-method__tab:hover{border-color:var(--color-accent)}.rc-method__tab[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.rc-method__stages{display:grid;grid-template-columns:repeat(var(--total-thumbs, 4),minmax(0,1fr));column-gap:.4rem;row-gap:.4rem}.rc-method__thumb-wrap{position:relative;min-width:0}.rc-method__thumb{display:block;width:100%;height:auto;aspect-ratio:1 / 1;background:var(--color-surface);border:1px solid var(--color-border)}.rc-method__stage-label{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;color:var(--color-text)}.rc-method__stage-num{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,monospace;font-size:.75rem;color:var(--color-text-muted);min-width:1ch}.rc-method__view-tag{position:absolute;top:.35rem;right:.35rem;font-size:.65rem;color:var(--color-text-subtle);padding:.1rem .35rem;background:#ffffffd9;border:1px solid var(--color-border);border-radius:2px;pointer-events:none}.rc-method__offscreen{position:absolute;width:280px;height:280px;left:-9999px;top:0;pointer-events:none}@media(max-width:640px){.rc-method__stages{grid-template-columns:repeat(2,1fr)}}.rc-custom-hide__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--color-text-subtle)}.rc-custom-hide__legend li{display:flex;align-items:center;gap:.6rem}.rc-custom-hide__dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border);flex-shrink:0}.rc-custom-hide__dot--hidden{background:#0a0a0a;border-color:#0a0a0a}.rc-custom-hide__dot--highlighted{background:#4dd4ff;border-color:#80e6ff;box-shadow:0 0 10px #80e6ffd9}@media(max-width:860px){.rc__stage{grid-template-columns:1fr}}@media(max-width:640px){.rc__canvas{height:380px}.rc__playback{gap:.4rem}.rc__playback button{min-width:2rem;padding:.4rem .5rem}.rc__speed{margin-left:0;width:100%;justify-content:space-between;margin-top:var(--space-xs)}}