.collage-prototype.rcdr{box-sizing:border-box;width:100%;max-width:none;font:13px var(--font-mono);color:var(--text-primary);background:var(--bg-primary);flex:none;margin:0;padding:32px max(6%,50% - 540px);overflow:visible}.rcdr-title{font:inherit;margin:0 0 4px;font-size:13px;font-weight:400}.rcdr-note,.rcdr-empty{color:var(--text-secondary);margin:4px 0 16px;font-size:11px}.rcdr-heading{height:40px;font:inherit;align-items:center;gap:10px;margin:16px 0 8px;font-weight:400;display:flex}.rcdr-heading:after{content:"";background:var(--border);flex:1;height:1px}.rcdr-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin:0 0 12px;display:flex}.rcdr-label{color:var(--text-secondary);min-width:64px}.rcdr-button,.rcdr-input{box-sizing:border-box;border:1px solid var(--border);height:28px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:0;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.rcdr-input{cursor:text;font-variant-numeric:tabular-nums;width:72px}.rcdr-input.is-name{width:100%}.rcdr-button:disabled{opacity:.35;cursor:default}.rcdr-button[aria-pressed=true]{border-color:var(--text-primary)}.rcdr-button:focus-visible,.rcdr-input:focus-visible{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr .collage-mode-toggle{flex-wrap:nowrap;gap:0;margin:0;display:inline-flex}.rcdr .collage-mode-toggle>button{box-sizing:border-box;border:1px solid var(--border);height:28px;color:color-mix(in srgb,var(--text-primary) 72%,transparent);font:13px var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;flex:none;margin:0 -1px 0 0;padding:0 10px;position:relative}.rcdr .collage-mode-toggle>button:last-child{margin-right:0}.rcdr .collage-mode-toggle>button:is([aria-pressed=true],:hover:not(:disabled),:focus-visible){z-index:1;border-color:var(--text-primary)}.rcdr .collage-mode-toggle>button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.rcdr .collage-mode-toggle>button:disabled:not([aria-pressed=true]){opacity:.35;cursor:default}.rcdr .collage-mode-toggle>button:focus-visible{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr-file-picker{position:relative;overflow:hidden}.rcdr-file-picker input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;inset:0}.rcdr-file-picker:focus-within{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr-record-row{gap:10px 12px}.rcdr-record-end{align-items:center;gap:12px;display:inline-flex}.rcdr-record-row .rcdr-or{min-width:0}.rcdr-dropbox{border:1.5px dashed var(--nok-line-strong);cursor:pointer;text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:132px;margin:0 0 16px;padding:20px;transition:border-color .15s,background .15s;display:flex;position:relative}.rcdr-dropbox:hover{border-color:var(--nok-ink)}.rcdr.is-dropping:not(.has-source){outline:none}.rcdr-dropbox.is-over{border-color:var(--nok-blue);background:color-mix(in srgb,var(--nok-blue) 8%,var(--nok-paper));border-style:solid}.rcdr-dropbox:focus-within{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr-dropbox input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;inset:0}.rcdr-dropbox-title{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.01em;font-size:20px;font-weight:500}.rcdr-dropbox-sub{font:12px var(--font-mono);color:var(--nok-subtle)}.rcdr-for-touch{display:none}@media (hover:none) and (pointer:coarse){.rcdr-for-mouse{display:none}.rcdr-for-touch{display:inline}}.rcdr-meter{border:1px solid var(--border);flex:1;min-width:80px;max-width:240px;height:8px}.rcdr-meter>span{background:var(--text-primary);width:0;height:100%;display:block}.rcdr-time{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.rcdr-wave{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;margin:0 0 12px;position:relative}.rcdr-wave.is-attack{cursor:pointer}.rcdr-wave.is-handle{cursor:ew-resize}.rcdr-wave-svg{width:100%;height:112px;display:block;overflow:visible}.rcdr-wave-svg .wave path{fill:none;stroke:var(--text-secondary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.4}.rcdr-wave-svg .attack{stroke:var(--text-primary);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.55}.rcdr-wave-svg .attack.is-hover{stroke-width:2.5px;opacity:1}.rcdr-wave-svg .handle line{stroke:var(--text-primary);stroke-width:3px;vector-effect:non-scaling-stroke}.rcdr-wave-svg .handle text{fill:var(--text-primary);font:11px var(--font-mono)}.rcdr-wave-svg .head{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.rcdr-stage{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:13px;overflow:hidden}.rcdr-inline{margin:0}.rcdr-list{border-top:1px solid var(--border);margin:0 0 16px;padding:0;list-style:none}.rcdr-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 64px max-content;align-items:center;gap:10px;min-height:40px;display:grid}.rcdr-item-name{overflow-wrap:anywhere;min-width:0}.rcdr-item-time{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:12px}.rcdr-item-actions{gap:6px;display:flex}@media (max-width:640px){.collage-prototype.rcdr{padding:20px 22px}}@media (max-width:720px){.rcdr-item{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"name time""actions actions";row-gap:4px;padding:8px 0}.rcdr-item-name{grid-area:name}.rcdr-item-time{grid-area:time}.rcdr-item-actions{grid-area:actions}}.rcdr-error{color:var(--error-text)}.rcdr-wave-svg .bar{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.3}.rcdr-wave-svg.is-detail{height:128px}.rcdr-wave-svg .beat{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.15}.rcdr-wave-svg .tick{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.5}.rcdr-wave-svg .bar-line line{stroke:var(--text-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.rcdr-wave-svg .bar-line text{fill:var(--text-primary);font:11px var(--font-mono)}.rcdr-tile{box-sizing:border-box;border:1px solid var(--border);width:100%;height:44px;color:var(--text-primary);font:11px var(--font-mono);font-variant-numeric:tabular-nums;text-align:left;cursor:grab;background:0 0;border-radius:0;flex-direction:column;justify-content:space-between;align-items:stretch;gap:2px;padding:4px 6px;display:flex}.rcdr-tile:active{cursor:grabbing}.rcdr-tile:hover,.rcdr-tile[aria-pressed=true]{border-color:var(--text-primary)}.rcdr-tile.is-playing{background:var(--text-primary);color:var(--bg-primary)}.rcdr-tile:focus-visible{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr-item[draggable=true]{cursor:grab}.rcdr-wave-svg .range-label{fill:var(--text-primary);font:11px var(--font-mono)}.rcdr-lens{width:100%;height:14px;margin:-12px 0 -2px;display:block;overflow:visible}.rcdr-lens line{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.35}.rcdr-detail-empty{box-sizing:border-box;height:128px;color:var(--text-secondary);justify-content:center;align-items:center;margin:0 0 12px;font-size:11px;display:flex}.rcdr-wave-svg .head{transition:opacity .2s}.rcdr-wave-svg .head:not([data-on]){opacity:0}.rcdr-wave-svg .ghost line{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:2 3;opacity:.6}.rcdr-moved{color:var(--text-primary);font-variant-numeric:tabular-nums}.rcdr-pitch{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;display:inline-block}.collage-prototype.rcdr{--nok-paper:#f3f1ec;--nok-ink:#0d0d10;--nok-muted:#4a4844;--nok-subtle:#6f6b65;--nok-line:#0d0d102e;--nok-line-strong:#0d0d108c;--nok-red:#d8352a;--nok-blue:#1f3fb8;--nok-yellow:#efc020;--nok-rule:3px;--bg-primary:var(--nok-paper);--text-primary:var(--nok-ink);--text-secondary:var(--nok-subtle);--border:var(--nok-line);isolation:isolate;padding-top:40px;position:relative;overflow:hidden}.collage-prototype.rcdr>*{z-index:1;position:relative}.rcdr-eyebrow{font:10px var(--font-mono);letter-spacing:.24em;color:var(--nok-subtle);margin:0 0 18px}.collage-prototype.rcdr .rcdr-title{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(56px,9vw,112px);font-weight:600;line-height:.85}.collage-prototype.rcdr .rcdr-heading{border-bottom:var(--nok-rule) solid var(--nok-ink);height:auto;font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.02em;text-transform:lowercase;gap:10px;margin:40px 0 16px;padding-bottom:9px;font-size:23px;font-weight:500}.rcdr-heading:after{display:none}.rcdr-mark{flex:none;width:16px;height:16px;display:inline-block}.rcdr-mark.is-square{background:var(--nok-red)}.rcdr-mark.is-circle{background:var(--nok-blue);border-radius:50%}.rcdr-mark.is-triangle{border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:16px solid var(--nok-yellow);background:0 0;width:0;height:0}.rcdr-label{font-family:var(--font-jost),var(--font-sans),sans-serif;color:var(--nok-muted);text-transform:lowercase;font-size:15px}.rcdr-stage{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.01em;font-size:16px}.rcdr-button,.rcdr-input{border-color:var(--nok-line-strong);background:var(--nok-paper)}.rcdr-button:hover:not(:disabled){border-color:var(--nok-ink)}.rcdr-wave-svg .range{fill:var(--nok-blue);opacity:.12}.rcdr-wave-svg .wave.is-in-range path{stroke:var(--nok-blue);opacity:1}.rcdr-wave-svg .range-label{fill:var(--nok-blue);font-weight:600}.rcdr-lens line{stroke:var(--nok-blue);opacity:.6}.rcdr-wave-svg .head{stroke:var(--nok-red);stroke-width:2px;stroke-dasharray:none}.rcdr-wave-svg .bar-line line{stroke:var(--nok-ink)}.rcdr-wave-svg .bar-line.is-tile-start text{fill:var(--nok-blue);font-weight:700}.rcdr-wave-svg .bar-line.is-inner line{stroke-width:1px;opacity:.55}.rcdr-wave-svg .bar-line.is-off line{stroke:var(--nok-red);stroke-dasharray:6 3}.rcdr-wave-svg .pin{fill:var(--nok-ink)}.rcdr-tile{position:relative}.rcdr-tile.is-short{border-style:dashed}.rcdr-wave-svg .bar-line.is-restart text{text-decoration:underline}.rcdr-tile.is-doubtful:after{content:"";background:var(--nok-red);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.rcdr-wave.is-label{cursor:pointer}.rcdr-wave-svg .beat{stroke:var(--nok-blue);stroke-width:1.5px;stroke-dasharray:4 3;opacity:.7}.rcdr-wave-svg .tick{stroke:var(--nok-ink);stroke-width:2px;opacity:.85}.rcdr-wave-svg .tick-lane{stroke:var(--nok-line);stroke-width:1px}.rcdr-wave-svg .ghost line{stroke:var(--nok-ink);opacity:.7}.rcdr-wave-svg .ghost polygon{fill:var(--nok-yellow)}.rcdr-tile{border-color:var(--nok-line-strong);background:var(--nok-paper)}.rcdr-tile:hover{border-color:var(--nok-ink)}.rcdr-tile[aria-pressed=true]{border-color:var(--nok-blue);box-shadow:inset 0 0 0 1px var(--nok-blue)}.rcdr-tile.is-playing{background:var(--nok-blue);border-color:var(--nok-blue);color:var(--nok-paper)}.rcdr-moved{color:var(--nok-ink);font-weight:600}.rcdr.is-dropping{outline:2px solid var(--nok-blue);outline-offset:-10px}.rcdr-list{border-top:var(--nok-rule) solid var(--nok-ink)}.rcdr-strip{height:30px;margin:-6px 0 0;padding:0;list-style:none;position:relative}.rcdr-strip>li{box-sizing:border-box;padding-right:2px;position:absolute;top:0;bottom:0}.rcdr-strip .rcdr-tile{white-space:nowrap;justify-content:center;height:100%;padding:0 4px;font-size:11px;transition:background-color .12s,border-color .12s,color .12s;overflow:hidden}.rcdr-strip .rcdr-tile.is-doubtful:after{width:5px;height:5px;top:3px;right:3px}.rcdr-tile:hover:not(.is-playing){background:color-mix(in srgb,var(--nok-blue) 8%,var(--nok-paper))}.rcdr-wave-svg .head{stroke:var(--nok-ink);stroke-width:1.5px}.rcdr-wave-svg .beat{stroke-width:1px;stroke-dasharray:2 4;opacity:.55}.rcdr-wave-svg .range{opacity:.08}@keyframes rcdr-in{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rcdr-detail .rcdr-wave-svg{animation:none}.rcdr-strip .rcdr-tile{transition:none}}.rcdr-detail-hint{color:var(--nok-subtle);margin-left:auto;font-size:11px}.rcdr-detail-foot{color:var(--nok-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:6px 0 22px;font-size:12px;display:flex}.rcdr-detail-name{font-family:var(--font-jost),var(--font-sans),sans-serif;color:var(--nok-blue);font-size:16px;font-weight:600}.rcdr-doubt{color:var(--nok-red)}.rcdr-export{gap:6px}.rcdr-drag-all{cursor:grab}.rcdr-drag-all:active{cursor:grabbing}.rcdr-gap{width:16px}.rcdr-button{transition:border-color .12s,background-color .12s}.rcdr-more{margin:28px 0 0}.rcdr-more>summary{color:var(--nok-muted);cursor:pointer;padding:12px 0;font-size:12px;list-style:none}.rcdr-more>summary::-webkit-details-marker{display:none}.rcdr-more>summary:before{content:"+ "}.rcdr-more[open]>summary:before{content:"− "}.rcdr-more>summary:hover{color:var(--nok-ink)}.collage-prototype.rcdr.has-source{padding-top:40px}.collage-prototype.rcdr.has-source .rcdr-title{margin-bottom:0;font-size:44px}.collage-prototype.rcdr.has-source .rcdr-eyebrow{display:none}.collage-prototype.rcdr.has-source .rcdr-heading{margin-top:24px;margin-bottom:12px}.rcdr-group{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.rcdr-song{align-items:baseline;gap:4px 14px;margin:0 0 16px;display:flex}.rcdr-song-title{min-width:0;font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:500;display:flex}.rcdr-song-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rcdr-song-meta{color:var(--nok-subtle);white-space:nowrap;flex:none;font-size:12px}.rcdr-song-actions{flex:none;gap:14px;margin-left:4px;display:inline-flex}.rcdr-text-button{color:var(--nok-muted);font:12px var(--font-mono);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.rcdr-text-button:hover,.rcdr-song-actions .rcdr-text-button{color:var(--nok-ink)}.rcdr-text-button:focus-visible{outline:1px solid var(--text-primary);outline-offset:3px}.rcdr-controls{gap:10px 18px;margin-bottom:6px}.rcdr-adjust-toggle{margin-left:4px}.rcdr-adjust{flex-wrap:wrap;align-items:center;gap:10px 36px;margin:6px 0 16px;display:flex}.rcdr-wave-svg .bar-line.is-inner text{opacity:.45}body:has(.rcdr.is-app) .site-nav{display:none}.collage-prototype.rcdr.is-app,.collage-prototype.rcdr.is-app.has-source{padding-top:52px}.collage-prototype.rcdr>.rcdr-appbar{z-index:5;-webkit-app-region:drag;height:40px;position:fixed;top:0;left:0;right:0}.rcdr-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.rcdr-icon{flex:none;display:block}.rcdr-icon-button{justify-content:center;align-items:center;min-width:32px;padding:0 7px;display:inline-flex}.rcdr-icon-text{color:var(--nok-muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.rcdr-icon-text:hover{color:var(--nok-ink)}.rcdr-with-icon{align-items:center;gap:5px;display:inline-flex}.rcdr-with-icon .rcdr-icon{width:13px;height:13px;color:var(--nok-subtle)}.rcdr-icon-toggle button{justify-content:center;align-items:center;min-width:34px;display:inline-flex}.rcdr-dropbox-icon{color:var(--nok-subtle);transition:color .15s,transform .2s}.rcdr-dropbox:hover .rcdr-dropbox-icon,.rcdr-dropbox.is-over .rcdr-dropbox-icon{color:var(--nok-ink);transform:translateY(3px)}.rcdr-rec-dot{background:var(--nok-line-strong);border-radius:50%;width:10px;height:10px;display:inline-block}.rcdr-rec-dot.is-on{background:var(--nok-red);animation:1s steps(2,start) infinite rcdr-blink}@keyframes rcdr-blink{to{visibility:hidden}}.rcdr-icon-button.is-armed{animation:1.4s ease-in-out infinite rcdr-pulse}@keyframes rcdr-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--nok-red) 25%,transparent)}}.rcdr-doubt-dot{background:var(--nok-red);border-radius:50%;align-self:center;width:7px;height:7px;display:inline-block}.rcdr-detail-empty{border:1px dashed var(--nok-line)}.rcdr-more>summary{align-items:center;gap:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.rcdr-rec-dot.is-on,.rcdr-icon-button.is-armed{animation:none}}.rcdr-strip{border-top:1px solid color-mix(in srgb,var(--nok-ink) 22%,transparent);height:24px;margin:-2px 0 0}.rcdr-strip>li{padding-right:0}.rcdr-strip .rcdr-tile{box-shadow:none;color:var(--nok-subtle);letter-spacing:.02em;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:7px 0 0 5px;font-size:10px;transition:color .12s;overflow:visible}.rcdr-strip .rcdr-tile:before{content:"";background:color-mix(in srgb,var(--nok-ink) 35%,transparent);width:1px;height:8px;position:absolute;top:-1px;left:0}.rcdr-strip .rcdr-tile:after{content:"";background:0 0;height:3px;transition:background .12s;position:absolute;top:-2px;left:0;right:0}.rcdr-strip .rcdr-tile:hover:not([aria-pressed=true]){color:var(--nok-ink);background:0 0}.rcdr-strip .rcdr-tile:hover:not([aria-pressed=true]):after{background:color-mix(in srgb,var(--nok-ink) 45%,transparent)}.rcdr-strip .rcdr-tile[aria-pressed=true],.rcdr-strip .rcdr-tile.is-playing{color:var(--nok-blue);box-shadow:none;background:0 0;font-weight:600}.rcdr-strip .rcdr-tile[aria-pressed=true]:after,.rcdr-strip .rcdr-tile.is-playing:after{background:var(--nok-blue)}.rcdr-strip .rcdr-tile.is-edge-off:before{background:var(--nok-red);width:2px;height:12px}.rcdr-strip .rcdr-tile.is-tempo-off{color:var(--nok-red)}.rcdr-strip .rcdr-tile.is-short{color:color-mix(in srgb,var(--nok-subtle) 60%,transparent)}.rcdr-strip .rcdr-tile.is-short:after{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--nok-ink) 30%,transparent) 0 2px,transparent 2px 5px);height:1px;top:-1px}.rcdr-strip .rcdr-tile.is-short[aria-pressed=true]:after{background:var(--nok-blue);height:3px;top:-2px}.rcdr-strip .rcdr-tile.is-end-off{border-right:2px solid var(--nok-red);border-image:linear-gradient(var(--nok-red) 0 12px,transparent 12px) 1}.rcdr-start{grid-template-columns:2fr 1fr;gap:16px;margin:0 0 4px;display:grid}.rcdr-start.is-single{grid-template-columns:1fr}.rcdr-start .rcdr-start-card{min-height:208px;margin:0}.rcdr-start-card.is-record{border:1.5px solid var(--nok-line);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.rcdr-start-rec{border:1.5px solid var(--nok-line-strong);background:var(--nok-paper);cursor:pointer;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;transition:border-color .15s;display:grid}.rcdr-start-rec:before{content:"";background:var(--nok-red);border-radius:50%;width:28px;height:28px;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.rcdr-start-rec:hover{border-color:var(--nok-ink)}.rcdr-start-rec:hover:before{transform:scale(1.18)}.rcdr-start-rec:focus-visible{outline:1px solid var(--text-primary);outline-offset:4px}.rcdr-start-rec:disabled{opacity:.35;cursor:default}.rcdr-start-input{color:var(--nok-subtle)}@media (max-width:640px){.rcdr-start{grid-template-columns:1fr}.rcdr-start .rcdr-start-card{min-height:150px}}@media (prefers-reduced-motion:reduce){.rcdr-start-rec:before{transition:none}}.rcdr-cut-toggle{margin-left:auto}.rcdr-cut-toggle[aria-expanded=true]{color:var(--nok-ink)}.rcdr-cut{margin-top:8px}.rcdr-wave-svg .beat-mark .notch{stroke:var(--nok-ink);stroke-width:1.5px;opacity:.45}.rcdr-wave-svg .beat-mark .guide{stroke:var(--nok-ink);stroke-width:1px;opacity:.1}.rcdr-adjust-group{align-items:center;gap:8px;display:inline-flex}.rcdr-adjust-icon,.rcdr-pitch-icon{color:var(--nok-subtle);margin-right:2px;display:inline-flex}.rcdr-pitch-group{gap:2px}.rcdr-step{width:22px;height:28px;color:var(--nok-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.rcdr-step:hover:not(:disabled){color:var(--nok-ink)}.rcdr-step:disabled{opacity:.3;cursor:default}.rcdr-pitch{min-width:26px;height:28px;font:12px var(--font-mono);color:var(--nok-muted);text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:0 2px}.rcdr-pitch.is-moved{color:var(--nok-blue);font-weight:600}.rcdr-pitch:disabled{cursor:default}.rcdr-zoom{width:100%;height:28px;display:block;overflow:visible}.rcdr-zoom polygon{fill:var(--nok-blue)}.rcdr-detail .rcdr-wave-svg .range{fill:var(--nok-blue);opacity:.14}.rcdr-wave-svg .tick{stroke-width:1.5px;opacity:.4}.collage-prototype.rcdr{--glass:#ffffff70;--glass-strong:#ffffff9e;--glass-edge:#ffffffbf;--glass-shade:0 10px 40px #1e22461a,0 1px 2px #1e22460f;--glass-lip:inset 0 1px 0 #ffffffe6;--glass-ink:#10121cd6;background:#f3f1ec}:is(html:has(.rcdr),body:has(.rcdr)){background:#f3f1ec}:is(html:has(.rcdr.is-app),body:has(.rcdr.is-app)){background:#eeebe6}.rcdr-panel{border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--glass-shade),var(--glass-lip);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);border-radius:22px;margin:0 0 18px;padding:18px 22px 6px}.rcdr-panel.is-top{padding-bottom:12px}.rcdr-panel.is-top .rcdr-controls,.rcdr-panel.is-top .rcdr-adjust{margin-bottom:0}.rcdr-panel.is-top .rcdr-adjust{border-top:1px solid #ffffffb3;margin-top:12px;padding-top:12px}.rcdr-panel.is-wave{padding:20px 22px 8px}.rcdr-panel .rcdr-export{margin-bottom:8px}.rcdr .rcdr-button,.rcdr .rcdr-input{border:1px solid var(--glass-edge);background:var(--glass-strong);box-shadow:0 1px 2px #1e22460f,var(--glass-lip);border-radius:10px}.rcdr .rcdr-button:hover:not(:disabled){background:#ffffffd9;border-color:#fff}.rcdr .rcdr-button[aria-pressed=true]{background:var(--glass-ink);color:#fff;border-color:#0000;box-shadow:0 2px 8px #10121c38}.rcdr .collage-mode-toggle{border:1px solid var(--glass-edge);box-shadow:var(--glass-lip);background:#fff6;border-radius:12px;padding:2px}.rcdr .collage-mode-toggle>button{background:0 0;border:0;border-radius:9px;height:26px;margin:0}.rcdr .rcdr-pitch-group{border:1px solid var(--glass-edge);box-shadow:var(--glass-lip);background:#fff6;border-radius:12px;padding:0 4px}.rcdr .rcdr-start-card{background:var(--glass);box-shadow:var(--glass-shade),var(--glass-lip);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);border-radius:24px}.rcdr .rcdr-dropbox.rcdr-start-card{border:1.5px dashed #fffffff2}.rcdr .rcdr-dropbox.rcdr-start-card:hover{background:var(--glass-strong);border-color:#fff}.rcdr .rcdr-dropbox.is-over{border-color:var(--nok-blue);background:#ffffffb3}.rcdr .rcdr-start-card.is-record{border:1px solid var(--glass-edge)}.rcdr .rcdr-start-rec{border:1px solid var(--glass-edge);background:var(--glass-strong);box-shadow:0 4px 18px #d8352a2e,var(--glass-lip)}.rcdr .rcdr-cut,.rcdr .rcdr-list,.rcdr .rcdr-record-row{border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--glass-shade),var(--glass-lip);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);border-radius:18px;padding:14px 18px}.rcdr .rcdr-list{padding:4px 18px}.rcdr .rcdr-item:last-child{border-bottom:0}html:has(.rcdr.is-app){background:0 0}body:has(.rcdr.is-app){background:0 0}.rcdr.is-app{--glass:#ffffff38;--glass-strong:#fff9;--glass-edge:#ffffff8c}.rcdr.is-app .rcdr-panel,.rcdr.is-app .rcdr-start-card,.rcdr.is-app .rcdr-cut,.rcdr.is-app .rcdr-list,.rcdr.is-app .rcdr-record-row{-webkit-backdrop-filter:none;backdrop-filter:none}.rcdr .rcdr-panel.is-top,.rcdr .rcdr-panel.is-wave{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.rcdr .rcdr-panel.is-top{margin:0 0 30px}.rcdr .rcdr-panel.is-top .rcdr-song{margin:0 0 14px}.rcdr .rcdr-panel.is-top .rcdr-adjust{border-top:0;margin-top:12px;padding-top:0}.rcdr .rcdr-panel.is-wave{margin:0 0 12px}.rcdr .rcdr-button,.rcdr .rcdr-input,.rcdr .rcdr-button:hover:not(:disabled){box-shadow:none;background:0 0;border:0;border-radius:8px}.rcdr .rcdr-button:hover:not(:disabled):not([aria-pressed=true]){background:#0d0d1012}.rcdr .rcdr-button[aria-pressed=true]{background:var(--nok-ink);color:#fff;box-shadow:none}.rcdr .rcdr-input{border-bottom:1px solid var(--nok-line-strong);border-radius:0;width:56px;padding:0 4px}.rcdr .rcdr-input:focus-visible{border-bottom-color:var(--nok-ink);outline:0}.rcdr .collage-mode-toggle,.rcdr .rcdr-pitch-group{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.rcdr .collage-mode-toggle>button{border-radius:8px}.rcdr .collage-mode-toggle>button:hover:not(:disabled):not([aria-pressed=true]){background:#0d0d1012}.rcdr .collage-mode-toggle>button[aria-pressed=true]{background:var(--nok-ink);color:#fff;box-shadow:none}.rcdr .rcdr-pitch-icon{margin-left:0}.rcdr .rcdr-drag-all{box-shadow:none;background:0 0;border:0}.rcdr .rcdr-controls>.rcdr-button:first-child,.rcdr .rcdr-export>:first-child{margin-left:-7px}.rcdr-entry-rec .rcdr-start-input{color:var(--nok-subtle)}.rcdr-entry-drop{cursor:pointer;place-items:center;height:112px;display:grid;position:relative}.rcdr-entry-drop input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;inset:0}.rcdr-entry-drop:focus-within{outline:1px solid var(--nok-ink);outline-offset:6px}.rcdr-ghost{width:100%;height:100%;position:absolute;inset:0}.rcdr-ghost line{stroke:var(--nok-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.16;transform-box:fill-box;transform-origin:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 2.5ms),stroke .25s,opacity .25s}.rcdr-entry-icon{background:var(--nok-ink);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s;display:grid;position:relative}.rcdr-entry-drop:hover .rcdr-ghost line{opacity:.32}.rcdr-entry-drop:hover .rcdr-entry-icon{transform:translateY(2px)}.rcdr-entry.is-over .rcdr-ghost line{stroke:var(--nok-blue);opacity:.7;transform:scaleY(2.4)}.rcdr-entry.is-over .rcdr-entry-icon{background:var(--nok-blue);transform:scale(1.1)}.rcdr-entry:has(.rcdr-start-rec:hover:not(:disabled)) .rcdr-ghost line{stroke:var(--nok-red);opacity:.4}@media (prefers-reduced-motion:reduce){.rcdr-ghost line,.rcdr-entry-icon{transition:none}}.rcdr .rcdr-cut,.rcdr .rcdr-list,.rcdr .rcdr-record-row{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.rcdr-strip .rcdr-tile{padding:0}.rcdr-strip .rcdr-tile.is-tempo-off:after{background:repeating-linear-gradient(90deg,var(--nok-red) 0 3px,transparent 3px 6px);height:2px;top:-1px}.rcdr-wave-svg .head-dot{fill:var(--nok-paper);stroke:var(--nok-ink);stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.55}.rcdr-wave-svg .bar-line.is-tile-start .head-dot{fill:var(--nok-blue);stroke:var(--nok-blue);opacity:1}.rcdr-wave-svg .bar-line.is-restart .head-dot{fill:var(--nok-ink);stroke:var(--nok-ink)}.rcdr-length{background:#0d0d101f;border-radius:2px;width:56px;height:3px;display:block}.rcdr-length>span{background:currentColor;border-radius:2px;height:100%;display:block}.rcdr-progress{background:#0d0d101f;flex:1;max-width:240px;height:2px}.rcdr-progress>span{background:var(--nok-red);height:100%;display:block}.collage-prototype.rcdr.is-app{background:0 0}.collage-prototype.rcdr>.rcdr-backdrop{z-index:0;background:rgb(var(--rcdr-tint,243 241 236) / var(--rcdr-veil,0));transition:background-color .3s var(--ease,ease);pointer-events:none;position:fixed;inset:0}.rcdr-veil{width:96px;accent-color:var(--nok-ink)}.rcdr-strip{height:18px}.rcdr-tone{background:var(--tone);opacity:.85;pointer-events:none;border-radius:2px;height:6px;position:absolute;top:6px;left:3px;right:3px}.rcdr-tone.is-once{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--nok-ink) 45%,transparent) 0 1.5px,transparent 1.5px 4px)}.rcdr-tone.is-quiet{box-shadow:inset 0 0 0 1.5px var(--tone);background:0 0}.rcdr-tone.is-once.is-quiet{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--nok-ink) 45%,transparent)}.rcdr-tone.is-best:before{content:"";background:var(--nok-ink);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:-5px;left:50%}.rcdr-strip .rcdr-tile[aria-pressed=true] .rcdr-tone,.rcdr-strip .rcdr-tile:hover .rcdr-tone{opacity:1}.rcdr-marks{height:12px;margin:0 0 -4px;position:relative}.rcdr-section{cursor:pointer;background:0 0;border:0;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;top:0}.rcdr-section:before{content:"";border-left:3px solid #0000;border-right:3px solid #0000;border-top:6px solid color-mix(in srgb,var(--nok-ink) 40%,transparent);transition:border-top-color .12s;position:absolute;top:2px;left:3px}.rcdr-section:hover:before,.rcdr-section.is-on:before{border-top-color:var(--nok-ink)}.rcdr-shot{cursor:pointer;background:0 0;border:0;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;top:0}.rcdr-shot:before{content:"";width:var(--size);height:var(--size);background:color-mix(in srgb,var(--nok-red) 70%,transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rcdr-shot.is-on:before{background:var(--nok-red);box-shadow:0 0 0 2px color-mix(in srgb,var(--nok-red) 25%,transparent)}.rcdr-section:focus-visible,.rcdr-shot:focus-visible{outline:1px solid var(--nok-ink);outline-offset:1px}.rcdr-song-meta.is-faint{opacity:.45}.rcdr-meter-dots{gap:3px;display:inline-flex}.rcdr-meter-dots>i{background:currentColor;border-radius:50%;width:4px;height:4px}.rcdr-meter-dots>i:first-child{transform:scale(1.35)}.rcdr-section:before{opacity:calc(.25 + .75 * var(--strength,1));transform:scale(calc(.75 + .35 * var(--strength,1)));transform-origin:50% 0}.rcdr-section:hover:before,.rcdr-section.is-on:before{opacity:1}.rcdr-chop{align-items:center;gap:14px;margin-left:auto;display:inline-flex}.rcdr-pads{grid-template-columns:repeat(4,7px);grid-auto-rows:7px;gap:2px;margin-block:-3px;display:grid}.rcdr-pad{background:color-mix(in srgb,var(--nok-ink) 22%,transparent);cursor:pointer;border:0;border-radius:2px;padding:0;transition:background 80ms}.rcdr-pad:hover:not(:disabled){background:color-mix(in srgb,var(--nok-ink) 45%,transparent)}.rcdr-pad:disabled{background:color-mix(in srgb,var(--nok-ink) 6%,transparent);cursor:default}.rcdr-pad.is-struck{background:var(--nok-blue);transition:none}.rcdr-pad:focus-visible{outline:1px solid var(--nok-ink);outline-offset:1px}.rcdr-wave-svg .slice rect{fill:#0000}.rcdr-wave-svg .slice line{stroke:var(--nok-ink);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.5}.rcdr-wave-svg .slice.is-struck rect{fill:var(--nok-blue);opacity:.22}.rcdr-wave-svg .chord{fill:var(--nok-ink);font:10px var(--font-mono);opacity:.6}.rcdr-wave-svg .chord.is-outside{opacity:.25}.rcdr-song-meta.is-moved{color:var(--nok-blue)}.rcdr{--ease:cubic-bezier(.22,1,.36,1);--reveal:.42s;--fast:.2s;--base:.32s;--slow:.7s}.rcdr-reveal{opacity:1;transition:grid-template-rows var(--reveal) var(--ease),opacity .22s var(--ease);grid-template-rows:1fr;display:grid}.rcdr-reveal>*{overflow-clip-margin:6px;min-height:0;overflow:clip}.rcdr-reveal[data-open=false]{opacity:0;grid-template-rows:0fr}@starting-style{.rcdr-reveal.is-arrive{opacity:0;grid-template-rows:0fr}}.rcdr-reveal[data-open=false]>.rcdr-cut{margin-top:0}@starting-style{.rcdr-section,.rcdr-shot,.rcdr-tone,.rcdr-song-meta,.rcdr-pads,.rcdr-wave-svg .chord,.rcdr-wave-svg .slice{opacity:0}}.rcdr-section:before{transition:opacity .24s var(--ease),transform .24s var(--ease),border-top-color .14s}.rcdr .collage-mode-toggle>button,.rcdr .rcdr-button,.rcdr-step,.rcdr-pitch,.rcdr-text-button{transition:background-color .14s var(--ease),color .14s var(--ease)}.rcdr-wave-svg:not(.is-detail)>.range{transition:x .2s var(--ease),width .2s var(--ease)}@starting-style{.rcdr-panel{opacity:0;translate:0 6px}}.rcdr-panel.is-wave{transition-delay:50ms}@media (prefers-reduced-motion:reduce){.rcdr-reveal,.rcdr-section,.rcdr-shot,.rcdr-tone,.rcdr-song-meta,.rcdr-pads,.rcdr-wave-svg .chord,.rcdr-wave-svg .slice,.rcdr-panel,.rcdr-wave-svg:not(.is-detail)>.range{transition:none}}.rcdr-zoom polygon{transition:transform .2s var(--ease)}@media (prefers-reduced-motion:reduce){.rcdr-zoom polygon{transition:none}}.rcdr-veil{appearance:none;cursor:pointer;background:0 0;width:96px;height:16px;margin:0}.collage-prototype.rcdr .rcdr-veil::-webkit-slider-runnable-track{background:linear-gradient(90deg,color-mix(in srgb,var(--nok-ink) 12%,transparent),color-mix(in srgb,var(--nok-ink) 40%,transparent));border-radius:1px;height:2px}.collage-prototype.rcdr .rcdr-veil::-webkit-slider-thumb{-webkit-appearance:none;background:var(--nok-ink);width:12px;height:12px;transition:transform .14s var(--ease);border-radius:50%;margin-top:-5px;box-shadow:0 0 0 2px #ffffffd9}.collage-prototype.rcdr .rcdr-veil:hover::-webkit-slider-thumb{transform:scale(1.15)}.collage-prototype.rcdr .rcdr-veil:active::-webkit-slider-thumb{transform:scale(1.15)}.rcdr-veil:focus-visible{outline:none}.collage-prototype.rcdr .rcdr-veil:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #ffffffd9,0 0 0 3.5px var(--nok-ink)}.rcdr-tints{align-items:center;gap:7px;margin-left:6px;display:inline-flex}.rcdr-tint{background:var(--swatch);cursor:pointer;width:13px;height:13px;transition:transform .14s var(--ease),box-shadow .14s var(--ease);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0d0d1024}.rcdr-tint:hover{transform:scale(1.15)}.rcdr-tint[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0d0d1024,0 0 0 2px #ffffffe6,0 0 0 3.2px var(--nok-ink)}.rcdr-tint:focus-visible{box-shadow:0 0 0 2px #ffffffe6,0 0 0 3.2px var(--nok-ink);outline:none}:is(html:has(.rcdr.is-app),body:has(.rcdr.is-app)){scrollbar-width:none}html:has(.rcdr.is-app)::-webkit-scrollbar{display:none}body:has(.rcdr.is-app)::-webkit-scrollbar{display:none}@keyframes rcdr-soft-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes rcdr-rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rcdr-draw-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.rcdr-panel.is-wave>.rcdr-wave:not(.rcdr-detail) .rcdr-wave-svg{animation:rcdr-draw-in var(--slow) var(--ease) both}.rcdr-strip>li{animation:rcdr-rise-in var(--base) var(--ease) both;animation-delay:calc(var(--i,0) * 9ms)}.rcdr-detail .rcdr-wave-svg{animation:rcdr-soft-in var(--base) var(--ease) both}.rcdr .collage-mode-toggle>button,.rcdr .rcdr-button,.rcdr-step,.rcdr-pitch,.rcdr-text-button,.rcdr-strip .rcdr-tile,.rcdr-strip .rcdr-tile:after,.rcdr-strip .rcdr-tile:before{transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),opacity var(--fast) var(--ease),transform var(--fast) var(--ease)}.rcdr-pad{transition:background .45s var(--ease)}.rcdr-pad.is-struck{transition:none}.rcdr-wave-svg .slice rect{transition:fill .45s var(--ease),opacity .45s var(--ease)}.rcdr-wave-svg .slice.is-struck rect{transition:none}.rcdr-section,.rcdr-shot,.rcdr-tone,.rcdr-song-meta,.rcdr-pads,.rcdr-wave-svg .chord,.rcdr-wave-svg .slice{transition:opacity var(--base) var(--ease),background var(--base) var(--ease),box-shadow var(--base) var(--ease)}.rcdr-panel{transition:opacity var(--base) var(--ease),translate var(--base) var(--ease)}@media (prefers-reduced-motion:reduce){.rcdr-panel.is-wave>.rcdr-wave:not(.rcdr-detail) .rcdr-wave-svg,.rcdr-strip>li,.rcdr-detail .rcdr-wave-svg{animation:none}.rcdr-pad,.rcdr-wave-svg .slice rect,.rcdr-wave-svg .head{transition:none}}.rcdr-wave-svg .head-ghost{stroke:var(--nok-blue);stroke-width:1.5px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:0;transition:opacity var(--fast,.2s) var(--ease,ease);pointer-events:none}.rcdr-wave-svg .head-ghost[data-on]{opacity:.7}.rcdr-detail:before{content:"";height:16px;transition:background var(--fast,.2s) var(--ease,ease);pointer-events:none;background:0 0;border-radius:4px;position:absolute;top:0;left:0;right:0}.rcdr-detail.is-label:before{background:color-mix(in srgb,var(--nok-blue) 7%,transparent)}.rcdr-controls{flex-wrap:wrap;align-items:center;gap:8px 32px;margin:0;display:flex}.rcdr-zone{align-items:center;gap:8px;display:inline-flex}.rcdr-zone.is-sound{margin-left:auto}.rcdr .rcdr-zone.is-tempo>.rcdr-play{margin-left:-7px}.rcdr .rcdr-zone .rcdr-group{gap:8px}.rcdr .rcdr-adjust-toggle{margin-left:8px}.rcdr .collage-mode-toggle>button,.rcdr .rcdr-button{color:var(--nok-muted)}.rcdr .collage-mode-toggle>button[aria-pressed=true],.rcdr .rcdr-button[aria-pressed=true]{color:var(--nok-ink);box-shadow:none;background:#0d0d1016;font-weight:600}.rcdr .collage-mode-toggle>button:hover:not(:disabled):not([aria-pressed=true]),.rcdr .rcdr-button:hover:not(:disabled):not([aria-pressed=true]){color:var(--nok-ink);background:#0d0d100b}.rcdr .rcdr-play{color:var(--nok-ink)}.rcdr .rcdr-play[aria-pressed=true]{background:var(--nok-ink);color:#fff}.rcdr .collage-mode-toggle{gap:2px}.rcdr .rcdr-panel.is-top .rcdr-adjust{padding-left:var(--tempo-x,33px);gap:8px 32px;margin:8px 0 0}.rcdr .rcdr-adjust-group{gap:8px}.rcdr-export .rcdr-chop{margin-left:auto}.rcdr-export .rcdr-chop+.rcdr-cut-toggle{margin-left:24px}.rcdr-strip .rcdr-tone{transition:opacity var(--base,.32s) var(--ease,ease),transform var(--base,.32s) var(--ease,ease)}.rcdr-strip.is-grouping .rcdr-tone{opacity:.22}.rcdr-strip.is-grouping li.is-mate .rcdr-tone{opacity:1;transform:scaleY(1.5)}.rcdr-wave-svg .mate{opacity:.28;animation:rcdr-mate-in var(--base,.32s) var(--ease,ease) both}@keyframes rcdr-mate-in{0%{opacity:0}to{opacity:.28}}@media (prefers-reduced-motion:reduce){.rcdr-strip .rcdr-tone{transition:none}.rcdr-wave-svg .mate{animation:none}}@keyframes rcdr-ghost-wave{0%,to{opacity:.18;transform:scaleY(1)}50%{opacity:.55;transform:scaleY(2.2)}}.rcdr-entry.is-reading .rcdr-ghost line{stroke:var(--nok-ink);animation:rcdr-ghost-wave 1.1s var(--ease,ease) infinite;animation-delay:calc(var(--i) * 9ms)}.rcdr-entry.is-reading .rcdr-entry-icon{opacity:0;transform:scale(.8)}.rcdr-strip.is-analysing:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--nok-blue) 55%,transparent) 50%,transparent 100%) no-repeat;height:2px;animation:rcdr-sweep 1.6s var(--ease,ease) infinite;background-size:22% 100%;position:absolute;top:-2px;left:0;right:0}@keyframes rcdr-sweep{0%{background-position:-30% 0}to{background-position:130% 0}}.rcdr-key-wait{background:var(--nok-subtle);border-radius:50%;flex:none;align-self:center;width:6px;height:6px;animation:1.2s ease-in-out infinite rcdr-pulse-dot}@keyframes rcdr-pulse-dot{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.6;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rcdr-entry.is-reading .rcdr-ghost line,.rcdr-strip.is-analysing:before,.rcdr-key-wait{animation:none}.rcdr-strip.is-analysing:before{background-position:50% 0}}.rcdr-wave-svg .fix-dot{fill:var(--nok-red);stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:r var(--fast,.2s) var(--ease,ease)}.rcdr-wave-svg .fix-dot:hover{r:6}body:has(.rcdr.is-shoot) nextjs-portal{display:none!important}.rcdr.is-ink-white{--nok-ink:#fff;--text-primary:#fff;--text-secondary:#ffffffe6;--nok-muted:#ffffffd9;--nok-subtle:#ffffffb3;--nok-line:#ffffff4d;--nok-line-strong:#fff9;--border:#ffffff4d;color:#fff}.rcdr.is-ink-white .rcdr-wave-svg .wave path{opacity:.8}.rcdr.is-ink-white .rcdr-wave-svg,.rcdr.is-ink-white .rcdr-icon,.rcdr.is-ink-white .rcdr-strip{filter:drop-shadow(0 0 1.5px #00000073)}.rcdr.is-ink-white .rcdr-song,.rcdr.is-ink-white .rcdr-controls,.rcdr.is-ink-white .rcdr-adjust,.rcdr.is-ink-white .rcdr-input{text-shadow:0 0 3px #00000073}.rcdr.is-ink-white .rcdr-button:hover:not(:disabled):not([aria-pressed=true]),.rcdr.is-ink-white .collage-mode-toggle>button:hover:not(:disabled):not([aria-pressed=true]){background:#ffffff24}.rcdr.is-ink-white .collage-mode-toggle>button[aria-pressed=true],.rcdr.is-ink-white .rcdr-button[aria-pressed=true]{color:#fff;background:#fff3}.rcdr.is-ink-white .rcdr-play[aria-pressed=true]{color:#0d0d10;text-shadow:none;background:#fff}.rcdr.is-ink-white .rcdr-wave-svg .head-dot{fill:#0000}.rcdr.is-ink-white .rcdr-input{color:#fff;border-bottom-color:#fff9}.collage-prototype.rcdr>.rcdr-look{z-index:6;-webkit-app-region:no-drag;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:9px;right:14px}.rcdr-look-toggle{width:24px;height:24px;color:var(--nok-ink);opacity:.5;cursor:pointer;transition:opacity var(--fast) var(--ease),background-color var(--fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.rcdr-look-toggle:hover,.rcdr-look-toggle[aria-expanded=true]{opacity:1;background:color-mix(in srgb,var(--nok-ink) 8%,transparent)}.rcdr-look-toggle:focus-visible{box-shadow:0 0 0 1.5px var(--nok-ink);outline:none}.rcdr-look-panel{background:rgb(var(--rcdr-tint,243 241 236) / .82);box-shadow:0 0 0 1px color-mix(in srgb,var(--nok-ink) 10%,transparent),0 8px 24px #00000014;transform-origin:100% 0;transition:opacity var(--base) var(--ease),transform var(--base) var(--ease),visibility 0s linear 0s;border-radius:12px;align-items:center;gap:14px;margin-top:6px;padding:8px 12px;display:flex}.rcdr-look-panel[data-open=false]{opacity:0;visibility:hidden;transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease),visibility 0s linear var(--fast);transform:translateY(-4px)scale(.98)}.rcdr-look-panel .rcdr-tints{margin-left:0}.rcdr.is-ink-white .rcdr-look-panel{background:#12121680}.rcdr-inks{align-items:center;gap:7px;display:inline-flex}.rcdr-ink{cursor:pointer;width:13px;height:13px;transition:transform .14s var(--ease),box-shadow .14s var(--ease);border:0;border-radius:50%;padding:0}.rcdr-ink.is-ink{background:#0d0d10}.rcdr-ink.is-white{background:#fff;box-shadow:inset 0 0 0 1px #0d0d102e}.rcdr-ink:hover{transform:scale(1.15)}.rcdr-ink[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0d0d102e,0 0 0 2px #ffffffe6,0 0 0 3.2px var(--nok-ink)}.rcdr-ink:focus-visible{box-shadow:0 0 0 2px #ffffffe6,0 0 0 3.2px var(--nok-ink);outline:none}.rcdr.is-shoot .rcdr-look-toggle[aria-expanded=false]:not(:hover){opacity:.35}@media (prefers-reduced-motion:reduce){.rcdr-look-panel{transition:none}}.collage-prototype.rcdr.is-app.is-shoot{flex-direction:column;justify-content:center;min-height:100vh;padding-top:40px;padding-bottom:40px;display:flex}.rcdr-entry{flex-direction:column;gap:24px;margin:0;display:flex}.rcdr-entry-head{flex-direction:column;gap:8px;display:flex}.collage-prototype.rcdr .rcdr-wordmark{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.045em;color:var(--nok-ink);margin:0;font-size:clamp(44px,6vw,68px);font-weight:600;line-height:.9}.rcdr-entry-catch{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.01em;color:var(--nok-muted);margin:0;font-size:17px}.rcdr-entry-drop{place-items:normal;height:auto;padding:0;display:block}.rcdr-entry-drop .rcdr-ghost{height:112px;display:block;position:relative;inset:auto}.rcdr-ghost line.is-found{stroke:var(--nok-blue);opacity:.42}.rcdr-entry-drop:hover .rcdr-ghost line.is-found{opacity:.75}.rcdr-ghost-tiles{border-top:1px solid color-mix(in srgb,var(--nok-ink) 14%,transparent);grid-template-columns:repeat(12,1fr);gap:0;margin-top:8px;display:grid}.rcdr-ghost-tiles i{background:color-mix(in srgb,var(--tone) 42%,transparent);height:5px;transition:background-color var(--base,.32s) var(--ease,ease);border-radius:1px;margin:5px 3px 0}.rcdr-ghost-tiles i.is-lone{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--nok-ink) 22%,transparent) 0 1px,transparent 1px 4px)}.rcdr-ghost-tiles i{position:relative}.rcdr-ghost-tiles i.is-found:before{content:"";background:var(--nok-blue);opacity:.55;border-radius:1px;height:2px;position:absolute;top:-7px;left:0;right:0}.rcdr-entry-drop:hover .rcdr-ghost-tiles i:not(.is-lone){background:color-mix(in srgb,var(--tone) 70%,transparent)}.rcdr-entry-drop .rcdr-entry-icon{position:absolute;top:56px;left:50%;translate:-50% -50%}.rcdr-entry-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.rcdr-entry-say{flex-direction:column;gap:8px;display:flex}.rcdr-entry-hint{font-family:var(--font-jost),var(--font-sans),sans-serif;letter-spacing:-.005em;color:var(--nok-ink);font-size:15px}.rcdr-entry-formats,.rcdr-entry-or{font:12px var(--font-mono);letter-spacing:.02em;color:var(--nok-subtle)}.rcdr-entry-rec{align-items:center;gap:8px;display:inline-flex}.collage-prototype.rcdr .rcdr-entry .rcdr-start-rec{width:22px;height:22px;box-shadow:none;background:0 0;border:0}.collage-prototype.rcdr .rcdr-entry .rcdr-start-rec:before{width:14px;height:14px}.rcdr-entry.is-over .rcdr-ghost-tiles i:not(.is-lone){background:color-mix(in srgb,var(--nok-blue) 55%,transparent)}.rcdr-about{border-top:1px solid color-mix(in srgb,var(--nok-ink) 14%,transparent);margin:48px 0 32px;padding-top:24px}.rcdr-about-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.rcdr-about-steps li{font-family:var(--font-jost),var(--font-sans),sans-serif;color:var(--nok-ink);flex-direction:column;gap:8px;font-size:15px;line-height:1.45;display:flex}.rcdr-about-steps li svg{color:var(--nok-muted)}.rcdr-about-note{max-width:62ch;font-family:var(--font-jost),var(--font-sans),sans-serif;color:var(--nok-muted);margin:24px 0 0;font-size:14px;line-height:1.5}.rcdr-about-meta{font:12px var(--font-mono);color:var(--nok-subtle);flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;display:flex}.collage-prototype.rcdr .rcdr-about-meta a{color:var(--nok-ink);text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.rcdr-about-steps{grid-template-columns:1fr 1fr}}@media (max-width:640px){.rcdr-entry-drop .rcdr-ghost{height:88px}.rcdr-entry-drop .rcdr-entry-icon{top:44px}.rcdr-ghost-tiles i{margin:5px 1.5px 0}.rcdr-about-steps{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.collage-prototype.rcdr .rcdr-entry .rcdr-start-rec{width:44px;height:44px}.rcdr-entry .rcdr-icon-toggle button{min-width:44px;min-height:44px}.collage-prototype.rcdr .rcdr-about-meta a{align-items:center;min-height:44px;margin:-14px 0;display:inline-flex}}