.td{border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-surface);background:var(--color-panel);text-align:center;place-items:center;min-height:260px;padding:36px 28px;transition:border-color .12s,background-color .12s;display:grid;position:relative}.td:hover:not([data-phase=uploading]):not([data-phase=creating]):not([data-phase=checking]),.td:has(.td-hit:focus-visible){border-color:var(--color-ink-3)}.td[data-over]{border-color:var(--color-signal);background:var(--color-signal-soft);border-style:solid}.td[data-tone=error]{border-color:var(--color-meter-hot)}.td-hit{z-index:0;cursor:pointer;border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.td-hit:focus-visible{outline:2px solid var(--color-signal);outline-offset:3px}.td-hit[aria-disabled]{cursor:default}.td-body{z-index:1;pointer-events:none;justify-items:center;gap:6px;width:min(100%,26rem);display:grid;position:relative}.td-body button,.td-body a{pointer-events:auto}.td-icon{background:var(--color-paper);width:48px;height:48px;color:var(--color-ink-2);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.td[data-over] .td-icon{color:var(--color-signal-ink);box-shadow:inset 0 0 0 1px var(--color-signal)}.td[data-tone=error] .td-icon{color:var(--color-meter-hot)}.td-kicker{color:var(--color-ink-3);font-size:12.5px;font-weight:600}.td-head{letter-spacing:-.01em;color:var(--color-ink);font-size:19px;font-weight:600}.td-head.is-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.td-hint{color:var(--color-ink-2);font-size:14.5px}.td-specs{color:var(--color-ink-3);text-wrap:balance;margin-top:10px;font-size:13px}.td-progress{gap:8px;width:100%;margin-top:10px;display:grid}.td-bar{background:var(--color-sunken);border-radius:3px;height:6px;display:block;overflow:hidden}.td-bar i{background:var(--color-signal);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.td-row{color:var(--color-ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.td-status{color:var(--color-ink-2);font-size:13.5px}.td-error{justify-items:center;gap:12px;margin-top:4px;display:grid}.td-actions{align-items:center;gap:14px;display:flex}.td-link{font:inherit;color:var(--color-signal-ink);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:13.5px;text-decoration:underline}.td-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.td,.td-bar i{transition:none}}@media (width<=560px){.td{min-height:220px;padding:28px 18px}}.np-body{grid-template-columns:var(--ws-left) minmax(0, 1fr) var(--ws-right);min-height:0;display:grid}.np-side{background:var(--color-paper);-webkit-user-select:none;user-select:none;flex-direction:column;gap:14px;min-height:0;padding:16px 18px;display:flex;overflow:hidden}.np-left{border-right:1px solid var(--color-line)}.np-right{border-left:1px solid var(--color-line)}.np-side hr{border:0;border-top:1px solid var(--color-line);margin:4px 0}.np-text{color:var(--color-ink-3);font-size:13.5px}.np-track{letter-spacing:-.015em;color:var(--color-ink-3);margin-top:-8px;font-size:22px;font-weight:600;font-stretch:86%}.np-card{border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--color-line);align-items:center;gap:12px;padding:12px;display:flex}.np-avatar{background:var(--color-sunken);border-radius:10px;flex:none;width:36px;height:36px}.np-lines{flex:1;gap:6px;display:grid}.np-bar{background:var(--color-sunken);border-radius:4px;height:8px;display:block}.np-bar--short{width:55%}.np-row{border-top:1px solid var(--color-line);gap:8px;padding-top:12px;display:grid}.np-seg{border-radius:var(--radius-button);background:var(--color-panel);gap:3px;height:34px;padding:3px;display:flex}.np-seg i{border-radius:7px;flex:1}.np-seg i:first-child{background:var(--color-thumb);box-shadow:0 0 0 1px var(--color-line)}.np-eq{justify-content:space-between;align-items:flex-end;height:72px;padding:0 6px;display:flex}.np-eq i{background:var(--color-line);width:1px;height:100%;position:relative}.np-eq i:after{content:"";left:-6px;top:calc((1 - var(--h)) * 100% - 3px);background:var(--color-sunken);width:13px;height:6px;box-shadow:inset 0 0 0 1px var(--color-line-strong);border-radius:3px;position:absolute}.np-foot{margin-top:auto;padding-top:12px}.np-foot .btn{width:100%}.np-disabled{pointer-events:none;background:var(--color-sunken)!important;color:var(--color-ink-3)!important}.np-center{flex-direction:column;gap:14px;min-width:0;padding:18px 24px 40px;display:flex;overflow-y:auto}.np-player{background:var(--color-paper);border-radius:var(--radius-surface);box-shadow:inset 0 0 0 1px var(--color-line);justify-items:center;gap:4px;padding:28px 28px 8px;display:grid}.np-head{text-align:center;justify-items:center;gap:6px;display:grid}.np-title{letter-spacing:-.02em;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:600;font-stretch:84%;line-height:1.05}.np-sub{color:var(--color-ink-2);text-wrap:balance;max-width:34rem;font-size:15.5px}.np-record{width:min(100%,660px);margin-top:26px;margin-bottom:22px}.np-revs{border-radius:var(--radius-surface);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-line);gap:6px;padding:18px 22px;display:grid}@media (width<=1199.98px){.np-body{display:block}.np-side,.np-revs{display:none}.np-center{background:var(--color-paper);padding:20px 16px 40px;overflow:visible}.np-player{box-shadow:none;padding:8px 0 0}}@media (width<=560px){.np-record{margin-top:8px}.np-center{padding-inline:12px}}
