:root{color-scheme:light;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 22px;--ctl: 34px;--ctl-lg: 36px;--bg-page: #f2f1eb;--bg-surface: #ffffff;--bg-inset: #e4e3dd;--bg-hover: #d7d6d0;--text-primary: #2c2c2a;--text-secondary: #666560;--border: #c6c5be;--border-strong: #b3b2ab;--accent: #0f6e56;--accent-hover: #0c5c48;--accent-soft: #e1f5ee;--danger: #a32d2d;--danger-soft: #fcebeb;--danger-border: #f0c6c6;--warn: #8a4b00;--warn-soft: #fff2e0;--warn-border: #f0c68a;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--sh-1: -10px 0 30px rgba(44, 44, 42, .07);--sh-2: 0 16px 48px rgba(44, 44, 42, .18);--scrim: rgba(44, 44, 42, .28);--on-accent: #ffffff;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.6 L5 4.9 L9 1.6' stroke='%236b6a65' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--score-bg: #faf8f3;--score-glyph: #2c2c2a;--score-secondary: rgba(44, 44, 42, .55);--score-staff-line: #8d8c87;--score-bar-separator: #222211;--score-bar-number: #c80000;--score-info: #2c2c2a;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;color:var(--text-primary)}:root[data-theme=dark]{color-scheme:dark;--bg-page: #1b1b19;--bg-surface: #242422;--bg-inset: #2e2e2b;--bg-hover: #3a3a36;--text-primary: #e8e7e2;--text-secondary: #a3a29b;--border: #4a4945;--border-strong: #63625c;--accent: #2fa383;--accent-hover: #3bba96;--accent-soft: #12322a;--danger: #f09595;--danger-soft: #3d1f1f;--danger-border: #6b2c2c;--warn: #ef9f27;--warn-soft: #3a2a12;--warn-border: #6b4a12;--sh-1: -10px 0 30px rgba(0, 0, 0, .35);--sh-2: 0 16px 48px rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .5);--on-accent: #0c221c;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.6 L5 4.9 L9 1.6' stroke='%23a3a29b' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--score-bg: #2a2926;--score-glyph: #e8e7e2;--score-secondary: rgba(232, 231, 226, .55);--score-staff-line: #767571;--score-bar-separator: #c9c8c3;--score-bar-number: #ff8a7a;--score-info: #cfcec8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-areas:"top    top" "body   side" "player side";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;height:100%;background:var(--bg-page)}.app--account{grid-template-areas:"top    top" "body   side" "body   side";grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)}.app--account .controls{display:none}.topbar{grid-area:top;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;z-index:46}.brand{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);letter-spacing:.5px}.song-title{visibility:hidden;flex:1;font-size:var(--fs-md);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2)}.mode-badge{font-size:var(--fs-xs);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:var(--sp-1) var(--sp-3);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body{grid-area:body;display:flex;flex-direction:column;min-height:0;position:relative}.score-pane{flex:1;min-width:0;overflow:auto}.alphatab-container{position:relative;min-height:100%;background:var(--score-bg)}.drop-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-page) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:drop-fade .12s ease-out}.drop-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6);border:2px dashed var(--accent);border-radius:var(--r-lg);background:var(--bg-surface);color:var(--accent);box-shadow:var(--sh-2)}.drop-overlay.is-busy .drop-overlay-inner{border-color:var(--warn);color:var(--warn)}.drop-overlay-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.drop-overlay-sub{font-size:var(--fs-sm);color:var(--text-secondary)}@keyframes drop-fade{0%{opacity:0}to{opacity:1}}.at-cursors{pointer-events:none}.at-cursor-bar{background:color-mix(in srgb,var(--accent) 12%,transparent)}.at-cursor-beat{background:color-mix(in srgb,var(--accent) 85%,transparent);width:3px;border-radius:2px}.at-highlight *{fill:var(--accent);stroke:var(--accent)}.at-selection div{background:color-mix(in srgb,var(--accent) 20%,transparent)}.at-suspects{pointer-events:none;position:absolute;z-index:900}.at-suspect-bar{position:absolute;left:0;top:0;box-sizing:border-box;background:color-mix(in srgb,var(--warn) 16%,transparent);border:1px dashed color-mix(in srgb,var(--warn) 55%,transparent);border-radius:var(--sp-1)}.editor-pane{grid-area:side;width:380px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border);padding:var(--sp-3);gap:var(--sp-2);position:relative}.pane-resizer{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:col-resize;border-radius:var(--r-sm) 0 0 var(--r-sm);background:transparent;transition:background .12s ease}.pane-resizer:hover,.pane-resizer:active{background:color-mix(in srgb,var(--accent) 45%,transparent)}body.pane-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.pane-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--sp-2);overflow-y:auto;overscroll-behavior:contain}.pane-body>*{flex-shrink:0}.source-pane{display:flex;flex-direction:column;gap:var(--sp-2);flex:1 1 auto;min-height:0}.editor-head{display:flex;align-items:center}.editor-head-actions{display:flex;gap:var(--sp-2)}.source-pane .editor-head-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2)}.source-pane .editor-head-actions>:first-child{justify-self:start}.source-pane .editor-head-actions>:last-child{justify-self:end}.tex-input{flex:1;min-height:0;resize:none;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-inset);padding:var(--sp-2);font-family:SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-xs);line-height:1.6;color:var(--text-primary)}.tex-input:focus{outline:none;border-color:var(--accent)}.hint{font-size:var(--fs-xs);line-height:1.6;color:var(--text-secondary);margin:0}.hint code{background:var(--bg-inset);border-radius:var(--sp-1);padding:1px var(--sp-1);font-size:var(--fs-xs)}.correction-bar{display:flex;align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:var(--sp-2);border-top:1px solid var(--border)}.correction-msg{font-size:var(--fs-xs);color:var(--text-secondary)}.controls{grid-area:player;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--bg-surface);border-top:1px solid var(--border)}.seek-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);min-width:0}.seek-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-width:0}.seek{flex:1;min-width:0;accent-color:var(--accent)}.player-cluster{display:flex;align-items:center;gap:var(--sp-3)}button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease}button:hover:not(:disabled){background:var(--bg-inset)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);min-width:72px}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.ghost{background:transparent}.time{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--text-secondary);min-width:44px}.slider{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary)}.slider input[type=range]{width:110px;accent-color:var(--accent)}.slider-value{min-width:40px;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer}.check input{accent-color:var(--accent)}.mode-switch{display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-2)}.file-btn{position:relative;display:inline-block;border:1px dashed var(--accent);color:var(--accent);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);cursor:pointer}.file-btn.topbar{display:inline-flex;align-items:center;justify-content:center;width:var(--ctl);height:var(--ctl);padding:0;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-secondary)}.file-btn.topbar:hover{background:var(--bg-inset);color:var(--text-primary)}.file-btn.topbar.is-busy{opacity:.38;cursor:not-allowed}.file-btn.topbar.is-busy:hover{background:transparent;color:var(--text-secondary)}.file-btn.topbar.is-busy input{cursor:not-allowed}.file-btn.topbar.primary{width:auto;gap:var(--sp-1);padding:0 var(--sp-3);background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);font-weight:500;position:relative}.file-btn.topbar.primary:after{content:"";position:absolute;left:100%;top:6px;bottom:6px;margin-left:var(--sp-2);border-left:1px solid var(--border)}.file-btn.topbar.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.file-btn.topbar.primary.is-busy,.file-btn.topbar.primary.is-busy:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent);opacity:1;cursor:not-allowed}@media(max-width:1100px){.file-btn.topbar.primary{width:var(--ctl);padding:0}.file-btn.topbar.primary .file-btn-text{display:none}}.tx-block{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);max-width:320px;margin-right:var(--sp-1)}.tx-block>*{max-width:100%}.status-item{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-inset);border-radius:999px;padding:var(--sp-1) var(--sp-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-item.warn{color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn-border)}.view-select{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);cursor:pointer}.view-select:focus{outline:none;border-color:var(--accent)}.pane-tabs{display:flex;flex:1;gap:var(--sp-1);padding:2px;background:var(--bg-inset);border-radius:var(--r-md)}.seg{display:inline-flex;flex:1;justify-content:center;align-items:center;gap:var(--sp-1);border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);cursor:pointer;transition:background .15s ease,color .15s ease}.seg:hover:not(:disabled){color:var(--text-primary)}.seg.active{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #2c2c2a14}.seg-label{white-space:nowrap}@media(max-width:1100px){.seg-label{display:none}}.settings-pane{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding-top:var(--sp-1)}.settings-section{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);margin-top:var(--sp-1)}.card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-page)}.card-title{margin:0;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.card-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.row-toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-primary);cursor:pointer;transition:background .12s ease}.row-toggle:hover{background:var(--bg-hover)}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.take-pick{align-self:flex-start;border:1px dashed var(--border-strong);background:transparent;color:var(--text-secondary);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);cursor:pointer;transition:color .15s ease,border-color .15s ease}.take-pick:hover{color:var(--accent);border-color:var(--accent)}.pane-actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:var(--sp-2);margin-top:calc(-1 * var(--sp-2));padding:calc(var(--sp-2) + var(--sp-1)) 0 var(--sp-1);background:var(--bg-surface);border-top:1px solid var(--border)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--ctl);height:var(--ctl);padding:0;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-secondary)}.icon-btn:hover:not(:disabled){background:var(--bg-inset);color:var(--text-primary)}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}button.play-btn{width:var(--ctl-lg);height:var(--ctl-lg);min-width:var(--ctl-lg);padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.retex-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:var(--sp-2);border-top:1px solid var(--border)}.retex-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.retex-field{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary)}.retex-field input,.retex-field select{width:64px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-inset);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);color:var(--text-primary)}.retex-field input:focus,.retex-field select:focus{outline:none;border-color:var(--accent)}.tx-card{position:fixed;top:66px;left:0;right:0;margin-inline:auto;width:340px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-4);z-index:45;animation:tx-card-in .62s both;transform-origin:50% 100%}@keyframes tx-card-in{0%{opacity:0;transform:translateY(-110%);animation-timing-function:cubic-bezier(.5,0,1,.6)}10%{opacity:1}52%{transform:translateY(0) scaleY(.94);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}70%{transform:translateY(-13%) scaleY(1.02);animation-timing-function:cubic-bezier(.5,0,1,.6)}85%{transform:translateY(0) scaleY(.97);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}93%{transform:translateY(-4%)}to{opacity:1;transform:none}}.tx-card-head{display:flex;align-items:center;gap:var(--sp-2)}.tx-card-title{font-size:var(--fs-md);font-weight:600}.tx-card-role{font-size:var(--fs-xs);border-radius:999px;padding:1px var(--sp-2)}.tx-card-cancel{margin-left:auto;font-size:var(--fs-xs);color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:999px;padding:1px var(--sp-2);cursor:pointer}.tx-card-cancel:hover{color:var(--text-primary);background:var(--bg-hover)}.tx-card-quote{min-height:38px;margin-top:var(--sp-2);display:flex;align-items:center;font-size:var(--fs-xs);font-style:italic;color:var(--text-secondary);animation:tx-quote-in .4s ease}@keyframes tx-quote-in{0%{opacity:0}to{opacity:1}}.tx-card-visual{height:96px;margin:var(--sp-2) 0;background:var(--bg-inset);border-radius:var(--r-md);overflow:hidden}.tx-card-visual canvas{display:block;width:100%;height:100%}.tx-card-track{height:10px;background:var(--bg-inset);border-radius:5px;overflow:hidden}.tx-card-fill{position:relative;overflow:hidden;height:100%;border-radius:5px;transition:width .4s ease}.tx-card-fill.pulse{animation:tx-fill-pulse .9s ease-in-out infinite alternate}@keyframes tx-fill-pulse{0%{opacity:.82}to{opacity:1}}.tx-card-fill.stalled:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:tx-fill-sweep 1.6s ease-in-out infinite}@keyframes tx-fill-sweep{to{transform:translate(100%)}}.tx-card-meta{display:flex;justify-content:space-between;margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.tx-card-confetti{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.tx-confetti-piece{position:absolute;top:-10px;animation:tx-confetti-fall 2.6s ease-in forwards}@keyframes tx-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(340px) rotate(540deg)}}.file-btn:hover{background:var(--accent-soft)}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.clean-panel{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:var(--sp-2);border-top:1px solid var(--border)}.clean-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.clean-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-primary)}.take-meta{flex:1;min-width:0;font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-meta.full{flex:none;white-space:normal;line-height:1.5}.clean-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.clean-label{font-size:var(--fs-xs);color:var(--text-secondary)}.clean-toggle,.clean-field{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.clean-field input,.clean-select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-inset);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);color:var(--text-primary)}.clean-field input{width:84px}.clean-select.wide{flex:1;min-width:0}.clean-field input:focus,.clean-select:focus{outline:none;border-color:var(--accent)}.clean-select,.view-select,.retex-field select{appearance:none;-webkit-appearance:none;background-image:var(--chevron);background-repeat:no-repeat;background-position:right var(--sp-2) center;padding-right:calc(var(--sp-2) * 2 + 10px);line-height:1.5;cursor:pointer}.clean-select:hover,.view-select:hover,.retex-field select:hover{border-color:var(--border-strong)}.clean-select option,.view-select option,.retex-field select option{background:var(--bg-surface);color:var(--text-primary)}.clean-select:disabled,.view-select:disabled,.retex-field select:disabled{opacity:.5;cursor:not-allowed}.ghost.danger{color:var(--danger)}.ghost.danger:hover{background:var(--danger-soft)}.modal-scrim{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--scrim)}.modal-card{width:340px;max-width:90vw;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);animation:modal-in .14s ease-out}@keyframes modal-in{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}.modal-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.modal-text{font-size:var(--fs-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--sp-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.login-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--bg-inset)}.login-card{width:320px;max-width:92vw;display:flex;flex-direction:column;gap:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-6) var(--sp-5) var(--sp-4)}.login-brand{font-size:var(--fs-xl);font-weight:700;color:var(--accent);text-align:center}.login-sub{font-size:var(--fs-xs);color:var(--text-secondary);text-align:center;margin-bottom:var(--sp-1)}.login-field{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary)}.login-field input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);padding:var(--sp-2) var(--sp-2);font-size:var(--fs-sm)}.login-field input:focus{outline:none;border-color:var(--accent)}.login-err{font-size:var(--fs-xs);color:var(--danger);background:var(--danger-soft);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-2)}.login-submit{border:none;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);font-weight:600;padding:9px 0;cursor:pointer}.login-submit:disabled{opacity:.45;cursor:default}.login-switch{border:none;background:none;color:var(--text-secondary);font-size:var(--fs-xs);cursor:pointer}.login-switch:hover{color:var(--accent)}.user-menu-wrap{position:relative}.user-avatar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-inset);cursor:pointer;transition:background .15s,border-color .15s}.user-avatar-btn:hover{background:var(--bg-hover)}.user-avatar-btn.active{border-color:var(--accent)}.user-avatar{font-size:var(--fs-xs);font-weight:600;line-height:1;color:var(--accent)}.user-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:172px;padding:var(--sp-1);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-2);animation:user-menu-in .12s ease-out}@keyframes user-menu-in{0%{transform:translateY(-4px);opacity:0}to{transform:none;opacity:1}}.user-menu-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);padding:var(--sp-2);border-bottom:1px solid var(--border)}.user-menu-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);font-weight:600;line-height:1}.user-menu-name{min-width:0;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);border:none;border-radius:var(--r-sm);background:none;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}.user-menu-item:hover:not(:disabled){background:var(--bg-hover)}.user-menu-item:disabled{cursor:default}.user-menu-item.current{color:var(--accent)}.user-menu-item.danger{color:var(--danger)}.user-menu-item.danger:hover:not(:disabled){background:var(--danger-soft)}.user-menu-note{margin-left:auto;font-size:var(--fs-xs);color:var(--text-secondary)}.version-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1);max-height:190px;overflow-y:auto}.version-row{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface)}.version-row.active{border-color:var(--accent);background:var(--accent-soft)}.version-pick{flex-shrink:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-inset);color:var(--text-primary);font-size:var(--fs-xs);font-weight:600;padding:var(--sp-1) var(--sp-2);cursor:pointer}.version-pick:hover{border-color:var(--accent);color:var(--accent)}.version-body{display:flex;flex-direction:column;gap:2px;min-width:0}.version-label{font-size:var(--fs-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-metrics{font-size:var(--fs-xs);line-height:1.5;color:var(--text-secondary)}.version-metrics b{color:var(--text-primary);font-weight:600}.take-pick{flex:1;min-width:0;text-align:left;font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-page)}.uc-head-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--bg-surface);border-bottom:1px solid var(--border)}.uc-title{font-size:var(--fs-lg);font-weight:600}.uc-sublist{font-size:var(--fs-sm)}.uc-close{margin-left:auto;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--fs-lg);line-height:1;color:var(--text-secondary)}.uc-close:hover{background:var(--bg-hover);color:var(--text-primary)}.uc-scroll{flex:1;min-height:0;overflow:auto;padding:var(--sp-5);max-width:1180px;width:100%;margin:0 auto}.uc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3)}.uc-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.uc-stat-lbl{font-size:var(--fs-xs);color:var(--text-secondary)}.uc-stat-val{font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums}.uc-stat-val i{font-size:var(--fs-sm);font-weight:400;font-style:normal;color:var(--text-secondary);margin-left:3px}.uc-stat-lbl{display:flex;align-items:center;gap:6px}.uc-stat-lbl svg{flex-shrink:0}.uc-health{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin:var(--sp-3) 0 var(--sp-5);padding:var(--sp-2) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);font-size:var(--fs-xs);color:var(--text-secondary)}.uc-health-title{font-weight:600;color:var(--text-primary)}.uc-health-item{display:inline-flex;align-items:center;gap:6px}.uc-health-item b{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.uc-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.uc-health-item.ok .uc-dot{background:var(--accent)}.uc-health-item.ok b{color:var(--accent)}.uc-health-item.warn .uc-dot{background:var(--warn)}.uc-health-item.warn b{color:var(--warn)}.uc-health-item.bad .uc-dot{background:var(--danger)}.uc-health-item.bad b{color:var(--danger)}.uc-health-note{margin-left:auto}.uc-sub{font-size:var(--fs-md);font-weight:600}.uc-hint{font-size:var(--fs-xs);color:var(--text-secondary)}.uc-tools{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.uc-search-wrap{position:relative;display:flex;align-items:center;width:260px}.uc-search{width:100%;font-size:var(--fs-sm);font-family:inherit;padding:6px var(--sp-3);padding-left:calc(var(--sp-3) + 14px + 6px);padding-right:30px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--r-md)}.uc-search::-webkit-search-cancel-button,.uc-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.uc-search:focus{outline:none;border-color:var(--accent)}.uc-search-icon{position:absolute;left:var(--sp-3);display:flex;color:var(--text-secondary);pointer-events:none}.uc-search-clear{position:absolute;right:4px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:999px;color:var(--text-secondary)}.uc-search-wrap .uc-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.uc-sort{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.uc-tools-info{margin-left:auto;font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.uc-table{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-surface);min-width:640px}.uc-head,.uc-row{display:grid;grid-template-columns:30px minmax(0,1fr) 132px 52px 60px 70px 66px;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3)}.uc-row.ver{grid-template-columns:40px minmax(0,1fr) 70px 70px 62px 58px 68px}.uc-head{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-inset);border-bottom:1px solid var(--border)}.uc-rows{display:flex;flex-direction:column}.uc-row{border-bottom:1px solid var(--border);transition:background .12s;min-height:56px}.uc-row:last-child{border-bottom:none}.uc-row:hover{background:var(--bg-inset)}.uc-row.on{background:var(--accent-soft)}.uc-row.active{box-shadow:inset 3px 0 0 var(--accent)}.uc-check{display:flex;align-items:center}.uc-check input{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;margin:0;width:15px;height:15px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-surface);cursor:pointer;transition:background .12s ease,border-color .12s ease}.uc-check input:hover:not(:disabled){border-color:var(--accent)}.uc-check input:checked{background:var(--accent);border-color:var(--accent)}.uc-check input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.uc-check input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.uc-main{display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.uc-name{font-size:var(--fs-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-meta{font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-col{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-col.pct.ok{color:var(--accent)}.uc-col.pct.warn{color:var(--warn)}.uc-col.pct.bad{color:var(--danger)}.uc-load{font-size:var(--fs-xs);padding:3px var(--sp-2)}.uc-row:not(.ver) .uc-load{opacity:0;transition:opacity .12s ease}.uc-row:not(.ver):hover .uc-load,.uc-row:not(.ver):focus-within .uc-load{opacity:1}@media(hover:none){.uc-row:not(.ver) .uc-load{opacity:1}}.uc-ver-no{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.uc-empty{margin:0;padding:var(--sp-6) var(--sp-4);font-size:var(--fs-sm);line-height:1.7;color:var(--text-secondary);text-align:center}.uc-err{margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--r-md)}.uc-pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-2)}.uc-page-info{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.uc-table.busy .uc-rows{opacity:.5;pointer-events:none}.uc-progress{position:relative;display:block;height:2px;background:var(--bg-inset);overflow:hidden}.uc-progress:after{content:"";position:absolute;top:0;bottom:0;width:38%;background:var(--accent);animation:uc-progress-slide 1.1s ease-in-out infinite}@keyframes uc-progress-slide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.uc-sk{display:block;background:var(--bg-inset);border-radius:var(--r-sm);animation:uc-sk-pulse 1.4s ease-in-out infinite}@keyframes uc-sk-pulse{0%,to{opacity:.55}50%{opacity:.95}}.uc-row.sk{pointer-events:none}.uc-row.sk .uc-main{justify-content:center;gap:6px}.uc-sk-line{height:13px}.uc-sk-line.sub{height:11px}.uc-sk-box{width:15px;height:15px;border-radius:4px}.uc-sk-val{display:inline-block;width:68px;height:20px;vertical-align:middle}.uc-sk-h{display:inline-block;width:26px;height:11px;vertical-align:middle}@media(prefers-reduced-motion:reduce){.uc-sk{animation:none;opacity:.75}.uc-progress:after{animation:none;width:100%;opacity:.6}}.uc-selbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--bg-surface);border-top:1px solid var(--border);animation:uc-selbar-in .16s ease-out}@keyframes uc-selbar-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.uc-sel-info{font-size:var(--fs-sm);color:var(--text-secondary)}.uc-sel-info b{color:var(--text-primary);font-variant-numeric:tabular-nums}.uc-sel-info em{font-style:normal;margin-left:var(--sp-1)}.uc-selbar .ghost:first-of-type{margin-left:auto}.uc-del-btn{display:inline-flex;align-items:center;gap:6px}.uc-detail-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.uc-detail-name{font-size:var(--fs-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-5);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg)}.uc-spec{display:flex;gap:var(--sp-2);min-width:0;font-size:var(--fs-xs)}.uc-spec dt{flex:0 0 58px;color:var(--text-secondary)}.uc-spec dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-vers-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2)}.modal-list{list-style:none;margin:0 0 var(--sp-4);padding:var(--sp-2) var(--sp-3);max-height:168px;overflow-y:auto;background:var(--bg-inset);border-radius:var(--r-md);display:flex;flex-direction:column;gap:3px}.modal-list li{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-list li.more{color:var(--text-secondary)}.modal-card.wide{width:430px}