@layer components{.app-fit{position:relative;width:100%;aspect-ratio:1120 / 700}.app{--app-bg: #f6f7f8;--app-surface: #ffffff;--app-fg: #09090b;--app-muted: #71717a;--app-tertiary: #a6a6ac;--app-hairline: #efeff1;--app-border: #e4e4e7;--app-selected: #e9e9ec;--app-hover: #f7f8f9;--app-primary: #2563eb;--app-track: #eceef1;position:absolute;left:0;top:0;width:1120px;height:700px;transform-origin:0 0;transform:scale(var(--app-scale, 1));display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--app-bg);color:var(--app-muted);font-family:var(--font-sans);font-size:13px;line-height:18px;box-shadow:var(--shadow-window);user-select:none;contain:layout paint}[data-theme=dark] .app{--app-bg: #212123;--app-surface: #2c2c2e;--app-fg: #f5f5f7;--app-muted: #a1a1a6;--app-tertiary: #737377;--app-hairline: #3e3e40;--app-border: #48484a;--app-selected: #38383a;--app-hover: #333335;--app-primary: #3b82f6;--app-track: #3a3a3c}.app svg{flex:none}.app-titlebar{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px 0 14px;border-bottom:1px solid var(--app-hairline)}.app-lights{display:flex;gap:8px;margin-right:auto}.app-lights i{width:12px;height:12px;border-radius:99px;background:#ff5f57;box-shadow:0 0 0 .5px #0000001f inset}.app-lights i:nth-child(2){background:#febc2e}.app-lights i:nth-child(3){background:#28c840}.app-search{display:flex;align-items:center;gap:8px;width:280px;height:28px;padding:0 6px 0 10px;border-radius:7px;background:var(--app-selected);color:var(--app-tertiary)}.app-search span{flex:1}.app-search kbd{font-family:var(--font-sans);font-size:11px;padding:0 5px;border-radius:4px;background:var(--app-surface);color:var(--app-tertiary)}.app-tool{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;color:var(--app-fg)}.app-primary{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:7px;background:var(--app-primary);color:#fff;font-weight:500;transition:filter .12s,transform .12s}.app-primary.is-pressed,.app-btn.is-pressed{filter:brightness(.88);transform:scale(.97)}.app-body{display:flex;flex:1;min-height:0}.app-activity{display:flex;flex-direction:column;align-items:center;gap:6px;width:48px;padding:8px 0 10px}.app-activity span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--app-muted)}.app-activity .is-active{background:var(--app-selected);color:var(--app-fg)}.app-sidebar{width:176px;padding:6px 8px}.app-group{padding:8px 8px 4px;font-size:11px;line-height:14px;color:var(--app-tertiary)}.app-nav{display:flex;align-items:center;gap:9px;height:26px;padding:0 8px;border-radius:6px;color:var(--app-fg)}.app-nav svg{color:var(--app-muted)}.app-nav.is-sub{padding-left:22px}.app-nav.is-selected{background:var(--app-selected);font-weight:500}.app-count{font-size:11px;color:var(--app-tertiary);font-variant-numeric:tabular-nums}.app-content{position:relative;flex:1;min-width:0;background:var(--app-surface);border-left:1px solid var(--app-hairline);border-top-left-radius:0}.app-row{display:grid;grid-template-columns:30px minmax(0,1fr) 76px 150px 86px 64px 86px;align-items:center;gap:0 10px;height:34px;padding:0 14px 0 10px;font-variant-numeric:tabular-nums;white-space:nowrap}.app-head{height:32px;border-bottom:1px solid var(--app-hairline);font-size:12px;color:var(--app-tertiary)}.app-rows .app-row{transition:background-color .4s}.app-rows .app-row.is-new{background:color-mix(in srgb,var(--app-primary) 12%,transparent)}.app-ficon{display:grid;place-items:center;color:var(--app-muted)}.app-progress{display:flex;align-items:center}.app-track{position:relative;width:100%;height:4px;overflow:hidden;border-radius:99px;background:var(--app-track)}.app-fill,.app-seg{position:absolute;top:0;bottom:0;left:0;background:var(--app-primary)}.app-row[data-status=paused] .app-fill,.app-row[data-status=paused] .app-seg{background:var(--app-tertiary)}.app-status{color:var(--app-tertiary)}.app-row[data-status=downloading] .app-status{color:var(--app-primary)}.app-toast{position:absolute;right:16px;bottom:16px;display:flex;align-items:flex-start;gap:10px;width:290px;padding:12px 14px;border-radius:10px;background:var(--app-surface);color:#22a35a;box-shadow:0 0 0 1px var(--app-border),0 12px 32px -8px #00000040;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .26s,transform .36s cubic-bezier(.22,1,.36,1)}.app-toast.is-visible{opacity:1;transform:none}.app-toast-title{color:var(--app-fg);font-weight:500}.app-toast-body{font-size:12px;color:var(--app-muted)}.app-statusbar{display:flex;align-items:center;gap:14px;height:28px;padding:0 12px 0 60px;border-top:1px solid var(--app-hairline);font-size:12px;color:var(--app-muted);font-variant-numeric:tabular-nums}.app-stat{display:inline-flex;align-items:center;gap:4px}.app-stat b{font-weight:500;color:var(--app-fg);min-width:70px}.app-spark{width:120px;height:16px}.app-spark svg{display:block;width:100%;height:100%;overflow:visible}.app-spark path{fill:none;stroke:var(--app-primary);stroke-width:1.25;vector-effect:non-scaling-stroke}.app-dialog{position:absolute;left:330px;top:118px;width:520px;border-radius:11px;background:var(--app-surface);box-shadow:0 0 0 1px var(--app-border),0 24px 64px -12px #00000059;opacity:0;transform:translateY(12px) scale(.97);pointer-events:none;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1)}.app-dialog.is-open{opacity:1;transform:none}.app-dialog-bar{display:flex;align-items:center;height:38px;padding:0 14px;border-bottom:1px solid var(--app-hairline);background:var(--app-bg);border-radius:11px 11px 0 0;color:var(--app-fg);font-weight:500}.app-dialog-bar .app-lights{margin-right:14px}.app-dialog-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 6px}.app-dialog-body label{margin-top:4px;font-size:12px;color:var(--app-muted)}.app-input{display:flex;align-items:center;min-height:28px;padding:0 10px;border-radius:6px;color:var(--app-fg);box-shadow:0 0 0 1px var(--app-border) inset;overflow:hidden;white-space:nowrap}.app-textarea{align-items:flex-start;height:56px;padding-top:6px;white-space:normal;word-break:break-all;box-shadow:0 0 0 1px var(--app-primary) inset,0 0 0 3px color-mix(in srgb,var(--app-primary) 20%,transparent)}.app-caret{display:inline-block;width:1px;height:15px;margin-top:1px;background:var(--app-primary);animation:app-blink 1s steps(1) infinite}@keyframes app-blink{50%{opacity:0}}.app-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 14px}.app-btn{display:grid;place-items:center;height:28px;padding:0 14px;border-radius:7px;color:var(--app-fg);box-shadow:0 0 0 1px var(--app-border) inset;transition:filter .12s,transform .12s}.app-btn-primary{background:var(--app-primary);color:#fff;box-shadow:none}.app-cursor{position:absolute;left:0;top:0;z-index:10;opacity:0;transform:translate(900px,460px);filter:drop-shadow(0 2px 3px rgb(0 0 0 / .3));pointer-events:none}.app-click{position:absolute;left:0;top:0;z-index:9;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:99px;border:2px solid var(--app-primary);opacity:0;pointer-events:none}.app-click.is-firing{animation:app-click .52s cubic-bezier(.22,1,.36,1)}@keyframes app-click{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.4}}}