:root{--background: black;--foreground: black;--border: black;--highlight1: black}html,body{background-color:var(--background);color:var(--foreground);overflow:hidden}#controls.svelte-xqihde{position:absolute;top:0;bottom:0;right:0;width:161px;z-index:12;border-bottom:0px solid var(--border);border-top:0px solid var(--border);transition:top 2s cubic-bezier(.25,.1,.25,1) 0s,bottom 2s cubic-bezier(.25,.1,.25,1) 0s,border-bottom 0s ease-in 2s,border-top 0s ease-in 2s}#controls.youtube.svelte-xqihde{top:70px;bottom:60px;border-bottom:var(--border-width) solid var(--border);border-top:var(--border-width) solid var(--border);transition:top 2s cubic-bezier(.25,.1,.25,1) .7s,bottom 2s cubic-bezier(.25,.1,.25,1) .7s,border-bottom 0s ease-in .7s,border-bottom 0s ease-in .7s,width .5s cubic-bezier(0,.55,.45,1) 0s}#controls.minimized.svelte-xqihde{width:46px;border-bottom:0px}#controls.minimized.youtube.svelte-xqihde{transition:width .1s cubic-bezier(0,.55,.45,1) 0s}.fullscreen_container.svelte-xqihde{position:absolute;text-decoration:none;z-index:19999;color:var(--foreground);cursor:pointer;font-size:18px;font-weight:400;line-height:40px;height:52px;opacity:1;border-left:var(--border-width) solid var(--border);letter-spacing:2px;text-align:right;text-shadow:1px 1px 1px var(--background);border-bottom:var(--border-width) solid var(--transBorder);transition:width .5s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;width:161px;padding-top:8px;padding-bottom:3px;right:0;background-color:var(--transBackground);-webkit-user-select:none;user-select:none}.fullscreen_container.minimized.svelte-xqihde{width:46px;transition:width .1s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;border-bottom:var(--border-width) solid var(--transBorder)}.ninja_container.svelte-xqihde{position:absolute;top:52px;right:0;width:161px;padding-top:3px;padding-bottom:3px;background-color:var(--transBackground);color:var(--foreground);font-size:18px;font-weight:400;line-height:40px;letter-spacing:2px;height:54px;opacity:1;text-align:right;transition:width .5s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;-webkit-user-select:none;border-left:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border);text-decoration:none;cursor:pointer;user-select:none}.ninja_container.svelte-xqihde .hotkey:where(.svelte-xqihde):after{bottom:-2x}.ninja_container.svelte-xqihde:hover .hotkey:where(.svelte-xqihde):after{bottom:-1px;-o-transition:1.4s;-ms-transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;transition:1.4s;background:var(--highlight1);height:1px}.ninja_container.svelte-xqihde:hover{background-color:var(--transBackgroundHover)}.ninja_container.minimized.svelte-xqihde{width:46px;transition:width .1s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;border-bottom:var(--border-width) solid var(--border)}.settings_container.svelte-xqihde{position:absolute;text-decoration:none;z-index:19999;color:var(--foreground);cursor:pointer;font-size:18px;font-weight:400;line-height:40px;height:52px;opacity:1;border-right:var(--border-width) solid var(--border);letter-spacing:2px;text-align:left;text-shadow:1px 1px 1px var(--background);border-bottom:var(--border-width) solid var(--transBorder);transition:width .5s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;width:161px;padding-top:8px;padding-bottom:3px;left:-161px;background-color:var(--transBackground);-webkit-user-select:none;user-select:none}.settings_container.minimized.svelte-xqihde{width:46px;left:-46px;transition:width .1s cubic-bezier(0,.55,.45,1) 0s,border-top 0s ease-in 12s;border-bottom:var(--border-width) solid var(--transBorder)}.settings_container.svelte-xqihde:hover{background-color:var(--transBackgroundHover)}.settings_container.svelte-xqihde svg:where(.svelte-xqihde){position:absolute;top:2px;left:2px;padding:5px;width:40px;height:40px}.settings_text.svelte-xqihde{position:absolute;top:5px;padding-top:0;left:0;margin-left:43px;margin-bottom:5px;width:110px}.settings_container.svelte-xqihde .hotkey:where(.svelte-xqihde):after{bottom:-2px}.settings_container.svelte-xqihde:hover .hotkey:where(.svelte-xqihde):after{bottom:-1px;-o-transition:1.4s;-ms-transition:1.4s;-moz-transition:1.4s;-webkit-transition:1.4s;transition:1.4s;background:var(--highlight1);height:1px}.circle.svelte-xqihde{stroke:var(--foreground);stroke-width:4}line.svelte-xqihde{stroke:var(--foreground)}nav.svelte-xqihde{letter-spacing:2px;font-size:14px;position:absolute;top:106px;right:0;width:160px;bottom:0;z-index:99;border-left:var(--border-width) solid var(--border);color:var(--foreground);border-bottom:0px solid var(--border);transition:border-bottom 0s ease-in 2s;background-color:var(--transBackground)}nav.youtube.svelte-xqihde{border-bottom:var(--border-width) solid var(--border);transition:border-bottom 0s ease-in .7s}#scrollArea.svelte-xqihde::-webkit-scrollbar{width:6px}#scrollArea.svelte-xqihde{scrollbar-width:thin;position:absolute;top:0;bottom:0;width:100%;overflow-y:auto;overflow-x:hidden}#scrollArea.svelte-xqihde::-webkit-scrollbar-thumb{background-color:var(--highlight1);border-radius:0;border:6px solid var(--highlight1)}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde){margin:0;padding:0;list-style:none}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde):after{content:"";display:block;clear:both}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde) li:where(.svelte-xqihde){display:flex;line-height:15px}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde) li:where(.svelte-xqihde)>a:where(.svelte-xqihde){text-decoration:none;flex:1;height:24px;color:var(--foreground);padding:9px 2px 0 8px}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde) li:where(.svelte-xqihde):hover{background-color:var(--transBackgroundHover)}#scrollArea.svelte-xqihde>ul:where(.svelte-xqihde) li:where(.svelte-xqihde) a:where(.svelte-xqihde):focus{outline:none;background-color:var(--transBackgroundHover);box-shadow:0 0 2px 2px var(--highlight1)}#scrollArea.svelte-xqihde ul:where(.svelte-xqihde) li:where(.svelte-xqihde) a:where(.svelte-xqihde){position:relative;display:inline-block;white-space:nowrap}#scrollArea ul li a.scroll{display:block}#scrollArea ul li a.scroll:hover{display:block;animation:svelte-xqihde-scrollText 5s ease-in-out 1 .2s}@keyframes svelte-xqihde-scrollText{0%{transform:translate(0)}50%{transform:translate(calc(-5px - var(--scroll-width)))}to{transform:translate(0)}}.mask.svelte-xqihde{stroke:var(--foreground);fill:var(--foreground)}::-webkit-scrollbar-thumb{background-color:var(--highlight1);border-radius:0;border:6px solid var(--highlight1)}[aria-current]{position:relative;display:inline-block}.fullscreen_text.svelte-xqihde{position:absolute;top:5px;padding-top:0;right:0;margin-right:43px;margin-bottom:5px;width:110px}.fullscreen_container.svelte-xqihde:hover{background-color:var(--transBackgroundHover)}.fullscreen_container.svelte-xqihde svg:where(.svelte-xqihde),.ninja_container.svelte-xqihde svg:where(.svelte-xqihde){position:absolute;top:5px;right:2px;padding:5px;width:30px;height:30px}svg.svelte-xqihde rect:where(.svelte-xqihde){-moz-transition:transform 2s cubic-bezier(.22,1,.36,1);-o-transition:transform 2s cubic-bezier(.22,1,.36,1);-webkit-transition:transform 2s cubic-bezier(.22,1,.36,1);transition:transform 2s cubic-bezier(.22,1,.36,1);transition-delay:.65s}svg.activeFullscreen.svelte-xqihde .fsdown:where(.svelte-xqihde){transform:translateY(12px)}svg.activeFullscreen.svelte-xqihde .fsup:where(.svelte-xqihde){transform:translateY(-12px)}svg.activeFullscreen.svelte-xqihde .fsright:where(.svelte-xqihde){transform:translate(12px)}svg.activeFullscreen.svelte-xqihde .fsleft:where(.svelte-xqihde){transform:translate(-12px)}.fsdown.svelte-xqihde,.fsup.svelte-xqihde,.fsright.svelte-xqihde,.fsleft.svelte-xqihde{fill:var(--foreground)}.backg.svelte-xqihde{fill:none}svg.svelte-xqihde{padding:5px}.settings_container.svelte-xqihde svg:where(.svelte-xqihde){padding:1px 7px}.ninja_container.svelte-xqihde svg:where(.svelte-xqihde){top:6px}.ninja_text.svelte-xqihde{position:absolute;top:2px;padding-top:0;right:0;margin-right:43px;margin-bottom:5px;width:130px}.hotkey.svelte-xqihde{color:var(--highlight1);position:relative}.hotkey.svelte-xqihde:after{position:absolute;content:"";height:0px;margin:0 auto;left:-3px;right:0;width:8px;bottom:0;background:var(--highlight1)}.border-toggle.svelte-xqihde{width:100%;text-align:left;padding:9px 2px 0 8px;height:24px;color:var(--foreground);background:none;border:none;cursor:pointer;font-size:14px;letter-spacing:2px}.border-toggle.svelte-xqihde:hover{background-color:var(--transBackgroundHover)}:root{--font-body: Helvetica Neue, Helvetica, Arial, sans-serif;--font-mono: "Fira Mono", monospace;--color-bg-0: rgb(202, 216, 228);--color-bg-1: hsl(209, 36%, 86%);--color-bg-2: hsl(224, 44%, 95%);--color-theme-1: #ff3e00;--color-theme-2: #4075a6;--color-text: rgba(0, 0, 0, .7);--column-width: 42rem;--column-margin-top: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-width: 2px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;font-family:var(--font-body);color:var(--color-text)}body{margin:0;padding:0;width:100%;height:100%;background-color:var(--background)}button{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;webkit-box-flex:1}input[type=text]{background-color:var(--transBackground);color:var(--foreground);border:var(--border-width) inset var(--transBorder);padding:8px;margin:10px 4px 10px 0}input:focus,textarea:focus{border-bottom-color:var(--highlight1);outline:none}input[type=text]::placeholder{color:var(--foreground);opacity:.3}h1,h2,p{font-weight:400}p{line-height:1.5}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--color-text)}.text-column{display:flex;max-width:48rem;flex:.6;flex-direction:column;justify-content:center;margin:0 auto}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}@media (min-width: 720px){h1{font-size:2.4rem}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}a:link,a:visited,a:hover,a:active{color:var(--foreground)}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-xs{gap:var(--space-xs)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.min-h-screen{min-height:100vh}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.btn{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);background:var(--transBackground);color:var(--foreground);cursor:pointer;transition:all .2s ease;font-size:var(--text-base);font-family:inherit;outline:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;min-width:4rem}.btn:hover{background:var(--transBackgroundHover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus{box-shadow:0 0 0 2px var(--highlight1),0 0 8px #ffffff0d}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-width:3rem}.btn-lg{padding:var(--space-lg) var(--space-xl);font-size:var(--text-lg);min-width:6rem}.btn-primary{background:var(--transBackground);color:var(--highlight1);border:2px solid var(--highlight1)!important;font-weight:500}.btn-primary:hover{background:var(--transBackgroundHover);color:var(--highlight1);border:2px solid var(--highlight1)!important;text-shadow:0 0 12px var(--highlight1);filter:brightness(1.1)}.btn-primary:focus{box-shadow:0 0 0 2px var(--highlight1)}.btn-secondary{background:var(--transBackground);color:var(--foreground);border:var(--border-width) solid var(--border);font-weight:400}.btn-secondary:hover{background:var(--transBackgroundHover);color:var(--highlight1);border:var(--border-width) solid var(--border)}.btn-secondary:focus{box-shadow:0 0 0 2px var(--highlight1)}.btn-ghost{background:transparent;border:var(--border-width) solid transparent;color:var(--foreground);position:relative;font-weight:400;transition:all .3s ease}.btn-ghost:hover{background:var(--transBackgroundHover);color:var(--highlight1);border-color:var(--highlight1);box-shadow:0 3px 6px #00000059;text-shadow:0 0 6px var(--highlight1);filter:brightness(1.1)}.btn-ghost:focus{box-shadow:0 0 0 1px var(--highlight1),0 0 8px #ffffff1a}.input{padding:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);background:var(--transBackground);color:var(--foreground);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color .2s ease;width:100%}.input:focus{border-color:var(--highlight1);box-shadow:0 0 0 2px #ffffff1a}.input::placeholder{color:var(--foreground);opacity:.6}.input-sm{padding:var(--space-sm);font-size:var(--text-sm)}.input-lg{padding:var(--space-lg);font-size:var(--text-lg)}.card{border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:var(--space-lg);background:var(--transBackground)}.card-sm{padding:var(--space-md)}.card-lg{padding:var(--space-xl);border-radius:var(--border-radius-lg)}.time-display{font-size:var(--text-6xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px;text-align:center;color:var(--foreground)}.controls{display:flex;gap:var(--space-md);align-items:center;justify-content:center}@media (max-width: 768px){.time-display{font-size:var(--text-4xl)}.controls{flex-wrap:wrap}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.container{padding:var(--space-md)}.hidden-mobile{display:none}}.ds-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.ds-modal-container{background:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.ds-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:var(--border-width) solid var(--border)}.ds-modal-header h3{margin:0;color:var(--foreground);font-size:var(--text-xl);font-weight:500}.ds-modal-body{padding:var(--space-xl)}.ds-modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg);border-top:var(--border-width) solid var(--border)}.ds-modal-close{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--foreground);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.ds-modal-close:hover{background:var(--transBackgroundHover)}.ds-tab-nav{display:flex;gap:0;border-radius:var(--border-radius-sm);overflow:visible;flex-shrink:0;position:relative}.ds-tab-nav:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--border);z-index:1}.ds-tab{flex:0 0 auto;padding:var(--space-md) var(--space-lg);background:var(--background);border:2px solid var(--border);border-bottom:2px solid var(--border);cursor:pointer;font-size:var(--text-base);font-weight:400;transition:all .2s ease;text-align:center;line-height:1.2;color:var(--foreground);position:relative;z-index:1;margin-left:-2px;white-space:nowrap}.ds-tab:first-child{margin-left:0;border-top-left-radius:var(--border-radius-sm)}.ds-tab:last-child{border-top-right-radius:var(--border-radius-sm)}.ds-tab:hover{border-top-color:var(--highlight1);border-left-color:var(--highlight1);border-right-color:var(--highlight1);z-index:3}.ds-tab.active{color:var(--highlight1);border-color:var(--highlight1);border-bottom:none;z-index:2;padding-top:calc(var(--space-md) + 2px);margin-top:-2px}.ds-tab.active:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:2px;background:var(--background);z-index:1}.ds-tab-content{flex:1;display:flex;flex-direction:column;min-height:0}.ds-tab-compact{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.ds-form-group{margin-bottom:var(--space-lg)}.ds-form-label{display:block;margin-bottom:var(--space-sm);color:var(--foreground);font-weight:500;font-size:var(--text-sm)}.ds-form-label[for]{cursor:pointer}.ds-form-input{padding:var(--space-md);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-weight:400;transition:all .2s ease;width:100%;box-sizing:border-box}.ds-form-input:focus{outline:none;border-color:var(--highlight1);box-shadow:0 0 8px #ffffff1a}.ds-form-input:hover{border-color:var(--highlight1)}.ds-form-input.error{border-color:#f44}.ds-error-message{margin-top:var(--space-sm);color:#f44;font-size:var(--text-sm)}.ds-input-hex{padding:var(--space-md);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-mono);font-weight:400;transition:all .2s ease;width:100%}.ds-input-hex:focus{outline:none;border-color:var(--highlight1);box-shadow:0 0 8px #ffffff1a}.ds-input-hex:hover{border-color:var(--highlight1)}.ds-btn{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);background:var(--background);color:var(--foreground);cursor:pointer;font-size:var(--text-base);font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;box-sizing:border-box}.ds-btn:hover{background:var(--transBackgroundHover);border-color:var(--highlight1)}.ds-btn-primary{background:var(--transBackground);color:var(--highlight1);border:2px solid var(--highlight1)}.ds-btn-primary:hover{background:var(--transBackgroundHover);text-shadow:0 0 12px var(--highlight1)}.ds-btn-secondary{background:var(--background);color:var(--foreground);border:var(--border-width) solid var(--border)}.ds-btn-secondary:hover{background:var(--transBackgroundHover);border-color:var(--highlight1)}.ds-btn-danger{color:#f44;border-color:#f44}.ds-btn-danger:hover{background:#ff44441a}.ds-btn-ghost{background:transparent;border:var(--border-width) solid transparent}.ds-btn-ghost:hover{background:var(--transBackgroundHover);border-color:var(--border)}.ds-btn-compact{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:2rem}.ds-slider-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.ds-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--foreground);font-weight:400}.ds-slider-value{color:var(--highlight1);font-weight:500;font-family:var(--font-mono)}.ds-slider{width:100%;height:20px;border-radius:10px;border:var(--border-width) solid var(--border);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ds-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--highlight1);cursor:pointer;box-shadow:0 1px 3px #0003;transition:all .2s ease}.ds-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 6px var(--highlight1)}.ds-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--highlight1);cursor:pointer;box-shadow:0 1px 3px #0003;transition:all .2s ease;border:none}.ds-slider::-moz-range-track{height:20px;border-radius:10px;border:var(--border-width) solid var(--border);background:transparent}.ds-action-buttons{display:flex;gap:var(--space-md);justify-content:flex-end;align-items:center;flex-wrap:wrap}.ds-action-icon{width:32px;height:32px;padding:var(--space-xs);border:none;background:#ffffff1a;cursor:pointer;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ds-action-icon svg{width:14px;height:14px}.ds-action-icon:hover{opacity:1;transform:scale(1.1);background:#fff3}.ds-two-panel{flex:1;display:flex;gap:var(--space-lg);min-height:0}.ds-panel-left{flex:0 0 160px;background:var(--transBackground);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;align-self:flex-start;height:fit-content}.ds-panel-right{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);min-height:0}.ds-control-panel{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:0;padding:var(--space-lg) 0 0 var(--space-lg);gap:var(--space-lg)}.ds-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:2px;padding:var(--space-sm);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-sm);background:#0000001a;max-width:280px}.ds-color-grid-item{width:20px;height:20px;border:none;cursor:pointer;transition:all .2s ease;border-radius:2px}.ds-color-grid-item:hover{transform:scale(1.2);box-shadow:0 1px 4px #0000004d;z-index:1}.ds-color-options-vertical{display:flex;flex-direction:column;gap:var(--space-sm)}.ds-color-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;font-size:var(--text-sm)}.ds-color-option:hover,.ds-color-option.selected{background:var(--transBackgroundHover)}.ds-color-swatch{width:24px;height:24px;border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--border);flex-shrink:0}.ds-badge{background:var(--highlight1);color:var(--background);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.min-h-0{min-height:0}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.p-sm{padding:var(--space-sm)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--foreground)}.empty-state p{margin:0 0 1rem;font-size:.9rem;opacity:.8}.palettes-grid{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-3xl);background:#000;border:none;border-radius:6px;width:fit-content}.palette-item{border:none;border-radius:0;background:transparent;overflow:visible;transition:all .2s ease;padding:0;width:fit-content}.palette-item:hover{transform:scale(1.02)}.palette-preview-container{width:fit-content;min-width:280px;height:60px;display:flex;align-items:center;border-radius:8px;padding:6px;box-sizing:border-box;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.palette-preview-main{flex:1;height:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:6px;font-size:1rem;font-weight:600;gap:1rem;cursor:pointer;background:none;transition:all .2s ease;box-sizing:border-box;border-width:2px}.preview-title{flex-grow:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-highlight{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.palette-preview-container:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.palette-preview-container:hover .preview-highlight{transform:scale(1.3)}.current-preview{margin-bottom:1rem}.color-strip{height:50px;border-radius:6px;overflow:hidden;border:var(--border-width) solid var(--border);display:flex}.color-block{flex:1;height:100%}.ds-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ds-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 479px){.ds-two-panel{flex-direction:column;gap:var(--space-sm)}.ds-panel-left{flex:0 0 auto;max-height:180px}.ds-modal-overlay{padding:var(--space-md)}.ds-modal-container{max-width:95%}}@media (min-width: 480px){.ds-color-grid{grid-template-columns:repeat(auto-fill,minmax(24px,1fr));max-width:350px}.ds-color-grid-item{width:24px;height:24px}.ds-panel-left{flex:0 0 180px}}@media (min-width: 768px){.ds-color-grid{max-width:450px}}main.svelte-14xxf3o{color:var(--foreground);background:var(--background);font-family:Verdana,sans-serif;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;overflow:none}.content-wrapper.svelte-14xxf3o{height:100%}.content-wrapper.animate.svelte-14xxf3o{transition:width 1.2s cubic-bezier(.25,.1,.25,1) .2s,margin-left 1.2s cubic-bezier(.25,.1,.25,1) .2s,margin-right 1.2s cubic-bezier(.25,.1,.25,1) .2s}