@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-mono:"DM Mono",ui-monospace,monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:"DM Mono",ui-monospace,monospace;--font-body:"Archivo",ui-sans-serif,system-ui,sans-serif;--font-display:"Anton","Archivo",ui-sans-serif,system-ui,sans-serif;--color-paper:#fff;--color-paper-2:#f6f4ef;--color-ink:#17150f;--color-accent:#5b2cf5;--color-accent-soft:#5b2cf51a;--color-amber:#b4610a;--color-lilac:#c9b6ff}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.right-5{right:calc(var(--spacing)*5)}.bottom-5{bottom:calc(var(--spacing)*5)}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-\[90px\]{height:90px}.h-\[220px\]{height:220px}.h-\[260px\]{height:260px}.h-\[280px\]{height:280px}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-\[min\(92vw\,380px\)\]{width:min(92vw,380px)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[220px\]{max-width:220px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-ink\/15>:not(:last-child)){border-color:#17150f26}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg,.rounded-md,.rounded-xl{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-accent\)\]\/60{border-color:#5b2cf599}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--color-accent\)\]\/60{border-color:color-mix(in oklab,var(--color-accent)60%,transparent)}}.border-\[var\(--color-amber\)\]\/60{border-color:#b4610a99}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--color-amber\)\]\/60{border-color:color-mix(in oklab,var(--color-amber)60%,transparent)}}.border-ink{border-color:#17150f}.border-ink\/15{border-color:#17150f26}.border-ink\/20{border-color:#17150f33}.border-ink\/35{border-color:#17150f59}.border-ink\/55{border-color:#17150f8c}.border-red-600\/50{border-color:#e4001480}@supports (color:color-mix(in lab,red,red)){.border-red-600\/50{border-color:color-mix(in oklab,var(--color-red-600)50%,transparent)}}.bg-\[\#0f7a45\]{background-color:#0f7a45}.bg-\[\#5b2cf5\]{background-color:#5b2cf5}.bg-\[\#8a8578\]{background-color:#8a8578}.bg-\[var\(--color-accent\)\]\/10{background-color:#5b2cf51a}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-accent\)\]\/10{background-color:color-mix(in oklab,var(--color-accent)10%,transparent)}}.bg-\[var\(--color-accent-soft\)\]{background-color:var(--color-accent-soft)}.bg-\[var\(--color-amber\)\]\/15{background-color:#b4610a26}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-amber\)\]\/15{background-color:color-mix(in oklab,var(--color-amber)15%,transparent)}}.bg-ink{background-color:#17150f}.bg-ink\/10{background-color:#17150f1a}.bg-ink\/\[0\.03\]{background-color:#17150f08}.bg-ink\/\[0\.04\]{background-color:#17150f0a}.bg-paper{background-color:#fff}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-transparent{background-color:#0000}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:DM Mono,ui-monospace,monospace}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-amber\)\]{color:var(--color-amber)}.text-\[var\(--color-amber\,\#b4610a\)\]{color:var(--color-amber,#b4610a)}.text-ink{color:#17150f}.text-ink\/45{color:#17150f73}.text-ink\/55{color:#17150f8c}.text-ink\/70{color:#17150fb3}.text-ink\/80{color:#17150fcc}.text-paper{color:#fff}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:border-\[var\(--tool-accent\,_var\(--color-accent\)\)\]\/60:hover{border-color:var(--tool-accent,#5b2cf5)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[var\(--tool-accent\,_var\(--color-accent\)\)\]\/60:hover{border-color:color-mix(in oklab,var(--tool-accent,var(--color-accent))60%,transparent)}}.hover\:border-ink\/35:hover{border-color:#17150f59}.hover\:border-ink\/55:hover{border-color:#17150f8c}.hover\:border-red-600\/50:hover{border-color:#e4001480}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-600\/50:hover{border-color:color-mix(in oklab,var(--color-red-600)50%,transparent)}}.hover\:bg-ink:hover{background-color:#17150f}.hover\:bg-ink\/10:hover{background-color:#17150f1a}.hover\:bg-ink\/\[0\.04\]:hover{background-color:#17150f0a}.hover\:bg-ink\/\[0\.07\]:hover{background-color:#17150f12}.hover\:bg-ink\/\[0\.09\]:hover{background-color:#17150f17}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.hover\:text-ink:hover{color:#17150f}.hover\:text-ink\/70:hover{color:#17150fb3}.hover\:text-paper:hover{color:#fff}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}:root{color-scheme:light;--bg:#fff;--bg-elevated:#f6f4ef;--surface:#faf9f6;--border:#17150f29;--border-strong:#17150f;--text:#17150f;--muted:#17150f9e;--color-accent:#5b2cf5;--color-accent-strong:#4620c9;--color-accent-soft:#5b2cf51a;--color-amber:#b4610a;--color-ink:#17150f;--color-paper:#fff}html,body,#root{height:100%}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);background-color:var(--bg);margin:0;overflow-x:hidden}::-moz-selection{background:var(--color-ink);color:var(--color-paper)}::selection{background:var(--color-ink);color:var(--color-paper)}.display,.tool-shell h1{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:400;line-height:.95}.app-bg{background-color:var(--bg);flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-bg:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#17150f0b 1px,#0000 1px),linear-gradient(90deg,#17150f0b 1px,#0000 1px);background-size:88px 88px;position:fixed;inset:0}.app-bg>*{z-index:1;position:relative}*{scrollbar-width:thin;scrollbar-color:#17150f40 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#17150f38}.site-nav{z-index:99;background:var(--color-paper);border-bottom:2px solid var(--color-ink);position:sticky;top:0}.site-nav__bar{justify-content:center;align-items:center;width:100%;max-width:80rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.site-nav__brand{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--color-ink);font-size:3.2rem;line-height:1;text-decoration:none}.app-main--home,.app-main--home>*{flex-direction:column;flex:auto;min-height:0;display:flex}.home{background:var(--color-paper);flex-direction:column;flex:auto;min-height:0;display:flex}.track-list{flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex}.track-row{border-bottom:2px solid var(--color-ink);flex:1 1 0;min-height:56px;transition:background-color .18s;display:flex}.track-row:last-child{border-bottom:0}.track-link{width:100%;max-width:80rem;color:var(--color-ink);align-items:center;gap:1.25rem;margin:0 auto;padding:.75rem 1.25rem;text-decoration:none;display:flex}.track-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:-5px}.track-index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.55;font-size:.8rem}.track-tag{border:2px solid var(--color-ink);text-align:center;width:6rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;flex:none;padding:.2rem .35rem;font-size:10px}.track-body{flex:auto;min-width:0}.track-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.25rem,3.4vw,1.9rem);font-weight:400;line-height:1;display:block}.track-desc{opacity:.66;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.8rem;line-height:1.3;display:block;overflow:hidden}.track-open{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;opacity:0;font-size:.75rem;transition:opacity .18s}.track-row:hover .track-open,.track-link:focus-visible .track-open{opacity:1}@media(max-width:39.99rem){.track-tag,.track-open{display:none}.track-link{gap:.85rem}}.tool-shell{color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);box-shadow:6px 6px 0 var(--color-ink);position:relative}.tool-shell h1{font-size:clamp(1.9rem,5vw,2.9rem)}.tool-section{background:var(--color-paper-2);border:1px solid #17150f33;transition:border-color .18s}.tool-section:hover{border-color:var(--tool-accent,#17150f73)}.tool-label{font-family:var(--font-mono);--tw-font-weight:var(--font-weight-medium);font-size:10px;font-weight:var(--font-weight-medium);--tw-tracking:.18em;letter-spacing:.18em;text-transform:uppercase;color:#17150f8c;display:block}.tool-muted{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:#17150fad}.btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid var(--color-ink);transition-duration:.15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--tool-accent,var(--color-accent));outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:var(--color-ink);color:var(--color-paper);box-shadow:3px 3px #17150f40}.btn-primary:not(:disabled):hover{background:var(--tool-accent,var(--color-accent));border-color:var(--color-ink);color:var(--color-ink);transform:translate(-1px,-1px);box-shadow:3px 3px #17150f59}.btn-primary:not(:disabled):active{transform:translate(1px,1px);box-shadow:0 0 #17150f40}.btn-ghost{background:var(--color-paper);color:var(--color-ink)}.btn-ghost:not(:disabled):hover{background:var(--tool-accent,var(--color-ink));color:var(--color-ink);border-color:var(--color-ink)}.field{width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;background:var(--color-paper);color:var(--color-ink);border:1px solid #17150f59;outline-style:none;transition-duration:.15s}.field:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--tool-accent,var(--color-accent-soft))}select.field option{background:var(--color-paper);color:var(--color-ink)}input[type=range]{accent-color:var(--color-ink);cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--color-ink)}.file-drop{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*10);text-align:center;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border:2px dashed var(--color-ink);flex-direction:column;transition-duration:.2s;display:flex;position:relative;overflow:hidden}.file-drop--idle{background:var(--color-paper-2)}.file-drop--idle:hover{background:var(--tool-accent,var(--color-lilac))}.file-drop--over{background:var(--tool-accent,var(--color-lilac));border-style:solid}.file-drop__ring{display:none}.file-drop__icon{z-index:1;height:calc(var(--spacing)*12);width:calc(var(--spacing)*12);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border:2px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);place-items:center;transition-duration:.2s;display:grid;position:relative}.file-drop--idle:hover .file-drop__icon,.file-drop--over .file-drop__icon{transform:translateY(-2px)}.progress__track{height:calc(var(--spacing)*3);border:2px solid var(--color-ink);background:var(--color-paper);width:100%;overflow:hidden}.progress__fill{background:repeating-linear-gradient(45deg,var(--color-ink)0 6px,#17150fb8 6px 12px);height:100%;transition:width .25s}.toast{align-items:flex-start;gap:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));background:var(--color-paper);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-ink);display:flex}.toast--success .toast__icon{color:#0f7a45}.toast--error{background:#ffe6e1}.toast--error .toast__icon{color:#c62b12}.toast--info .toast__icon{color:var(--color-accent)}.kbd{font-family:var(--font-mono);height:calc(var(--spacing)*5);min-width:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*1);background:var(--color-paper);color:#17150fb3;border:1px solid #17150f66;justify-content:center;align-items:center;font-size:10px;display:inline-flex}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}