@layer theme,base;@layer components{.media-card{background:linear-gradient(to bottom right, oklch(from var(--color-gray-800) l c h / .6), oklch(from var(--color-gray-900) l c h / .6));-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:.5rem}.media-play-btn{background:var(--gradient-brand-lr);width:3.5rem;height:3.5rem;transition:transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border:1px solid #fff3;border:1px solid lab(100% 0 0/.2);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 25px 50px -12px #fff6;box-shadow:0 25px 50px -12px lab(100% 0 0/.4)}.media-play-btn:before{content:"";background:var(--color-white);opacity:0;filter:blur(var(--blur-md));transition:opacity var(--duration-slow) ease;border-radius:9999px;position:absolute;inset:0}.group:hover .media-play-btn{outline-offset:0;outline:4px solid #ffffff4d;outline:4px solid lab(100% 0 0/.3);transform:scale(1.15);box-shadow:0 25px 50px -12px #ffffffb3;box-shadow:0 25px 50px -12px lab(100% 0 0/.7)}.group:hover .media-play-btn:before{opacity:.3}.media-play-overlay{transition:opacity var(--duration-slow) ease}.media-play-overlay:hover{background:linear-gradient(to bottom right,#0000004d,#0003);background:linear-gradient(to bottom right,lab(0% 0 0/.3),lab(0% 0 0/.2))}.group:hover .media-play-overlay{opacity:.5}.media-empty-icon{background:var(--gradient-brand-tint);border-radius:9999px}.media-loading-overlay{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));background:linear-gradient(to bottom right,#00000080,#0000004d);background:linear-gradient(to bottom right,lab(0% 0 0/.5),lab(0% 0 0/.3));border-radius:.5rem}.media-loading-shimmer{background:var(--gradient-brand-tint);border-radius:.5rem}.media-loading-bar{background:var(--gradient-brand-lr);transition:width var(--duration-slow) ease-out;border-radius:9999px}.media-loading-info{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));background:#000000b3;background:lab(0% 0 0/.7);border-radius:.5rem}.media-failed-overlay{background:oklch(from var(--color-danger-900) l c h / .5);border-radius:.5rem}.media-placeholder{background:linear-gradient(to bottom right, oklch(from var(--color-gray-800) l c h / .8), oklch(from var(--color-gray-900) l c h / .8));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-700) l c h / .5);border-radius:.5rem}.media-blur-overlay{background:#0009;background:lab(0% 0 0/.6);border-radius:.5rem}.media-conversation-link{color:var(--color-brand-secondary-400);transition:color var(--duration-base) ease}.media-conversation-link:hover{color:var(--color-brand-secondary-400)}.media-copy-btn{transition:color var(--duration-base) ease}.media-copy-btn.is-copied{color:var(--color-success-400)}.media-copy-btn:not(.is-copied){color:var(--color-gray-400)}.media-copy-btn:not(.is-copied):hover{color:var(--color-gray-300)}.media-recreate-btn{color:var(--color-gray-500);opacity:.6;transition:color var(--duration-base) ease, opacity var(--duration-base) ease}.media-recreate-btn:hover{color:var(--color-brand-primary-400);opacity:1}.media-footer-divider{border-top:1px solid oklch(from var(--color-gray-700) l c h / .5)}.media-overlay-status{pointer-events:none}.media-overlay-status.is-approved{background:oklch(from var(--color-success-500) l c h / .3);border:2px solid oklch(from var(--color-success-500) l c h / .5)}.media-overlay-status.is-disapproved{background:oklch(from var(--color-danger-500) l c h / .3);border:2px solid oklch(from var(--color-danger-500) l c h / .5)}.media-overlay-status.is-deleted{background:#000000b3;background:lab(0% 0 0/.7);border:2px solid #000c;border:2px solid lab(0% 0 0/.8)}.media-overlay-backdrop{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--duration-slow) ease;background:linear-gradient(to bottom right,#0006,#0000004d);background:linear-gradient(to bottom right,lab(0% 0 0/.4),lab(0% 0 0/.3))}.media-mod-root .media-overlay-backdrop{opacity:0}:hover>.media-mod-root .media-overlay-backdrop{opacity:1}:hover>.media-mod-root .media-overlay-btn{pointer-events:auto}.media-overlay-btn{color:var(--color-white);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:transform var(--duration-base) ease, box-shadow var(--duration-base) ease, background-image var(--duration-base) ease;border-radius:.5rem}.media-overlay-btn:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px #0000001a;transform:scale(1.05)}@supports (color:lab(0% 0 0)){.media-overlay-btn:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px lab(0% 0 0/.1)}}.media-overlay-btn:disabled{opacity:.5}.media-overlay-btn.is-approve{background-image:linear-gradient(to right, var(--color-success-500), var(--color-success-600));border:1px solid oklch(from var(--color-success-400) l c h / .3)}.media-overlay-btn.is-approve:hover{background-image:linear-gradient(to right, var(--color-success-600), var(--color-success-700))}.media-overlay-btn.is-disapprove{background-image:linear-gradient(to right, var(--color-warning-500), var(--color-warning-600));border:1px solid oklch(from var(--color-warning-400) l c h / .3)}.media-overlay-btn.is-disapprove:hover{background-image:linear-gradient(to right, var(--color-warning-600), var(--color-warning-700))}.media-overlay-btn.is-delete{background-image:linear-gradient(to right, var(--color-danger-500), var(--color-danger-600));border:1px solid oklch(from var(--color-danger-400) l c h / .3)}.media-overlay-btn.is-delete:hover{background-image:linear-gradient(to right, var(--color-danger-600), var(--color-danger-700))}.media-overlay-btn.is-reason{background-image:linear-gradient(to right, var(--color-warning-600), var(--color-warning-700));border:1px solid oklch(from var(--color-warning-400) l c h / .3)}.media-overlay-btn.is-reason:hover{background-image:linear-gradient(to right, var(--color-warning-700), var(--color-warning-800))}.media-overlay-btn.is-cancel{background-color:oklch(from var(--color-gray-700) l c h / .9);border:1px solid oklch(from var(--color-gray-500) l c h / .3)}.media-overlay-btn.is-cancel:hover{background-color:oklch(from var(--color-gray-600) l c h / .9)}.media-overlay-btn.is-restore,.media-overlay-btn.is-builder{background-image:var(--gradient-brand-lr);border:1px solid oklch(from var(--color-brand-primary-400) l c h / .3)}:is(.media-overlay-btn.is-restore,.media-overlay-btn.is-builder):hover{background-image:var(--gradient-brand-hover-lr)}.media-overlay-btn.is-recreate{background-image:linear-gradient(to right, var(--color-gray-600), var(--color-gray-700));border:1px solid oklch(from var(--color-gray-400) l c h / .3)}.media-overlay-btn.is-recreate:hover{background-image:linear-gradient(to right, var(--color-brand-primary-500), var(--color-brand-primary-600))}.bot-card{background:var(--gradient-glass-card);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid oklch(from var(--color-gray-600) l c h / .5);transition:transform var(--duration-slower) ease, box-shadow var(--duration-slower) ease;box-shadow:0 25px 50px -12px #0000004d;box-shadow:0 25px 50px -12px lab(0% 0 0/.3)}.bot-card:hover{box-shadow:0 25px 50px -12px oklch(from var(--color-brand-primary) l c h / .2);transform:scale(1.02)}.bot-card-gradient-border{background:var(--gradient-brand-frame);opacity:0;transition:opacity var(--duration-slower) ease}.group:hover .bot-card-gradient-border{opacity:1}.bot-card-gradient-border-inner{background:var(--gradient-glass-card)}.bot-card-skeleton{background:var(--gradient-skeleton)}.bot-card-image-shadow{background:linear-gradient(#0000,#0000,#0006);background:linear-gradient(#0000,#0000,lab(0% 0 0/.4))}.bot-card-name{color:var(--color-white);transition:color var(--duration-base) ease;font-weight:600}.group:hover .bot-card-name{color:var(--color-brand-primary-300)}.bot-card-view-link{color:var(--color-brand-primary-400);transition:color var(--duration-base) ease}.group:hover .bot-card-view-link{color:var(--color-brand-primary-300)}.bot-card-view-arrow{transition:transform var(--duration-base) ease}.group:hover .bot-card-view-arrow{transform:translate(.25rem)}.bot-card-avatar{border:2px solid oklch(from var(--color-brand-primary) l c h / .5)}.bot-card-footer{border-top:1px solid oklch(from var(--color-gray-700) l c h / .5)}.bot-media-card,.genphoto-card{background:var(--gradient-glass-card);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid oklch(from var(--color-gray-600) l c h / .5);box-shadow:0 25px 50px -12px #0000004d;box-shadow:0 25px 50px -12px lab(0% 0 0/.3)}.bot-media-gradient-frame,.genphoto-gradient-frame{background:var(--gradient-brand-frame)}.bot-media-gradient-frame-inner,.genphoto-gradient-frame-inner{background:var(--gradient-glass-card)}.bot-media-back-link{color:var(--color-brand-primary-400);transition:color var(--duration-base) ease}.bot-media-back-link:hover{color:var(--color-brand-primary-300)}.bot-media-back-arrow{transition:transform var(--duration-base) ease}.group:hover .bot-media-back-arrow{transform:translate(-.25rem)}.bot-media-avatar{border:2px solid oklch(from var(--color-brand-primary) l c h / .5)}.genphoto-brand-overlay{background:linear-gradient(to right, oklch(from var(--color-brand-primary) l c h / .1), oklch(from var(--color-brand-secondary) l c h / .1), oklch(from var(--color-brand-primary) l c h / .1))}.hero-blob{background:var(--gradient-brand-lr);filter:blur(var(--blur-lg));opacity:.5}.hero-icon-container{background:var(--gradient-skeleton)}.media-icon-container{background:var(--gradient-brand-tint);border:1px solid oklch(from var(--color-brand-primary) l c h / .3)}.media-page-arrow{background:var(--gradient-skeleton);border:1px solid oklch(from var(--color-gray-600) l c h / .5);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));box-shadow:var(--shadow-sm), 0 4px 6px -4px #0000001a;transition:border-color var(--duration-slow) ease, transform var(--duration-slow) ease}@supports (color:lab(0% 0 0)){.media-page-arrow{box-shadow:var(--shadow-sm), 0 4px 6px -4px lab(0% 0 0/.1)}}.media-page-arrow:hover:not(:disabled){border-color:oklch(from var(--color-brand-primary) l c h / .5);transform:scale(1.05)}.media-page-arrow:disabled{opacity:.5;cursor:not-allowed}.media-page-number{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));box-shadow:var(--shadow-sm), 0 4px 6px -4px #0000001a;transition:background-image var(--duration-slow) ease, border-color var(--duration-slow) ease, transform var(--duration-slow) ease}@supports (color:lab(0% 0 0)){.media-page-number{box-shadow:var(--shadow-sm), 0 4px 6px -4px lab(0% 0 0/.1)}}.media-page-number.is-active{background:var(--gradient-brand-lr);color:var(--color-white);border:1px solid oklch(from var(--color-brand-primary-400) l c h / .5);transform:scale(1.1)}.media-page-number.is-inactive{background:var(--gradient-skeleton);color:var(--color-gray-300);border:1px solid oklch(from var(--color-gray-600) l c h / .5)}.media-page-number.is-inactive:hover{border-color:oklch(from var(--color-brand-primary) l c h / .5);transform:scale(1.05)}.media-page-next{background:linear-gradient(to right, oklch(from var(--color-gray-600) l c h / .8), oklch(from var(--color-gray-700) l c h / .8));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-600) l c h / .5);color:var(--color-white);box-shadow:var(--shadow-glass-sm);transition:background-image var(--duration-slow) ease, border-color var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border-radius:.5rem;padding:.625rem 1.5rem;font-weight:500}.media-page-next:hover:not(:disabled){background:linear-gradient(to right, oklch(from var(--color-gray-500) l c h / .8), oklch(from var(--color-gray-600) l c h / .8));border-color:oklch(from var(--color-gray-500) l c h / .6);box-shadow:var(--shadow-glass-md);transform:scale(1.05)}.media-page-next:disabled{opacity:.5}.media-page-next:disabled:hover{transform:none}.generate-form{background:linear-gradient(to bottom right, oklch(from var(--color-gray-800) l c h / .6), oklch(from var(--color-gray-900) l c h / .6));-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid oklch(from var(--color-gray-700) l c h / .5);box-shadow:var(--shadow-sm);border-radius:.5rem}.form-disabled-overlay{background:oklch(from var(--color-gray-900) l c h / .6);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border-radius:.5rem}.form-number-input{background:var(--color-gray-700);color:var(--color-white);border:1px solid var(--color-gray-600);transition:border-color var(--duration-base) ease;border-radius:.375rem}.form-number-input:focus{border-color:var(--color-gray-400);outline:none}.form-stepper-btn{color:var(--color-gray-400);border:1px solid var(--color-gray-600);transition:color var(--duration-fast) ease, background var(--duration-fast) ease}.form-stepper-btn:hover{color:var(--color-white);background:var(--color-gray-600)}.form-stepper-btn:disabled{opacity:.5;cursor:not-allowed}.form-stepper-btn:disabled:hover{color:var(--color-gray-400);background:0 0}.form-stepper-btn.is-decrement{border-right:none;border-radius:.5rem 0 0 .5rem}.form-stepper-btn.is-increment{border-left:none;border-radius:0 .5rem .5rem 0}.form-stepper-input{background:var(--color-gray-700);color:var(--color-white);border:1px solid var(--color-gray-600);text-align:center;transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;font-weight:500}.form-stepper-input:hover{border-color:var(--color-gray-500)}.form-stepper-input:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 2px oklch(from var(--color-gray-400) l c h / .2);outline:none}.form-stepper-input{appearance:textfield}.form-stepper-input::-webkit-outer-spin-button{appearance:none}.form-stepper-input::-webkit-inner-spin-button{appearance:none}.generate-queue-trigger{background:linear-gradient(to top, var(--color-brand-primary-600), var(--color-brand-secondary-600));color:var(--color-white);box-shadow:var(--shadow-sm);transition:bottom var(--duration-slow) ease;border-radius:.5rem .5rem 0 0}.generate-queue-trigger:hover{background:linear-gradient(to top, var(--color-brand-primary-700), var(--color-brand-secondary-700))}.generate-queue-panel{background:linear-gradient(to top, oklch(from var(--color-gray-900) l c h / .95), oklch(from var(--color-gray-800) l c h / .95));-webkit-backdrop-filter:blur(var(--blur-2xl));backdrop-filter:blur(var(--blur-2xl));border-top:1px solid oklch(from var(--color-gray-700) l c h / .6);padding-bottom:var(--safe-area-bottom);transition:translate var(--duration-slow) ease;box-shadow:0 -25px 50px -12px #00000040,0 -10px 15px -3px #0000001a;box-shadow:0 -25px 50px -12px lab(0% 0 0/.25),0 -10px 15px -3px lab(0% 0 0/.1)}.generate-queue-header{border-bottom:1px solid var(--color-gray-700);background:linear-gradient(to right, oklch(from var(--color-brand-primary-600) l c h / .2), oklch(from var(--color-brand-secondary-600) l c h / .2))}.generate-queue-close{color:var(--color-gray-400);border:1px solid var(--color-gray-600);transition:color var(--duration-base) ease, background var(--duration-base) ease, border-color var(--duration-base) ease;border-radius:.25rem}.generate-queue-close:hover{color:var(--color-white);background:oklch(from var(--color-danger-600) l c h / .2);border-color:var(--color-danger-500)}.form-hash-input{background:var(--color-gray-700);color:var(--color-white);border:1px solid var(--color-gray-600);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;border-radius:.375rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem}.form-hash-input:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 2px oklch(from var(--color-gray-400) l c h / .2);outline:none}.form-hash-copy{color:var(--color-gray-400);transition:color var(--duration-base) ease, background var(--duration-base) ease;border-radius:.25rem}.form-hash-copy:hover{color:var(--color-white);background:var(--color-gray-600)}.form-hash-copy:disabled{opacity:.5;cursor:not-allowed}.form-hash-copy:disabled:hover{background:0 0}.form-dialog-cancel{background:var(--color-gray-700);color:var(--color-white);transition:background var(--duration-base) ease;border-radius:.5rem;font-weight:500}.form-dialog-cancel:hover{background:var(--color-gray-600)}.form-dialog-confirm{background:var(--gradient-brand-lr);color:var(--color-white);transition:background var(--duration-base) ease;border-radius:.5rem;font-weight:500}.form-dialog-confirm:hover{background:var(--gradient-brand-hover-lr)}.form-validation-error{background:oklch(from var(--color-danger-900) l c h / .3);border:1px solid var(--color-danger-500);border-radius:.375rem}.form-input-error input{border-width:2px;border-color:var(--color-danger-500)}.form-input-error input:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 2px oklch(from var(--color-danger-500) l c h / .2)}.form-dialog-input{background:var(--color-gray-700);color:var(--color-white);border:1px solid var(--color-gray-600);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;border-radius:.375rem}.form-dialog-input:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 2px oklch(from var(--color-gray-400) l c h / .2);outline:none}.queue-item-card{background:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .6), oklch(from var(--color-gray-800) l c h / .6));-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid oklch(from var(--color-gray-600) l c h / .5);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-slow) ease;border-radius:.5rem}.queue-item-card:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px #0000001a}@supports (color:lab(0% 0 0)){.queue-item-card:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px lab(0% 0 0/.1)}}.queue-thumbnail-slot{border:2px solid oklch(from var(--color-gray-600) l c h / .5);background:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .3), oklch(from var(--color-gray-800) l c h / .3));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px lab(0% 0 0/.1)}.queue-thumbnail-slot.is-interactive{cursor:pointer;transition:border-color var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease}.queue-thumbnail-slot.is-interactive:hover{border-color:oklch(from var(--color-brand-primary) l c h / .6);box-shadow:var(--shadow-sm), 0 4px 6px -4px #0000001a;transform:scale(1.05)}@supports (color:lab(0% 0 0)){.queue-thumbnail-slot.is-interactive:hover{box-shadow:var(--shadow-sm), 0 4px 6px -4px lab(0% 0 0/.1)}}.queue-thumbnail-slot.is-custom{border-style:dashed;border-color:oklch(from var(--color-brand-primary) l c h / .6);background:var(--gradient-brand-tint);box-shadow:0 4px 6px -1px oklch(from var(--color-brand-primary) l c h / .2)}.queue-thumbnail-slot.is-custom.is-interactive{transition:border-color var(--duration-slow) ease, background var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease}.queue-thumbnail-slot.is-custom.is-interactive:hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .8);background:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .3), oklch(from var(--color-brand-secondary) l c h / .3));box-shadow:var(--shadow-sm), 0 4px 6px -4px oklch(from var(--color-brand-primary) l c h / .2);transform:scale(1.05)}.queue-thumbnail-loading{background:var(--gradient-skeleton);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border-radius:.5rem}.queue-thumbnail-loading .queue-thumbnail-loading-inner{background:linear-gradient(to bottom right, oklch(from var(--color-gray-600) l c h / .5), oklch(from var(--color-gray-700) l c h / .5));border-radius:.25rem}.queue-thumbnail-label{color:var(--color-white);background:linear-gradient(#0000,#000c);background:linear-gradient(#0000,lab(0% 0 0/.8));border-radius:0 0 .5rem .5rem;font-size:.75rem;line-height:1rem}.queue-hover-overlay{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));opacity:0;transition:opacity var(--duration-slow) ease;background:linear-gradient(to bottom right,#0009,#0006);background:linear-gradient(to bottom right,lab(0% 0 0/.6),lab(0% 0 0/.4));border-radius:.5rem}.group:hover .queue-hover-overlay{opacity:1}.queue-hover-overlay-badge{color:var(--color-white);background:oklch(from var(--color-brand-primary) l c h / .2);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-brand-primary) l c h / .3);border-radius:.25rem;font-size:.75rem;font-weight:500;line-height:1rem}.queue-nsfw-overlay{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:#0009;background:lab(0% 0 0/.6);border-radius:.5rem}.queue-nsfw-badge{color:var(--color-white);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));box-shadow:var(--shadow-sm);background:#000000b3;background:lab(0% 0 0/.7);border-radius:.25rem;font-size:.75rem;font-weight:600;line-height:1rem}.queue-delete-badge{background:linear-gradient(to right, var(--color-danger-500), var(--color-danger-600));border:2px solid var(--color-gray-800);box-shadow:var(--shadow-sm);opacity:0;transition:background var(--duration-base) ease, transform var(--duration-base) ease, opacity var(--duration-base) ease;border-radius:9999px}.group:hover .queue-delete-badge{opacity:1}.queue-delete-badge:hover{background:linear-gradient(to right, var(--color-danger-600), var(--color-danger-700));transform:scale(1.1)}.queue-action-btn{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:color var(--duration-base) ease, background-color var(--duration-base) ease, transform var(--duration-base) ease, box-shadow var(--duration-base) ease;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px lab(0% 0 0/.1)}.queue-action-btn:hover{box-shadow:var(--shadow-sm), 0 4px 6px -4px #0000001a;transform:scale(1.1)}@supports (color:lab(0% 0 0)){.queue-action-btn:hover{box-shadow:var(--shadow-sm), 0 4px 6px -4px lab(0% 0 0/.1)}}.queue-action-btn.is-play{color:var(--color-success-400)}.queue-action-btn.is-play:hover{color:var(--color-success-300);background-color:oklch(from var(--color-success-500) l c h / .2)}.queue-action-btn.is-pause{color:var(--color-warning-400)}.queue-action-btn.is-pause:hover{color:var(--color-warning-300);background-color:oklch(from var(--color-warning-500) l c h / .2)}.queue-action-btn.is-remove{color:var(--color-gray-400)}.queue-action-btn.is-remove:hover{color:var(--color-danger-400);background-color:oklch(from var(--color-danger-500) l c h / .2)}.queue-progress-track{background:oklch(from var(--color-gray-600) l c h / .5);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-600) l c h / .3);border-radius:9999px;box-shadow:inset 0 2px 4px #0000000d;box-shadow:inset 0 2px 4px lab(0% 0 0/.05)}.queue-progress-fill{background:var(--gradient-brand-lr);box-shadow:0 10px 15px -3px oklch(from var(--color-brand-secondary) l c h / .3);transition:width var(--duration-slow) ease;border-radius:9999px}.queue-avatar-fallback{background:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .8), oklch(from var(--color-gray-800) l c h / .8));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));color:var(--color-gray-300);border-radius:.5rem;box-shadow:inset 0 2px 4px #0000000d;box-shadow:inset 0 2px 4px lab(0% 0 0/.05)}}@layer utilities;