:root{--bg: #0d0d0e;--bg-1: #121213;--bg-2: #19191a;--bg-3: #222223;--bg-4: #2c2c2d;--glass: rgba(22, 22, 25, .72);--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--line-3: rgba(255, 255, 255, .2);--text: #f2f2ef;--text-2: #a6a6a1;--text-3: #74746f;--accent: #ff7a2f;--accent-2: #ff9a5c;--accent-soft: rgba(255, 122, 47, .14);--danger: #ff453a;--success: #30d158;--warning: #ffd60a;--rec: #ff3b30;--r-sm: 5px;--r: 7px;--r-lg: 9px;--shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .09);--display: "Archivo", "Helvetica Neue", Arial, sans-serif;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", monospace;--sidebar: 252px;--lane-h: 64px;--header-w: 232px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.008em;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}::selection{background:#ff7a2f66}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff38}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);font-weight:500;font-size:13px;transition:background .12s,border-color .12s,opacity .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-3);border-color:var(--line-3)}.btn:active{background:var(--bg-4)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{background:var(--text);border-color:var(--text);color:#0d0d0e;font-weight:600}.btn.primary:hover{background:#fff;border-color:#fff}.btn.danger{background:transparent;border-color:#ff453a73;color:var(--danger)}.btn.danger:hover{background:#ff453a1f}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:#ffffff0f;color:var(--text)}.btn.lg{height:44px;padding:0 22px;font-size:15px}.btn.sm{height:26px;padding:0 10px;font-size:12px}.btn.icon{width:32px;padding:0}.btn.icon.sm{width:26px}.btn svg{flex:none}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:var(--text-2);transition:background .12s,color .12s}.icon-btn:hover{background:#ffffff12;color:var(--text)}.icon-btn.active{color:var(--accent)}.icon-btn:disabled{opacity:.35;pointer-events:none}.input,.textarea,.select{width:100%;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--text)}.input:focus,.textarea:focus,.select:focus{border-color:var(--text-3);box-shadow:none}.textarea{resize:vertical;min-height:80px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a1a1a6' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin:0 0 6px}.field{margin-bottom:14px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.tiny{font-size:11px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hidden{display:none!important}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:12px;font-weight:500;border:1px solid var(--line-2);white-space:nowrap}.chip.on{background:var(--text);border-color:var(--text);color:#0d0d0e}button.chip:hover{color:var(--text)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:4px;background:var(--bg-4);color:var(--text);font-size:11px;font-weight:600;display:inline-grid;place-items:center}.kbd{font-family:var(--mono);font-size:11px;padding:1px 6px;border-radius:5px;background:var(--bg-3);border:1px solid var(--line-2);color:var(--text-2)}.seg{display:inline-flex;background:var(--bg-1);border-radius:var(--r-sm);padding:2px;gap:2px;border:1px solid var(--line-2)}.seg button{border:0;background:transparent;color:var(--text-2);height:26px;padding:0 11px;border-radius:3px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:var(--bg-4);color:var(--text)}.avatar{border-radius:50%;object-fit:cover;background:var(--bg-4);display:inline-grid;place-items:center;font-weight:600;color:#fff;flex:none;overflow:hidden}.avatar-stack{display:flex}.avatar-stack>*{margin-left:-7px;box-shadow:0 0 0 2px var(--bg)}.avatar-stack>*:first-child{margin-left:0}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg)}.empty{padding:36px 28px;color:var(--text-2);max-width:560px}.empty h3{color:var(--text);font-size:16px;margin:0 0 6px;font-weight:600}.empty p{margin:0 0 14px}.empty .glyph{display:none}.empty .row{justify-content:flex-start!important}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--text);border-radius:3px;transition:width .2s}.center-screen{height:100%;display:grid;place-items:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:18px;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--fill, var(--text-2)) var(--pct, 50%),var(--bg-4) var(--pct, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);margin-top:-5px;box-shadow:0 1px 3px #00000080}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:var(--bg-4)}input[type=range]::-moz-range-progress{height:3px;background:var(--fill, var(--text-2))}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#f5f5f7;border:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:100;padding:20px;animation:fade .15s ease}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--bg-1);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px;animation:fade .12s ease}.modal.wide{width:min(760px,100%)}.modal h2{margin:0 0 4px;font-size:18px;font-weight:650;letter-spacing:-.015em}.modal .sub{color:var(--text-2);margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(6px)}}.menu{position:fixed;z-index:200;min-width:200px;background:var(--bg-2);border-radius:var(--r);padding:4px;box-shadow:var(--shadow);animation:fade .1s ease}.menu button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;padding:7px 10px;border-radius:4px;text-align:left;font-size:13px;color:var(--text)}.menu button:hover{background:var(--bg-4);color:var(--text)}.menu button.danger{color:var(--danger)}.menu button.danger:hover{background:var(--danger);color:#fff}.menu button svg{opacity:.85}.menu hr{border:0;border-top:1px solid var(--line-2);margin:5px 4px}.menu .menu-label{font-size:12px;color:var(--text-3);padding:6px 10px 3px;font-weight:500}.toasts{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--text);color:#0d0d0e;padding:9px 14px;border-radius:var(--r-sm);box-shadow:var(--shadow);font-size:13px;font-weight:500;animation:pop .2s ease;display:flex;gap:8px;align-items:center}.toast.error{background:#3a1512;color:#ffb4ab;box-shadow:inset 0 0 0 1px #ff453a80}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar .brand{display:block;padding:22px 20px 16px;color:var(--text)}.side-scroll{flex:1;overflow:auto;padding:4px 10px 12px}.side-section{font-size:12px;font-weight:500;color:var(--text-3);padding:18px 10px 6px;display:flex;align-items:center}.side-link{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:13.5px}.side-link:hover{background:#ffffff0a;color:var(--text)}.side-link.active{background:var(--bg-3);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.side-link .sw{width:16px;height:16px;border-radius:3px;flex:none;display:grid;place-items:center;font:800 10px/1 var(--display);font-stretch:75%;color:#000000a6}.side-foot{border-top:1px solid var(--line);padding:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;width:100%;border:0;background:transparent;text-align:left}.user-chip:hover{background:#ffffff0d}.main{min-width:0;min-height:0;overflow:auto;position:relative}.mobile-bar{display:none}.page{padding:28px 36px 60px;max-width:1320px;margin:0 auto}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}.page-head h1{margin:0;font:800 34px/1.05 var(--display);font-stretch:75%;letter-spacing:-.01em}.page-head .desc{color:var(--text-2);margin-top:4px;max-width:640px}.eyebrow{font-size:12.5px;color:var(--text-3);font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}.section-title{font-size:13px;font-weight:600;color:var(--text-2);margin:34px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.repo-card{padding:16px;border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--line);transition:border-color .12s;display:flex;flex-direction:column;gap:12px;min-height:160px}.repo-card:hover{border-color:var(--line-3)}.repo-art{width:44px;height:44px;border-radius:4px;display:grid;place-items:center;position:relative;overflow:hidden;flex:none;color:#000000b3;font-family:var(--display);font-weight:850;font-stretch:70%}.repo-card h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.015em}.repo-card p{margin:2px 0 0;color:var(--text-2);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-card{border:1px dashed var(--line-2);background:transparent;color:var(--text-2);align-items:center;justify-content:center;font-weight:500}.new-card:hover{color:var(--text);border-color:var(--line-3)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.proj-card{display:flex;flex-direction:column;gap:10px;border-radius:var(--r-lg);position:relative}.proj-art{aspect-ratio:1;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0f}.proj-card:hover .proj-art{box-shadow:inset 0 0 0 1px #ffffff38}.proj-art svg.wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.proj-art .play-fab{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:var(--text);color:#000;display:grid;place-items:center;opacity:0;transition:opacity .12s}.proj-card:hover .play-fab{opacity:1}.proj-art .tags{position:absolute;left:12px;top:12px;display:flex;gap:6px}.glass-chip{background:#000000b8;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.proj-meta h4{margin:0;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:7px}.proj-meta .sub{color:var(--text-2);font-size:12.5px;margin-top:2px}.unread{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.list{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:var(--bg-1)}.list-row{display:grid;grid-template-columns:44px minmax(0,2.2fr) 1fr .9fr .8fr 1fr;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}.list-row:last-child{border-bottom:0}.list-row:hover{background:#ffffff08}.list-row.head{color:var(--text-3);font-size:12px;font-weight:500;background:transparent}.list-row.head:hover{background:transparent}.thumb{width:44px;height:44px;border-radius:3px;overflow:hidden;position:relative}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 7px;border-radius:4px;font-size:12px;font-weight:600;border:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search{position:relative}.search input{padding-left:32px;height:32px;width:240px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3)}.dropzone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0d0d0eb3;border:1.5px dashed var(--text-2);border-radius:var(--r-lg);margin:10px;display:grid;place-items:center;pointer-events:none;animation:fade .12s}.dropzone-overlay .dz-card{background:var(--bg-2);padding:22px 30px;border-radius:var(--r-lg);box-shadow:var(--shadow);text-align:center}.landing{height:100%;overflow:auto;background:var(--bg)}.lp{max-width:1120px;margin:0 auto;padding:0 32px}.lp-nav{display:flex;align-items:center;height:76px;border-bottom:1px solid var(--line)}.lp-nav .link{border:0;background:none;color:var(--text-2);font-size:14px;padding:6px 0}.lp-nav .link:hover{color:var(--text)}.lp-hero{padding:72px 0 56px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:end;border-bottom:1px solid var(--line)}.lp-hero .wordmark{width:100%;height:auto;max-width:600px;display:block}.lp-lede{font-size:19px;line-height:1.5;color:var(--text-2);margin:0 0 28px;max-width:460px}.lp-lede b{color:var(--text);font-weight:600}.gbtn{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 20px;border-radius:var(--r-sm);border:0;background:var(--text);color:#0d0d0e;font-weight:600;font-size:15px}.gbtn:hover{background:#fff}.lp-note{margin-top:14px;font-size:13px;color:var(--text-3)}.invite-banner{display:flex;gap:10px;align-items:baseline;padding:12px 0;margin-bottom:18px;border-top:2px solid var(--accent);font-size:14px;color:var(--text-2)}.invite-banner b{color:var(--text)}.lp-shot{margin:56px 0 0;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-1);overflow:hidden}.lp-shot-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.mock-lane{display:grid;grid-template-columns:170px 1fr;align-items:stretch;height:52px;border-bottom:1px solid var(--line)}.mock-lane:last-child{border-bottom:0}.mock-lane .nm{display:flex;align-items:center;gap:10px;padding:0 14px;font-size:12.5px;color:var(--text);font-weight:500;border-right:1px solid var(--line);background:var(--bg)}.mock-lane .nm i{width:3px;align-self:stretch;margin:8px 0;border-radius:2px}.mock-lane .wv{padding:6px 10px;display:flex;align-items:center}.lp-list{padding:56px 0 24px}.lp-list h2{font:800 15px/1 var(--display);font-stretch:112%;text-transform:none;letter-spacing:.02em;color:var(--text-3);margin:0 0 18px}.lp-row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;padding:18px 0;border-top:1px solid var(--line)}.lp-row h3{margin:0;font:750 22px/1.15 var(--display);font-stretch:78%;letter-spacing:0}.lp-row p{margin:0;color:var(--text-2);font-size:15px;line-height:1.55;max-width:620px}.lp-foot{display:flex;align-items:flex-end;gap:24px;padding:48px 0 40px;border-top:1px solid var(--line);color:var(--text-3);font-size:13px}.lp-foot .wordmark{width:120px;height:auto;opacity:.55}@media (max-width: 860px){.lp{padding:0 18px}.lp-hero{grid-template-columns:1fr;gap:32px;padding:44px 0 40px}.lp-row{grid-template-columns:1fr;gap:6px}.mock-lane{grid-template-columns:96px 1fr}.lp-foot{flex-direction:column;align-items:flex-start}}.wordmark{display:block;overflow:visible}.wordmark .wm-demo{font-family:var(--display);font-weight:900;font-stretch:62%;font-size:36px;fill:currentColor}.wordmark .wm-repo{font-family:var(--display);font-weight:600;font-stretch:125%;font-size:7.2px;fill:currentColor}.wordmark .wm-rule{fill:var(--accent)}.auto-tag{font:600 9.5px/1 var(--mono);color:var(--text-3);border:1px solid var(--line-2);border-radius:3px;padding:2px 4px;margin-left:2px}.project{display:flex;flex-direction:column;height:100%;min-height:0}.p-head{padding:18px 24px 12px;display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);flex-wrap:wrap}.p-art{width:64px;height:64px;border-radius:4px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-bottom:2px}.crumbs a:hover{color:var(--text)}.title-input{font-size:24px;font-weight:700;letter-spacing:-.025em;background:transparent;border:1px solid transparent;border-radius:8px;padding:0 6px;margin-left:-7px;outline:none;width:100%;max-width:560px;color:var(--text);display:block;resize:none;overflow:hidden;line-height:1.2;font-family:inherit}.title-input:hover:not(:disabled){border-color:var(--line-2)}.title-input:focus{border-color:var(--accent);background:var(--bg-2)}.meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}.meta-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--line);font-size:12.5px;color:var(--text-2)}.meta-chip b{color:var(--text);font-weight:600}.meta-chip input{background:transparent;border:0;outline:none;width:52px;color:var(--text);font-weight:600;padding:0}button.meta-chip:hover{border-color:var(--line-2);color:var(--text)}.logic-badge{color:var(--text)}.p-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.p-body.panel-closed{grid-template-columns:minmax(0,1fr) 0}.p-main{display:flex;flex-direction:column;min-width:0;min-height:0}.version-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.version-tab{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-2);font-weight:500;font-size:13px;white-space:nowrap}.version-tab:hover{background:#ffffff0d;color:var(--text)}.version-tab.on{background:var(--bg-3);color:var(--text);border-color:var(--line-2)}.version-tab .vn{font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:4px;background:#ffffff14}.version-tab.on .vn{background:var(--text);color:#0d0d0e}.version-tab.ab{box-shadow:inset 0 0 0 1px var(--warning)}.transport{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--bg-1);flex:none;flex-wrap:wrap}.play-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--text);color:#000;display:grid;place-items:center;transition:transform .08s;flex:none}.play-btn:hover{background:#fff}.play-btn:active{transform:scale(.94)}.lcd{display:flex;align-items:stretch;gap:0;background:#070707;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;height:40px}.lcd>div{padding:3px 14px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);min-width:74px}.lcd>div:last-child{border-right:0}.lcd .v{font-family:var(--mono);font-size:16px;font-weight:500;color:#ffd9c2;font-variant-numeric:tabular-nums;line-height:1.1}.lcd .k{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.tbtn{height:32px;min-width:32px;padding:0 9px;border-radius:8px;border:0;background:transparent;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.tbtn:hover{background:#ffffff0f;color:var(--text)}.tbtn.on{background:var(--bg-4);color:var(--text)}.tbtn.loop.on{background:#ffd60a24;color:var(--warning)}.tbtn.rec{color:var(--rec)}.tbtn.rec.on{background:var(--rec);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.65}}.vsep{width:1px;height:22px;background:var(--line-2);margin:0 2px}.arrange{flex:1;min-height:0;overflow:auto;position:relative;display:grid;grid-template-columns:var(--header-w) minmax(0,1fr);align-content:start}.arr-headers{position:sticky;left:0;z-index:5;background:var(--bg);border-right:1px solid var(--line)}.arr-timeline{position:relative;min-width:0}.arr-inner{position:relative}.ruler{height:34px;position:sticky;top:0;z-index:4;background:var(--bg-1);border-bottom:1px solid var(--line);cursor:text;-webkit-user-select:none;user-select:none}.ruler-corner{height:34px;position:sticky;top:0;z-index:6;background:var(--bg-1);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:6px}.ruler .tick{position:absolute;bottom:0;width:1px;background:#ffffff24}.ruler .tick-label{position:absolute;top:3px;font-size:10px;color:var(--text-3);font-family:var(--mono);transform:translate(3px);white-space:nowrap}.ruler .loop-region{position:absolute;top:0;height:13px;background:#ffd60a38;border-left:2px solid var(--warning);border-right:2px solid var(--warning)}.ruler .loop-region.off{background:#ffffff14;border-color:#ffffff40}.ruler .marker{position:absolute;bottom:2px;font-size:10.5px;font-weight:600;padding:1px 6px 1px 5px;border-radius:4px;color:#000;white-space:nowrap;transform:translate(-1px);cursor:pointer;border-left:2px solid rgba(0,0,0,.4)}.group-row{height:28px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:600;color:var(--text-3);border-bottom:1px solid var(--line);background:var(--bg);gap:8px;white-space:nowrap;overflow:hidden}.group-row button{text-transform:none;letter-spacing:0}.group-lane{height:28px;border-bottom:1px solid var(--line);background:#ffffff03}.thead{height:var(--lane-h);border-bottom:1px solid var(--line);display:grid;grid-template-columns:4px 1fr;position:relative}.thead .stripe{width:4px}.thead .stripe.pick{border:0;padding:0;cursor:pointer;position:relative;transition:width .1s}.thead .stripe.pick:after{content:"";position:absolute;top:0;right:-6px;bottom:0;left:0}.thead:hover .stripe.pick{width:6px}.thead .tbody{padding:7px 10px 6px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.thead .tname{display:flex;align-items:center;gap:4px;min-width:0}.thead .tname input{background:transparent;border:0;outline:none;font-weight:600;font-size:12.5px;color:var(--text);padding:1px 3px;margin-left:-3px;border-radius:4px;min-width:0;flex:1}.thead .tname input:focus{background:var(--bg-3)}.thead.selected{background:#ffffff09}.ms{display:flex;gap:3px;align-items:center}.ms button{width:22px;height:18px;border-radius:4px;border:0;background:var(--bg-3);color:var(--text-2);font-size:10px;font-weight:750;display:grid;place-items:center}.ms button:hover{color:var(--text)}.ms button.m.on{background:#0a84ff;color:#fff}.ms button.s.on{background:#ffd60a;color:#000}.ms input[type=range]{width:76px}.pan-knob{position:relative;flex:none;cursor:ns-resize;border-radius:50%;outline:none;touch-action:none;margin-left:2px}.pan-knob svg{display:block}.pan-knob:focus-visible{box-shadow:0 0 0 2px var(--accent)}.pan-knob:hover circle{filter:brightness(1.15)}.pan-bubble{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);background:#000;border:1px solid var(--line-2);color:var(--text);font:600 10.5px var(--mono);padding:2px 6px;border-radius:5px;pointer-events:none;white-space:nowrap;z-index:5}.master-vol{display:flex;align-items:center;gap:8px;width:140px;margin:0 10px 0 4px}.master-vol input[type=range]{flex:1;min-width:0}.transport .panel-toggle{margin-left:6px}.meter{width:4px;height:100%;background:var(--bg-3);border-radius:2px;position:absolute;right:5px;top:8px;bottom:8px;height:auto;overflow:hidden}.meter>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#30d158,#30d158 65%,#ffd60a 85%,#ff453a);border-radius:2px;transition:height .05s linear}.lane{height:var(--lane-h);border-bottom:1px solid var(--line);position:relative;cursor:pointer}.lane.dim{opacity:.38}.region{position:absolute;top:4px;bottom:4px;border-radius:6px;overflow:hidden}.region canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.region .bright{clip-path:inset(0 calc(100% - clamp(0%,(var(--pos, 0) - var(--off, 0)) / var(--dur, 1) * 100%,100%)) 0 0)}.region .rname{position:absolute;left:6px;top:3px;font-size:10px;font-weight:600;color:#ffffffbf;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.region.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.region.error{outline:1px dashed rgba(255,69,58,.5)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 6px #fff6}.playhead:before{content:"";position:absolute;top:0;left:-5px;border:5px solid transparent;border-top:7px solid #fff}.loop-shade{position:absolute;top:34px;bottom:0;background:#ffd60a0d;border-left:1px solid rgba(255,214,10,.35);border-right:1px solid rgba(255,214,10,.35);pointer-events:none;z-index:1}.pin{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50% 50% 50% 2px;transform:rotate(-45deg);background:var(--accent);z-index:2;cursor:pointer;box-shadow:0 2px 6px #00000080;display:grid;place-items:center;transition:transform .1s}.pin:hover,.pin.on{transform:rotate(-45deg) scale(1.25)}.pin img,.pin span{width:14px;height:14px;border-radius:50%;transform:rotate(45deg);font-size:8px;font-weight:700;display:grid;place-items:center}.pin.resolved{background:var(--bg-4);opacity:.6}.ruler .pin{top:auto;bottom:4px;margin-top:0;width:14px;height:14px}.ruler .pin img,.ruler .pin span{width:10px;height:10px;font-size:6px}.range-bar{position:absolute;height:4px;bottom:0;background:var(--accent);opacity:.7;border-radius:2px;pointer-events:none}.rec-region{position:absolute;top:4px;bottom:4px;background:#ff3b3047;border:1px solid var(--rec);border-radius:6px}.add-lane{padding:12px;display:flex;gap:8px;flex-wrap:wrap}.panel{border-left:1px solid var(--line);background:var(--bg-1);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.panel-tabs{display:flex;gap:2px;padding:10px 12px 0;border-bottom:1px solid var(--line);flex:none}.panel-tabs button{border:0;background:transparent;color:var(--text-3);font-weight:600;font-size:12.5px;padding:8px 9px 10px;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:5px;align-items:center}.panel-tabs button:hover{color:var(--text-2)}.panel-tabs button.on{color:var(--text);border-bottom-color:var(--text)}.panel-body{flex:1;overflow:auto;padding:12px;min-height:0}.panel-foot{border-top:1px solid var(--line);padding:12px;flex:none;background:var(--bg-1)}.comment{padding:10px;border-radius:12px;transition:background .12s;display:grid;grid-template-columns:28px 1fr;gap:10px}.comment:hover{background:#ffffff08}.comment.on{background:var(--accent-soft)}.comment.resolved{opacity:.55}.comment .who{font-weight:600;font-size:13px}.comment .when{color:var(--text-3);font-size:11.5px}.comment .body{margin-top:3px;white-space:pre-wrap;word-wrap:break-word;font-size:13.5px}.comment .acts{display:flex;gap:2px;margin-top:4px;opacity:0;transition:opacity .12s}.comment:hover .acts,.comment.on .acts{opacity:1}.comment .acts button{border:0;background:transparent;color:var(--text-3);font-size:12px;font-weight:500;padding:2px 6px;border-radius:5px}.comment .acts button:hover{color:var(--text);background:#ffffff0f}.ts-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11.5px;color:var(--accent-2);background:var(--accent-soft);padding:1px 6px;border-radius:3px;border:0;margin-right:6px;font-weight:500}.ts-chip:hover{background:#ff7a2f42}.track-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2);background:var(--bg-3);padding:1px 7px;border-radius:5px;margin-right:6px}.replies{margin-left:38px;border-left:2px solid var(--line-2);padding-left:6px}.composer{background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r);padding:8px;transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:var(--text-3)}.composer textarea{width:100%;background:transparent;border:0;outline:none;resize:none;min-height:40px;max-height:160px;padding:4px 6px;line-height:1.45}.composer .ctl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.composer select{background:var(--bg-3);border:0;border-radius:6px;font-size:12px;padding:3px 6px;color:var(--text-2);max-width:140px;outline:none}.task{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:8px}.task:hover{background:#ffffff08}.check{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--text-3);background:transparent;flex:none;display:grid;place-items:center;margin-top:1px;padding:0;color:#fff}.check.on{background:var(--text);border-color:var(--text);color:#0d0d0e}.task.done .ttext{text-decoration:line-through;color:var(--text-3)}.task .del{opacity:0}.task:hover .del{opacity:1}.lyrics{width:100%;min-height:100%;background:transparent;border:0;outline:none;resize:none;font-size:15px;line-height:1.75;font-family:var(--font);color:var(--text)}.activity{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:8px 4px;font-size:13px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px}.kv dt{color:var(--text-3)}.kv dd{margin:0;color:var(--text);text-align:right;font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logic-shot{width:100%;border-radius:var(--r-sm);border:1px solid var(--line-2);cursor:zoom-in;display:block}.tip{background:transparent;border:0;border-left:2px solid var(--line-3);border-radius:0;padding:12px;font-size:12.5px;color:var(--text-2)}.tip b{color:var(--text)}.drop-area{border:1px dashed var(--line-3);border-radius:var(--r);padding:30px 20px;text-align:center;color:var(--text-2);transition:.15s;background:var(--bg-1)}.drop-area.hot{border-color:var(--text);background:var(--bg-2);color:var(--text)}.file-list{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--r);margin-top:14px}.file-row{display:grid;grid-template-columns:22px 12px minmax(0,1fr) 108px 64px;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line);font-size:13px}.file-row:last-child{border-bottom:0}.file-row input[type=text]{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 6px;outline:none;color:var(--text);width:100%}.file-row input[type=text]:focus{border-color:var(--text-3);background:var(--bg-2)}.file-row select{background:var(--bg-3);border:0;border-radius:6px;font-size:12px;padding:4px 6px;color:var(--text);outline:none}.logic-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px;border-radius:var(--r);background:var(--bg-1);border:1px solid var(--line-2);margin-top:14px}.logic-card img{width:120px;height:76px;object-fit:cover;border-radius:3px;background:var(--bg-3)}.toggle{position:relative;width:38px;height:22px;border-radius:11px;background:var(--bg-4);border:0;flex:none;transition:background .2s;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0006}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(16px)}.share-row{display:flex;align-items:center;gap:10px;padding:8px 0}.link-box{display:flex;gap:8px;align-items:center;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 6px 6px 12px}.link-box code{flex:1;font-family:var(--mono);font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000d9;display:grid;place-items:center;padding:30px;cursor:zoom-out;animation:fade .15s}.lightbox img{max-width:100%;max-height:100%;border-radius:4px;box-shadow:var(--shadow)}.shortcuts{display:grid;grid-template-columns:1fr auto;gap:8px 20px;font-size:13.5px}@media (max-width: 1100px){.p-body{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width: 860px){:root{--header-w: 150px;--lane-h: 58px}body{overflow:auto}.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:150;top:0;bottom:0;left:0;width:280px;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-weight:650}.page{padding:20px 16px 50px}.page-head h1{font-size:25px}.p-body,.p-body.panel-closed{grid-template-columns:1fr;grid-template-rows:auto auto}.p-main{min-height:0}.panel{border-left:0;border-top:1px solid var(--line);min-height:60vh}.project{height:auto}.main{overflow:visible}.p-head{padding:14px 16px 10px}.version-bar,.transport{padding-left:12px;padding-right:12px}.ms input[type=range]{width:50px}.list-row{grid-template-columns:44px 1fr 90px}.list-row>:nth-child(n+4){display:none}.search input{width:160px}.file-row{grid-template-columns:22px 12px minmax(0,1fr) 90px}.file-row>:nth-child(5){display:none}.logic-card{grid-template-columns:1fr}.lcd>div{min-width:60px;padding:3px 9px}.hide-mobile{display:none!important}}.art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.p-art-btn{position:relative;padding:0;border:0;background:none;border-radius:4px;flex:none;cursor:pointer}.p-art-btn .p-art-edit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;display:grid;place-items:center;background:#00000080;color:#fff;opacity:0;transition:opacity .15s}.p-art-btn:hover .p-art-edit,.p-art-btn:focus-visible .p-art-edit{opacity:1}.art-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1)}.art-row img,.art-row .art-ph{width:44px;height:44px;border-radius:3px;object-fit:cover;flex:none}.art-row .art-ph{background:var(--bg-2);border:1px dashed var(--line-2)}.lyrics-job{padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg-2)}.side-link .sw{position:relative;overflow:hidden}.side-link .sw img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.repo-art-btn{position:relative;padding:0;border:0;background:none;border-radius:6px;flex:none;cursor:pointer}.repo-art-btn .p-art-edit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;display:grid;place-items:center;background:#00000080;color:#fff;opacity:0;transition:opacity .15s}.repo-art-btn:hover .p-art-edit,.repo-art-btn:focus-visible .p-art-edit{opacity:1}.repo-art-drop{position:relative;border-radius:6px;flex:none}.repo-art-drop.hot{outline:1.5px dashed var(--text);outline-offset:3px}.swatch-none{width:24px;height:24px}.menu-custom{padding:4px 6px 6px}.swatches{display:grid;grid-template-columns:repeat(7,24px);gap:7px}.swatch{width:24px;height:24px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;color:#000000bf;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px #00000040;transition:transform .08s}.swatch:hover{transform:scale(1.12)}.swatch.on{box-shadow:0 0 0 2px var(--bg-2),0 0 0 3.5px var(--text)}.swatch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.swatch.custom{background:conic-gradient(#ff453a,#ffd60a,#30d158,#64d2ff,#5e5ce6,#bf5af2,#ff453a);color:#fff;font:600 14px/1 var(--font)}.swatch.custom span{text-shadow:0 1px 2px rgba(0,0,0,.7)}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.dot-pick{width:14px;height:14px;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0000004d}.dot-pick:hover{box-shadow:0 0 0 2px var(--bg-1),0 0 0 3px var(--text-3)}.storage-meter{display:block;padding:8px 10px 10px;margin-bottom:6px;border-radius:var(--r-sm);color:var(--text-2)}.storage-meter:hover,.storage-meter.active{background:var(--bg-3)}.meter-bar{height:4px;border-radius:2px;background:var(--bg-4);overflow:hidden;margin-top:6px}.meter-bar>div{height:100%;border-radius:2px;transition:width .3s}.usage-card{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:16px 18px;background:var(--bg-1);max-width:880px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px;max-width:880px}.plan{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-1);min-height:210px}.plan.current{border-color:var(--text-2)}.plan-name{font-size:13px;color:var(--text-2);font-weight:600}.plan-size{font:850 34px/1 var(--display);font-stretch:75%;margin-top:4px}.plan-price{font-weight:600;margin-top:4px}.plan .btn{width:100%}.plan-current{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);height:32px}.admin-row{grid-template-columns:36px minmax(0,2fr) 1fr 1fr 110px!important}.remove-btn{color:var(--danger)!important}.remove-btn:hover{background:#ff453a1a!important}.settings-section{max-width:880px;margin-top:28px}.settings-section h2{font:800 18px/1 var(--display);font-stretch:80%;margin:0 0 12px}.setting-row{display:flex;gap:24px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-1)}.sort-select{display:inline-flex;align-items:center;gap:8px}.sort-select .select{width:auto;height:32px;padding:0 30px 0 10px;font-size:12.5px}@media (max-width: 860px){.p-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"art crumbs crumbs" "art title title" "meta meta actions";column-gap:12px;row-gap:0;padding:14px 14px 12px;align-items:center}.p-head>:first-child{grid-area:art;align-self:start}.p-head-text{display:contents}.p-head .crumbs{grid-area:crumbs;align-self:end;min-width:0;overflow:hidden;white-space:nowrap}.p-head .crumbs>*{flex:none}.p-head .crumbs>:last-child{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.p-head .title-input{grid-area:title;align-self:start;max-width:none}.p-head .meta-row{grid-area:meta;margin-top:12px;min-width:0}.p-head-actions{grid-area:actions;margin-top:12px;gap:6px}.p-art,.p-art-btn{width:56px!important;height:56px!important}.title-input{font-size:19px;line-height:1.22}.crumbs{font-size:12px}.meta-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);padding-right:16px}.meta-row::-webkit-scrollbar,.transport::-webkit-scrollbar,.version-bar::-webkit-scrollbar{display:none}.meta-chip{flex:none}.version-bar{padding-top:8px;padding-bottom:8px;scrollbar-width:none}.transport{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;padding:8px 12px;position:sticky;top:52px;z-index:15}.transport>*{flex:none}.transport .spacer{display:none}.lcd{height:36px}.lcd .v{font-size:14px}.play-btn{width:36px;height:36px}.arrange{flex:none;min-height:0}.panel{min-height:0}.toolbar{gap:8px}.toolbar .search{flex:1 1 100%}.toolbar .search input{width:100%}.toolbar>.row.wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 100%}.toolbar>.row.wrap>*{flex:none}.toolbar>.spacer{display:none}.toolbar .sort-select{margin-right:auto}.page-head{gap:12px}.page-head .repo-art,.page-head .repo-art-btn .repo-art{width:52px!important;height:52px!important;font-size:28px!important}.page-head:has(>.head-actions){align-items:center}.page-head>.head-text{flex:1 1 0}.page-head>.head-text h1{overflow-wrap:anywhere}.page-head>.head-text .desc{font-size:14px;line-height:1.4;margin-top:6px}.page-head>.head-actions{flex:1 1 100%}.page-head>.head-actions>.btn.primary{margin-left:auto}}@media (max-width: 600px){:root{--header-w: 122px;--lane-h: 56px}.hide-sm{display:none!important}.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.proj-meta h4{font-size:13.5px}.proj-meta .sub{font-size:11.5px}.proj-art .tags{left:8px;top:8px}.thead .tbody{padding:6px 6px 5px 8px}.group-row{padding:0 6px 0 4px;gap:4px}.ms input[type=range]{display:none}.thead .tname input,.thead .tname span{font-size:12px}.overlay{align-items:end;padding:0}.modal,.modal.wide{width:100%!important;max-height:92dvh;border-radius:14px 14px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}.take-dialog{left:0!important;right:0!important;bottom:0!important;width:auto!important}.setting-row{flex-direction:column;gap:12px}.lp-hero .wordmark{max-width:100%}}@media (pointer: coarse){.ms button{width:30px;height:26px;font-size:11px}.tbtn{min-width:38px;height:38px}.icon-btn{width:36px;height:36px}.btn{height:36px}.btn.sm{height:32px}.comment .acts,.task .del{opacity:1}.pan-knob{width:28px!important;height:28px!important}:root{--lane-h: 66px}.thead .tbody{gap:4px}}