.np{--shape-radius:1;--shape-blur:1;--np-font:"Jost";--np-dots:#ffffff40;--np-r:calc(24px * var(--shape-radius));--np-glow:calc(24px * var(--shape-blur));font-family:var(--np-font), "Jost", system-ui, sans-serif;color:var(--foreground)}.np [hidden]{display:none!important}.np-device{place-items:center;display:grid}.np-single .np-fit{aspect-ratio:16/9;border-radius:18px;width:100%;box-shadow:0 24px 60px #1128534d}.np-fit{position:relative;overflow:hidden}.np-screen{transform:scale(var(--k,.1));transform-origin:0 0;font-weight:600;line-height:1.2;position:absolute;top:0;left:0;overflow:hidden}.np-bg,.np-bg>*{width:100%;height:100%;position:absolute;inset:0}.np-bg canvas{background:var(--background)}.np-media{object-fit:cover}.np-media.blur{filter:blur(48px);transform:scale(1.1)}.np-tile{background-position:0 0;background-repeat:repeat}.np-dim{background:var(--background);opacity:0}.np-dots{background-image:radial-gradient(circle, var(--np-dots) 9px, transparent 10px);background-size:22.32px 22.32px}.np-page{position:absolute;inset:0}.np-page>*,.np-panel>*,.np-card>*{position:absolute}.ni{width:var(--s);height:var(--s);mask:var(--i) center / contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.np.icons-colored .ni{background:var(--i) center / contain no-repeat;mask:none}.np-panel,.np-accent,.np-soft{isolation:isolate;color:var(--panel-fg)}.np-panel:before,.np-accent:before,.np-soft:before{content:"";z-index:-1;border-radius:calc(var(--np-r) + 10px * var(--shape-radius));background:var(--panel-bg);box-shadow:inset 0 0 var(--np-glow) color-mix(in srgb, var(--panel-gradient) 75%, transparent);position:absolute;inset:-10px}.np-accent{color:var(--accent-fg)}.np-accent:before{background:var(--accent-bg);box-shadow:inset 0 0 var(--np-glow) color-mix(in srgb, var(--accent-gradient) 75%, transparent)}.np-soft{color:var(--foreground)}.np-soft:before{background:color-mix(in srgb, var(--foreground) 10%, transparent);box-shadow:none;inset:0}.dim{opacity:.5}.np-text{white-space:nowrap}.np-h1{font-size:72px;font-weight:700}.np-h2{color:color-mix(in srgb, var(--foreground) 72%, transparent);font-size:52px;font-weight:500}.np-meta{color:color-mix(in srgb, var(--foreground) 72%, transparent);font-size:36px;font-weight:500}.np-small{font-size:30px;font-weight:700}.np-center{text-align:center;width:100%;left:0}.np-row{justify-content:flex-start;align-items:center;gap:14px;display:flex}.np-center.np-row{justify-content:center}.np-clip{overflow:hidden}.np-cover{aspect-ratio:1;border-radius:calc(12px * var(--shape-radius));object-fit:cover;height:auto;box-shadow:0 12px 30px #0000004d}.np-stack{transform:perspective(1400px) rotateY(var(--turn));transform-origin:0}.np-status{height:132px;inset:0 0 auto}.np-status>*{align-items:center;gap:12px;height:56px;display:flex;position:absolute;top:38px}.np-title{font-size:42px;font-weight:700;left:28px}.np-system{gap:22px;right:32px}.np-battery{display:inline-flex;position:relative}.np-charge{color:var(--warning-bg);place-items:center;display:grid;position:absolute;inset:0}.np-clock{font-size:48px;font-weight:700}.np-mini{width:1836px;height:212px;top:828px;left:44px}.np-mini.compact{width:1156px}.np-mini .np-time{font-size:22px;font-weight:700;top:14px;left:20px}.np-mini .np-time.end{left:auto;right:20px}.np-mini .np-track{background:color-mix(in srgb, var(--panel-fg) 25%, transparent);border-radius:5px;height:10px;top:26px;left:96px;right:96px;overflow:hidden}.np-mini .np-track span{background:var(--panel-fg);width:33%;height:100%;display:block}.np-mini .np-cover{width:124px;box-shadow:none;top:62px;left:10px}.np-song{font-size:40px;font-weight:700;top:74px;left:156px}.np-artist{opacity:.8;font-size:32px;font-weight:500;top:128px;left:156px}.np-ctl{display:grid;top:127px;translate:-50% -50%}.np-circle{background:var(--family-bg);color:var(--family-fg);box-shadow:inset 0 0 calc(var(--np-glow) * 1.6) color-mix(in srgb, var(--family-gradient) 75%, transparent);border-radius:50%;place-items:center;display:grid}.np-pill{border-radius:calc(86px * var(--shape-radius));background:var(--family-bg);width:1156px;height:172px;color:var(--family-fg);box-shadow:inset 0 0 var(--np-glow) color-mix(in srgb, var(--family-gradient) 75%, transparent);align-items:center;padding:0 60px;font-size:64px;font-weight:700;display:flex;left:44px}.np-pill>span:last-child{text-align:center;flex:1;margin-right:72px}[data-family=pink]{--family-bg:var(--pink-bg);--family-fg:var(--pink-fg);--family-gradient:var(--pink-gradient)}[data-family=blue]{--family-bg:var(--blue-bg);--family-fg:var(--blue-fg);--family-gradient:var(--blue-gradient)}[data-family=purple]{--family-bg:var(--purple-bg);--family-fg:var(--purple-fg);--family-gradient:var(--purple-gradient)}[data-family=warning]{--family-bg:var(--warning-bg);--family-fg:var(--warning-fg);--family-gradient:var(--warning-gradient)}[data-family=green]{--family-bg:var(--green-bg);--family-fg:var(--green-fg);--family-gradient:var(--green-gradient)}.np-progress{align-items:center;gap:24px;padding:0 26px;font-size:30px;font-weight:700;display:flex}.np-progress>*{position:static}.np-bar{border-radius:calc(13px * var(--shape-radius));background:var(--panel-fg);flex:1;height:30px;overflow:hidden}.np-bar span{background:linear-gradient(90deg, var(--accent-bg), var(--accent-gradient));height:100%;display:block}.np-button{place-items:center;display:grid}.np-button>*{position:static}.np-tabs{justify-content:space-evenly;align-items:center;display:flex}.np-tabs>*{position:static}.np-chip{--np-r:calc(18px * var(--shape-radius));justify-content:center;align-items:center;gap:10px;height:48px;font-size:30px;font-weight:700;display:flex}.np-chip>*{position:static}.np-queue{align-items:center;gap:32px;width:1156px;height:172px;padding:0 30px;display:flex;left:44px}.np-queue>*{position:static}.np-queue img{border-radius:calc(12px * var(--shape-radius));width:128px;height:128px}.np-queue>span{white-space:nowrap;flex:1;gap:6px;font-size:44px;font-weight:700;display:grid}.np-queue b{font-size:48px;font-weight:700}.np-queue>span>span{opacity:.8}.np-lyric{color:var(--foreground);opacity:.35;filter:blur(2px);font-size:62px;font-weight:700}.np-lyric.far{opacity:.18;filter:blur(4px)}.np-lyric.now{opacity:1;filter:none}.np-rest{opacity:.45}.np-card-title,.np-card-artist{text-overflow:ellipsis;white-space:nowrap;font-weight:700;left:20px;right:20px;overflow:hidden}.np-card-artist{opacity:.75;font-weight:500}.np-list{width:100%;left:0;overflow:hidden}.np-row-card{position:absolute}.np-number{text-align:center;width:214px;font-size:60px;font-weight:700;top:50%;left:0;translate:0 -50%}.np-row-title,.np-row-subtitle{text-overflow:ellipsis;white-space:nowrap;font-weight:700;left:214px;right:30px;overflow:hidden}.np-row-title{font-size:48px;top:24px}.np-row-subtitle{opacity:.75;font-size:44px;top:94px}.np-pair{justify-items:center;gap:12px;width:min(100%,88.8889vh - 213.333px);display:grid}.np-top,.np-bottom{border-radius:14px;box-shadow:0 24px 60px #1128534d}.np-top{aspect-ratio:16/9;width:100%}.np-bottom{aspect-ratio:1240/1080;width:64.583%}.editor:where(.astro-k4l4z32h){width:min(100% - 32px,1500px);padding-top:24px}.intro:where(.astro-k4l4z32h){flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:0 24px;margin-bottom:28px;display:flex}.import:where(.astro-k4l4z32h){cursor:pointer;gap:10px;padding:12px 22px;font-size:1.05rem}.import:where(.astro-k4l4z32h) input:where(.astro-k4l4z32h){display:none}.intro:where(.astro-k4l4z32h) h1:where(.astro-k4l4z32h){letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1}.intro:where(.astro-k4l4z32h) p:where(.astro-k4l4z32h){opacity:.85;max-width:44rem;margin:0 0 12px;font-size:1.15rem;line-height:1.5}.workspace:where(.astro-k4l4z32h){grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.stage:where(.astro-k4l4z32h){order:1;grid-template-columns:minmax(0,1fr);gap:18px;display:grid;position:sticky;top:88px}.toolbar:where(.astro-k4l4z32h){flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.segmented:where(.astro-k4l4z32h){background:var(--panel-bg);box-shadow:inset 0 0 18px var(--panel-gradient);scrollbar-width:none;border-radius:18px;gap:4px;padding:4px;display:flex;overflow-x:auto}.segmented:where(.astro-k4l4z32h) button:where(.astro-k4l4z32h){color:var(--panel-fg);opacity:.75;background:0 0;border:0;border-radius:14px;flex-shrink:0;padding:8px 14px;font-weight:600}.segmented:where(.astro-k4l4z32h) :where(.astro-k4l4z32h)[aria-pressed=true]{background:var(--accent-bg);color:var(--accent-fg);box-shadow:inset 0 0 12px var(--accent-gradient);opacity:1}.controls:where(.astro-k4l4z32h){gap:14px;display:grid}.controls:where(.astro-k4l4z32h)>details:where(.astro-k4l4z32h){background:var(--panel-bg);color:var(--panel-fg);box-shadow:inset 0 0 24px var(--panel-gradient);border-radius:24px;padding:4px 20px}.controls:where(.astro-k4l4z32h)>details:where(.astro-k4l4z32h)[open]{padding-bottom:20px}summary:where(.astro-k4l4z32h){cursor:pointer;align-items:center;gap:10px;padding:14px 0;font-size:1.2rem;font-weight:800;list-style:none;display:flex}summary:where(.astro-k4l4z32h)::-webkit-details-marker{display:none}summary:where(.astro-k4l4z32h):before{content:"";background:currentColor;width:1.1em;height:1.1em;transition:rotate .12s cubic-bezier(.33,1,.68,1);mask:url(/icons/chevron_right.svg) 50%/contain no-repeat}details:where(.astro-k4l4z32h)[open]>summary:where(.astro-k4l4z32h):before{rotate:90deg}.reset:where(.astro-k4l4z32h){background:color-mix(in srgb, var(--panel-fg) 14%, transparent);width:38px;height:38px;color:inherit;border:0;border-radius:12px;place-items:center;margin:-4px 0 -4px auto;padding:0;display:grid}.reset:where(.astro-k4l4z32h):hover{background:color-mix(in srgb, var(--panel-fg) 24%, transparent)}.reset:where(.astro-k4l4z32h) .icon:where(.astro-k4l4z32h){width:1.3em}.controls:where(.astro-k4l4z32h)>details:where(.astro-k4l4z32h)>:where(.astro-k4l4z32h):not(summary)+:where(.astro-k4l4z32h){margin-top:14px}fieldset:where(.astro-k4l4z32h){border:0;margin:0;padding:0}legend:where(.astro-k4l4z32h){opacity:.8;margin-bottom:8px;padding:0;font-weight:700}.fields:where(.astro-k4l4z32h){grid-template-columns:1fr 1fr;gap:12px;display:grid}.field:where(.astro-k4l4z32h){gap:6px;font-size:.95rem;font-weight:600;display:grid}.field:where(.astro-k4l4z32h).wide{grid-column:1/-1}.field:where(.astro-k4l4z32h) output:where(.astro-k4l4z32h){font-variant-numeric:tabular-nums;opacity:.8;justify-self:end;margin-top:-1.6em}input:where(.astro-k4l4z32h)[type=text],textarea:where(.astro-k4l4z32h),select:where(.astro-k4l4z32h){background:color-mix(in srgb, var(--panel-fg) 12%, transparent);width:100%;color:inherit;font:inherit;caret-color:auto;outline:revert;border:0;border-radius:12px;padding:10px 12px;font-weight:500}input:where(.astro-k4l4z32h)::placeholder,textarea:where(.astro-k4l4z32h)::placeholder{color:revert}input:where(.astro-k4l4z32h):user-invalid{box-shadow:inset 0 0 0 2px var(--error-bg)}select:where(.astro-k4l4z32h) option:where(.astro-k4l4z32h){background:var(--panel-bg)}textarea:where(.astro-k4l4z32h){resize:vertical}input:where(.astro-k4l4z32h)[type=checkbox]{accent-color:var(--accent-bg)}input:where(.astro-k4l4z32h)[type=range]{--line:6px;--grabber:7px;appearance:none;height:22px;color:inherit;cursor:pointer;background:0 0;margin:0}input:where(.astro-k4l4z32h)[type=range]::-webkit-slider-runnable-track{height:var(--line);border-radius:var(--line);background:linear-gradient(currentColor, currentColor) 0 / calc(var(--fill,0) * (100% - var(--grabber)) + var(--grabber) / 2) 100% no-repeat, color-mix(in srgb, currentColor 30%, transparent)}input:where(.astro-k4l4z32h)[type=range]::-moz-range-track{height:var(--line);border-radius:var(--line);background:color-mix(in srgb, currentColor 30%, transparent)}input:where(.astro-k4l4z32h)[type=range]::-moz-range-progress{height:var(--line);border-radius:var(--line);background:currentColor}input:where(.astro-k4l4z32h)[type=range]::-webkit-slider-thumb{appearance:none;width:var(--grabber);height:calc(var(--line) * 3);margin-top:calc(var(--line) * -1);border-radius:var(--grabber);background:currentColor}input:where(.astro-k4l4z32h)[type=range]::-moz-range-thumb{width:var(--grabber);height:calc(var(--line) * 3);border-radius:var(--grabber);background:currentColor;border:0}.check:where(.astro-k4l4z32h){align-items:center;gap:6px;margin:0 14px 6px 0;font-weight:600;display:inline-flex}.clear:where(.astro-k4l4z32h){background:color-mix(in srgb, var(--panel-fg) 14%, transparent);color:inherit;border:0;border-radius:14px;padding:8px 14px;font-weight:600}.clear:where(.astro-k4l4z32h):hover{background:color-mix(in srgb, var(--panel-fg) 24%, transparent)}.colors:where(.astro-k4l4z32h){grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.colors:where(.astro-k4l4z32h) legend:where(.astro-k4l4z32h){grid-column:1/-1}.color:where(.astro-k4l4z32h){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 10px;font-weight:600;display:grid}.color:where(.astro-k4l4z32h)>input:where(.astro-k4l4z32h)[type=color]{grid-row:span 2}.color:where(.astro-k4l4z32h)>span:where(.astro-k4l4z32h){font-size:.9rem;line-height:1.2}.hex:where(.astro-k4l4z32h){max-width:7.5em;border-radius:8px!important;width:100%!important;padding:2px 6px!important;font-family:ui-monospace,monospace!important;font-size:.8rem!important}input:where(.astro-k4l4z32h)[type=color]{border:2px solid color-mix(in srgb, var(--panel-fg) 30%, transparent);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;width:36px;height:36px;padding:0}input:where(.astro-k4l4z32h)[type=color]::-webkit-color-swatch-wrapper{padding:0}input:where(.astro-k4l4z32h)[type=color]::-webkit-color-swatch{border:0;border-radius:9px}input:where(.astro-k4l4z32h)[type=color]::-moz-color-swatch{border:0;border-radius:9px}.more:where(.astro-k4l4z32h) summary:where(.astro-k4l4z32h){font-size:1rem}.families:where(.astro-k4l4z32h){grid-template-columns:1fr repeat(3,auto);align-items:center;gap:6px 14px;font-weight:600;display:grid}.families:where(.astro-k4l4z32h)>span:where(.astro-k4l4z32h):nth-child(-n+4){opacity:.7;font-size:.85rem}.file:where(.astro-k4l4z32h){grid-template-columns:1fr auto auto;align-items:center;gap:4px 8px;font-weight:600;display:grid}.wide:where(.astro-k4l4z32h){grid-column:1/-1}.icon-file:where(.astro-k4l4z32h){grid-template-columns:auto 1fr auto auto}.icon-file:where(.astro-k4l4z32h) .name:where(.astro-k4l4z32h){grid-column:2}.theme-icon:where(.astro-k4l4z32h){background:50%/cover no-repeat;border-radius:16px;grid-row:1/3;width:56px;height:56px}.theme-icon:where(.astro-k4l4z32h).drawn{background-image:linear-gradient(color-mix(in srgb, var(--tint) 30%, transparent), color-mix(in srgb, var(--tint) 20%, transparent));background-color:var(--bg);place-items:center;display:grid}.theme-icon:where(.astro-k4l4z32h).drawn:after{content:"";aspect-ratio:1;background:var(--fg);width:58%;mask:url(/icons/theme.svg) 50%/contain no-repeat}.file:where(.astro-k4l4z32h) .name:where(.astro-k4l4z32h){opacity:.7;text-overflow:ellipsis;white-space:nowrap;grid-row:2;font-size:.85rem;font-weight:500;overflow:hidden}.file:where(.astro-k4l4z32h) .pick:where(.astro-k4l4z32h),.file:where(.astro-k4l4z32h) .clear:where(.astro-k4l4z32h){grid-row:1/3}.pick:where(.astro-k4l4z32h){cursor:pointer;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--panel-fg) 30%, transparent);padding:8px 16px;font-size:.95rem}.pick:where(.astro-k4l4z32h) input:where(.astro-k4l4z32h),.icon-tile input{display:none}.hint:where(.astro-k4l4z32h){opacity:.75;margin:0;font-size:.9rem;line-height:1.45}.controls:where(.astro-k4l4z32h)>.hint:where(.astro-k4l4z32h){color:var(--foreground)}.icons:where(.astro-k4l4z32h){grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.icon-tile{position:relative}.icon-tile label{background:color-mix(in srgb, var(--panel-fg) 10%, transparent);cursor:pointer;border-radius:14px;justify-items:center;gap:4px;padding:10px 4px;font-size:.7rem;display:grid;overflow:hidden}.icon-tile label:hover{background:color-mix(in srgb, var(--panel-fg) 20%, transparent)}.icon-tile label>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.icon-tile button{background:var(--error-bg);width:22px;height:22px;color:var(--error-fg);border:0;border-radius:50%;padding:0;font-weight:800;position:absolute;top:2px;right:2px}.icon-tile .ni{width:var(--s);height:var(--s);mask:var(--i) center / contain no-repeat;background:currentColor;display:inline-block}.export:where(.astro-k4l4z32h){font:inherit;border:0;justify-content:center;padding:16px;font-size:1.15rem;font-weight:700}@media (width<=960px){.workspace:where(.astro-k4l4z32h){grid-template-columns:minmax(0,1fr)}.stage:where(.astro-k4l4z32h){z-index:1;background:var(--background);box-shadow:0 12px 24px color-mix(in srgb, var(--foreground) 12%, transparent);order:0;margin:0 -16px;padding:10px 16px 14px;top:64px}.toolbar:where(.astro-k4l4z32h){gap:8px}.segmented:where(.astro-k4l4z32h){max-width:100%}.segmented:where(.astro-k4l4z32h) button:where(.astro-k4l4z32h){padding:6px 12px}.stage:where(.astro-k4l4z32h) .np-pair{width:min(100%,35.5556vh)}}