*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 10 23 28'%3E%3Cpath d='M18.3 36.4q-.75.5-1.525.05Q16 36 16 35.1V12.6q0-.9.775-1.35.775-.45 1.525.05L36 22.6q.7.45.7 1.25T36 25.1Z' /%3E%3C/svg%3E");--icon-stop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10 10 29 28'%3E%3Cpath d='M15.45 37.1q-1.9 0-3.225-1.325Q10.9 34.45 10.9 32.55v-17.1q0-1.95 1.325-3.275t3.225-1.325h17.1q1.95 0 3.275 1.325t1.325 3.275v17.1q0 1.9-1.325 3.225Q34.5 37.1 32.55 37.1Z'/%3E%3C/svg%3E");--icon-double-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='12 09 29 30'%3E%3Cpath d='M28.8 38.75q-1.45 0-2.075-1.225-.625-1.225.175-2.375L35.25 24 26.9 12.8q-.8-1.1-.175-2.325T28.8 9.25q.6 0 1.075.25t.875.75l9.2 12.35q.25.35.3.725.05.375.1.675 0 .3-.075.7-.075.4-.325.65l-9.2 12.35q-.4.55-.875.8t-1.075.25Zm-14.7 0q-1.45 0-2.05-1.225-.6-1.225.15-2.375L20.55 24 12.2 12.8q-.75-1.1-.15-2.325T14.1 9.25q.6 0 1.1.25.5.25.85.75l9.2 12.35q.25.35.325.725.075.375.125.675 0 .3-.1.7-.1.4-.35.65l-9.2 12.35q-.35.55-.85.8t-1.1.25Z'/%3E%3C/svg%3E");--icon-single-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='16 11 15 26'%3E%3Cpath d='M17.2 35.45q-.7-.75-.7-1.675t.7-1.575l8.2-8.25-8.25-8.3q-.7-.6-.675-1.6.025-1 .725-1.65.65-.7 1.575-.675.925.025 1.575.675l9.95 9.95q.3.3.5.725t.2.875q0 .5-.2.9t-.5.7l-9.9 9.9q-.65.65-1.6.625-.95-.025-1.6-.625Z'/%3E%3C/svg%3E")}html,body,#app{height:100%}.item.svelte-wd04tq.svelte-wd04tq{background-color:#fff;display:grid;grid-template-columns:2ch 1fr min-content;align-items:center;padding:1rem;gap:1rem;transition:background-color 90ms,color 90ms}.item.active.svelte-wd04tq.svelte-wd04tq{background-color:#333;color:#fff}.item.active.svelte-wd04tq button.svelte-wd04tq{background-color:#555}.item.active.svelte-wd04tq button.svelte-wd04tq:before{background-color:#fff}button.svelte-wd04tq.svelte-wd04tq{background-color:#eee;aspect-ratio:1/1;height:2em;border-radius:4px;border:none;position:relative;cursor:pointer}.icon.svelte-wd04tq.svelte-wd04tq:before{content:"";mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center center;-webkit-mask-position:center center;background-color:#333;position:absolute;inset:0}.play.svelte-wd04tq.svelte-wd04tq:before{mask-image:var(--icon-play);-webkit-mask-image:var(--icon-play);mask-size:60%;-webkit-mask-size:60%}.stop.svelte-wd04tq.svelte-wd04tq:before{mask-image:var(--icon-stop);-webkit-mask-image:var(--icon-stop);mask-size:60%;-webkit-mask-size:60%}.text-controls.svelte-g11w1k{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.item-name.svelte-g11w1k{font-size:2rem;margin-bottom:1rem;color:#333;font-weight:500}button.svelte-g11w1k{background-color:#fff;height:6em;border-radius:4px;border:.25rem solid #ddd;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}button.svelte-g11w1k:hover{background-color:#f2f2f2}button.svelte-g11w1k:active{background-color:#d9d9d9}button.icon.svelte-g11w1k{aspect-ratio:1/1}button.stretch.svelte-g11w1k{grid-column:1/-1;aspect-ratio:auto}.icon.svelte-g11w1k:after{content:"";mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center center;-webkit-mask-position:center center;background-color:#333;position:absolute;inset:0}.paragraph.svelte-g11w1k:after{mask-image:var(--icon-double-arrow-right);-webkit-mask-image:var(--icon-double-arrow-right);mask-size:50%;-webkit-mask-size:50%}.paragraph.up.svelte-g11w1k:after{transform:rotate(270deg)}.paragraph.down.svelte-g11w1k:after{transform:rotate(90deg)}.line.svelte-g11w1k:after{mask-image:var(--icon-single-arrow-right);-webkit-mask-image:var(--icon-single-arrow-right);mask-size:30%;-webkit-mask-size:30%}.line.up.svelte-g11w1k:after{transform:rotate(270deg)}.line.down.svelte-g11w1k:after{transform:rotate(90deg)}.stop.svelte-g11w1k:after{mask-image:var(--icon-stop);-webkit-mask-image:var(--icon-stop);mask-size:20%;-webkit-mask-size:20%}main.svelte-1gphzy7{display:grid;grid-template-columns:1fr 1fr 1fr;font-family:system-ui,Arial,Helvetica,sans-serif;background-color:#ddd;height:100%;gap:.25rem}.playlist-container.svelte-1gphzy7,.library-container.svelte-1gphzy7{min-height:0;display:flex;flex-direction:column}.playlist-container.svelte-1gphzy7{background-color:#fff}.library-container.svelte-1gphzy7{background-color:#eee}.playlist-header.svelte-1gphzy7,.library-header.svelte-1gphzy7{padding:1rem;border-bottom:.25rem solid #ddd}.playlist-header.svelte-1gphzy7{background-color:#eec}.library-header.svelte-1gphzy7{background-color:#bbe}.playlist-items.svelte-1gphzy7,.library-items.svelte-1gphzy7,.library-items.svelte-1gphzy7{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.library-items.svelte-1gphzy7{padding:1rem;text-align:center;line-height:1.5}.item-controls.svelte-1gphzy7{background-color:#eee;padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}