.cw{display:flex;flex-direction:column;gap:var(--sp-md)}.cw-head{gap:var(--sp-sm);flex-wrap:wrap}.cw-head,.cw-head h3{display:flex;align-items:center}.cw-head h3{margin:0;font-size:15px;font-family:var(--font-rounded);gap:6px}.cw-head .spacer{flex:1 1}.cw-ver{font-size:11px;font-weight:800;letter-spacing:.02em;padding:3px 9px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 28%,transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.cw-sub{font-size:12px;color:var(--text-secondary);margin:-4px 0 0}.cw-tabs{display:flex;gap:4px;padding:3px;border-radius:var(--r-pill);background:rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none}.cw-tabs button{flex:1 0 auto;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;padding:7px 12px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.cw-tabs button[aria-pressed=true]{background:rgba(255,255,255,.14);color:#fff}.cw-tabs .n{font-size:10px;padding:1px 6px;border-radius:var(--r-pill);background:rgba(255,255,255,.12)}.cw-tabs .n[data-hot="1"]{background:var(--accent-gold);color:#000}.cw-pane{display:flex;flex-direction:column;gap:var(--sp-sm);animation:cw-in .28s ease both}@keyframes cw-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cw-actions{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.cw-lock{font-size:12px;color:var(--accent-gold);display:flex;gap:6px;align-items:flex-start}.cw-stem{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 10px;border-radius:var(--r-md);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);animation:cw-in .32s ease both}.cw-stem[data-muted="1"]{opacity:.55}.cw-stem .who{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#222;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff}.cw-stem .body{min-width:0;display:flex;flex-direction:column;gap:4px}.cw-stem .name{font-size:13px;font-weight:700;display:flex;gap:6px;align-items:center}.cw-stem .meta,.cw-stem .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-stem .meta{font-size:11px;color:var(--text-secondary)}.cw-stem .chip{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);color:var(--text-secondary)}.cw-stem .chip[data-k=beat]{background:color-mix(in srgb,var(--accent-gold) 30%,transparent);color:#fff}.cw-stem .chip[data-k=task]{background:color-mix(in srgb,var(--accent-cyan) 30%,transparent);color:#fff}.cw-stem .chip[data-k=mix]{background:color-mix(in srgb,var(--accent-green) 30%,transparent);color:#fff}.cw-wave{display:flex;align-items:center;gap:1px;height:22px}.cw-wave i{flex:1 1;min-width:1px;border-radius:1px;background:var(--wave,var(--accent));transform-origin:center;animation:cw-bar .5s cubic-bezier(.2,.8,.2,1) both}.cw-wave[data-playing="1"] i{animation:cw-bar .5s cubic-bezier(.2,.8,.2,1) both,cw-pulse 1.1s ease-in-out infinite alternate}@keyframes cw-bar{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes cw-pulse{0%{opacity:.7}to{opacity:1}}.cw-play{width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(255,255,255,.1);transition:transform .15s ease,background .2s ease}.cw-play:hover{background:rgba(255,255,255,.18)}.cw-play:active{transform:scale(.92)}.cw-play[data-on="1"]{background:var(--accent)}.cw-play:disabled{opacity:.4;cursor:default}.cw-progress{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}.cw-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-cyan));transition:width .2s ease}.cw-status{font-size:12px;color:var(--text-secondary)}.cw-err{font-size:12px;color:var(--accent-red);margin:0}.cw-versions{list-style:none;margin:0;padding:0 0 0 14px;position:relative;display:flex;flex-direction:column;gap:2px}.cw-versions:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;border-radius:1px;background:rgba(255,255,255,.08)}.cw-versions li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 10px;border-radius:var(--r-md);animation:cw-in .3s ease both}.cw-versions li:before{content:"";position:absolute;left:-14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#333;box-shadow:0 0 0 3px #000}.cw-versions li[data-k=restore]:before{background:var(--accent-gold)}.cw-versions li[data-k=save]:before{background:var(--accent)}.cw-versions li[data-k=stem]:before,.cw-versions li[data-k=task]:before{background:var(--accent-cyan)}.cw-versions li[data-current="1"]{background:rgba(255,255,255,.06)}.cw-versions li[data-current="1"]:before{box-shadow:0 0 0 3px #000,0 0 0 5px color-mix(in srgb,var(--accent) 55%,transparent)}.cw-versions b{font-size:13px}.cw-versions small{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.cw-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cw-feed li{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;animation:cw-in .3s ease both}.cw-feed .dot,.cw-feed img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#222}.cw-feed .dot{display:grid;place-items:center;font-size:11px;font-weight:800}.cw-feed p{margin:0;font-size:13px;line-height:1.35}.cw-feed small{color:var(--text-secondary);font-size:11px}.cw-feed .k{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--accent)}.cw-feed .k[data-k=version_restored]{background:var(--accent-gold)}.cw-feed .k[data-k^=task]{background:var(--accent-cyan)}.cw-feed .k[data-k=task_approved]{background:var(--accent-green)}.cw-mode{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:rgba(255,255,255,.06);position:relative}.cw-mode button{position:relative;z-index:1;border:0;background:none;color:var(--text-secondary);font:inherit;font-size:11px;font-weight:800;padding:5px 11px;border-radius:var(--r-pill);cursor:pointer;transition:color .2s ease}.cw-mode button[aria-pressed=true]{color:#fff}.cw-mode .knob{position:absolute;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:var(--r-pill);background:rgba(255,255,255,.16);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.cw-mode[data-mode=async] .knob{transform:translateX(100%)}.ct-task{padding:11px 12px;border-radius:var(--r-md);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;animation:cw-in .3s ease both;border-left:3px solid var(--accent)}.ct-task[data-s=submitted]{border-left-color:var(--accent-cyan)}.ct-task[data-s=approved]{border-left-color:var(--accent-green);opacity:.8}.ct-task[data-soon="1"]{border-left-color:var(--accent-gold)}.ct-task .top{display:flex;gap:8px;align-items:center}.ct-task .top b{flex:1 1;font-size:14px;min-width:0}.ct-task p{margin:0;font-size:12px;color:var(--text-secondary)}.ct-task .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.ct-task .row .dot,.ct-task .row img{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#222}.ct-chip{font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);white-space:nowrap}.ct-chip[data-s=open]{background:color-mix(in srgb,var(--accent) 30%,transparent)}.ct-chip[data-s=submitted]{background:color-mix(in srgb,var(--accent-cyan) 30%,transparent)}.ct-chip[data-s=approved]{background:color-mix(in srgb,var(--accent-green) 35%,transparent)}.ct-chip[data-soon="1"]{background:var(--accent-gold);color:#000}.ct-form{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:var(--r-md);background:rgba(255,255,255,.04);animation:cw-in .25s ease both}.ct-form input,.ct-form select,.ct-form textarea{width:100%;font:inherit;font-size:13px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:8px 10px}.ct-form .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}@media (max-width:520px){.ct-form .two{grid-template-columns:1fr}}.ct-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}.ct-strip button{flex:0 0 auto;max-width:240px;display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;border:0;color:#fff;font:inherit;padding:7px 10px;border-radius:var(--r-md);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .15s ease,background .2s ease;animation:cw-in .3s ease both}.ct-strip button:hover{background:rgba(255,255,255,.1)}.ct-strip button:active{transform:scale(.97)}.ct-strip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-strip small{font-size:10px;color:var(--text-secondary);white-space:nowrap}.ct-strip small[data-soon="1"]{color:var(--accent-gold);font-weight:700}.cw-beats{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.cw-beats button{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:rgba(255,255,255,.04);color:#fff;font:inherit;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer}.cw-beats button:hover{background:rgba(255,255,255,.09)}.cw-beats .dot,.cw-beats img{width:32px;height:32px;border-radius:6px;object-fit:cover;background:#222}.cw-beats small{color:var(--text-secondary);font-size:11px;display:block}.cs-bar{display:flex;flex-wrap:wrap;gap:var(--sp-sm);align-items:center;padding:10px 12px;margin:8px 0;border-radius:var(--r-lg);background:color-mix(in srgb,var(--accent-cyan) 12%,rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-cyan) 30%,transparent)}.studio .cs-bar{height:auto;overflow:visible}.cs-bar .what{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-bar .what b{font-size:13px}.cs-bar .what small{font-size:11px;color:var(--text-secondary)}.cs-bar input{flex:1 1 200px;font:inherit;font-size:13px;color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);padding:8px 10px}.cs-loading{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:40px 16px;text-align:center}.cs-loading .cw-progress{width:min(320px,80%)}@media (prefers-reduced-motion:reduce){.ct-form,.ct-strip button,.ct-task,.cw-feed li,.cw-pane,.cw-stem,.cw-versions li,.cw-wave i{animation:none}}.ct-task[data-focus="1"],.cw-versions li[data-focus="1"]{outline:2px solid var(--accent-cyan);outline-offset:2px;transition:outline-color .4s ease}@media (prefers-reduced-motion:reduce){.ct-task[data-focus="1"],.cw-versions li[data-focus="1"]{transition:none}}.collab-thread-head{display:flex;align-items:center;gap:8px}.collab-thread-head h3{margin:0}.ct-pill{font:inherit;font-size:11px;font-weight:700;line-height:1;color:var(--accent-gold,#f5c451);background:color-mix(in srgb,var(--accent-gold,#f5c451) 15%,transparent);border:.5px solid color-mix(in srgb,var(--accent-gold,#f5c451) 40%,transparent);border-radius:999px;padding:5px 9px;min-height:24px;cursor:pointer}.ct-pill:focus-visible{outline:2px solid var(--accent-gold,#f5c451);outline-offset:2px}