@font-face{font-family:Mimuun Text;src:url(/font/nagino.otfs.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0020-007e,u+00a0-00ff,u+0100-024f,u+0250-02af,u+2000-206f,u+2070-209f,u+20a0-20cf,u+2150-218f}@font-face{font-family:Mimuun Text;src:url(/font/otoginomincho-kanji_1.1-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+30??,u+31f?,u+3400-4dbf,u+4e00-9fff,u+f900-faff,u+ff00-ffef}:root{--font-body:"Mimuun Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body.no-mimuun-font{--font-body:var(--font-body-system);font-family:var(--font-body-system)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#1a1a1a;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:var(--font-body);background-color:#f5f5f5;min-height:100vh;overflow:hidden;width:100%;max-width:100%}body:not(.custom-page){display:flex;flex-direction:column}body:not(.custom-page)>:first-child{flex:1 1;min-height:0;display:flex;flex-direction:column}.material-icons,.material-icons-outlined,.material-icons-round,.material-icons-sharp,.material-icons-two-tone,i.material-icons,i.material-icons-outlined,i.material-icons-round,i.material-icons-sharp,i.material-icons-two-tone{font-size:24px!important}.material-symbols-outlined,span.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px!important;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"liga"}.itemENV-inner .material-symbols-outlined,.itemSE-inner .material-symbols-outlined,.sound-itemENV .material-symbols-outlined,.sound-itemSE .material-symbols-outlined{font-family:Material Symbols Outlined!important;font-size:24px!important;font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24}.sidebar-left .genre-item i[class*=" ph-"],.sidebar-left .genre-item i[class^=ph-],.sidebar-left .personal-item i[class*=" ph-"],.sidebar-left .personal-item i[class^=ph-]{font-size:16px!important;width:16px!important;height:16px!important}.sidebar-left .genre-item i.fa-solid{font-family:Font Awesome\ 7 Free!important;font-weight:900!important;font-style:normal!important}.nav-bar{background-color:#1a1a1a;color:#fff;width:100%;min-width:300px;position:fixed;top:0;left:0;right:0;z-index:10001;min-height:60px;max-height:60px;height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 24px;box-sizing:border-box;opacity:1}.nav-bar-fade-in{animation:navBarFadeIn .6s ease-out forwards}.nav-bar-hidden-on-exit{opacity:0}@keyframes navBarFadeIn{0%{opacity:0}to{opacity:1}}.nav-bar .nav-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex:1 1;min-width:0}h2{margin-bottom:10px}.footer{width:100%;padding:24px;box-sizing:border-box;min-height:56px;max-height:56px}#global-footer{min-width:400px;padding-top:8px;padding-bottom:8px;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:center;gap:3px}.footer-copyright{margin-bottom:0;font-size:14px;color:hsla(0,0%,100%,.7);font-weight:400}.nav-bottom{display:flex;justify-content:center;align-items:center;padding:3px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);background-color:rgba(0,0,0,.2);min-height:10px}.nav-search{position:relative;max-width:600px}.nav-search-input{width:100%;padding:2px 35px 2px 12px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:10px;outline:none;transition:all .2s ease;height:auto;min-height:16px;line-height:1.2;box-sizing:border-box}.nav-search-input::placeholder{color:hsla(0,0%,100%,.5)}.nav-search-input:focus{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.nav-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5);pointer-events:none;font-size:9px}.nav-bar .nav-left{display:flex;align-items:center;gap:32px;position:relative;justify-content:flex-start;flex-shrink:0;margin-right:auto}.nav-links-inline{display:flex;align-items:center;gap:24px}@media (max-width:700px){.nav-bar .nav-right,.nav-links-inline{display:none}}.nav-bar .nav-right{display:flex;gap:16px;justify-content:flex-end;margin-left:auto}.logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none;font-family:var(--font-body)}.logo-wordmark{font-size:inherit;font-weight:inherit}.logo-beta-label{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.72);letter-spacing:.12em;margin-top:1px}.nav-link{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:14px;font-weight:700;transition:color .2s;padding:8px 0;display:inline-flex;align-items:center}.nav-link i{line-height:1;display:inline-flex;align-items:center;justify-content:center}.nav-link i,.nav-link i[class*=" ph-"],.nav-link i[class^=ph-]{font-size:23px!important;width:23px!important;height:23px!important}.nav-link i[class*=" ph-"],.nav-link i[class^=ph-]{min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important}.nav-link i[class*=" ph-"]:before,.nav-link i[class^=ph-]:before{font-size:23px!important}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:700}.nav-link-bold{font-weight:700}.nav-link.nav-link-static{cursor:default;pointer-events:none}.nav-link.nav-link-static:hover{color:hsla(0,0%,100%,.7)}.nav-link-dropdown-wrapper{position:relative;display:inline-block}.nav-link-dropdown-wrapper:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.nav-link.nav-link-dropdown-trigger{cursor:pointer}.nav-link-dropdown-wrapper:focus-within .nav-link.nav-link-dropdown-trigger,.nav-link-dropdown-wrapper:hover .nav-link.nav-link-dropdown-trigger,.nav-link.nav-link-dropdown-trigger:hover{color:#fff}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:#1a1a1a;border-radius:8px;padding:8px 0;min-width:280px;max-width:min(320px,calc(100vw - 48px));box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1001;display:flex;flex-direction:column;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.nav-link-dropdown-wrapper:focus-within .nav-dropdown-menu,.nav-link-dropdown-wrapper:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1a1a1a}.nav-dropdown-item{display:block;padding:8px 16px;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:14px;font-weight:300;transition:background-color .2s,color .2s;text-align:left;line-height:1.35}.nav-dropdown-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.hamburger-menu{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:opacity .2s}.hamburger-menu:hover{opacity:.7}.hamburger-menu i{font-size:24px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-slide{position:fixed;top:0;left:0;width:280px;max-width:80%;height:100vh;background-color:#1a1a1a;z-index:1000;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,.3)}.mobile-menu-slide.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:flex-end;padding:6px 12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-menu-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:opacity .2s}.mobile-menu-close:hover{opacity:.7}.mobile-menu-close i{font-size:18px}.mobile-menu-content{flex:1 1;overflow-y:auto;padding:4px 0}.mobile-menu-auth{padding:8px 0}.mobile-menu-auth,.mobile-menu-credits{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:4px}.mobile-menu-credits{padding:0 22px 6px}.mobile-menu-credits-loading,.mobile-menu-credits-value{color:#fff;font-size:17px;font-weight:500;display:block}.mobile-menu-credits-value{padding-bottom:4px}.mobile-menu-button{width:100%;background:none;border:none;text-align:left;cursor:pointer;font-size:17px;font-family:inherit}.mobile-menu-link{display:flex;align-items:center;padding:8px 22px;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:17px;transition:background-color .2s,color .2s}.mobile-menu-link:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.mobile-menu-link.active{color:#fff;font-weight:500;background-color:hsla(0,0%,100%,.05)}.mobile-menu-link i{font-size:19px;line-height:1}.mobile-menu-dropdown-group{padding-bottom:4px}.mobile-menu-dropdown-sublink{padding-left:44px;font-size:15px;font-weight:400;line-height:1.4}@media (min-width:701px){.hamburger-menu,.mobile-menu-overlay,.mobile-menu-slide{display:none}}.nav-search{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#fff;font-size:14px;width:100%;max-width:360px}.nav-search i{font-size:16px!important;color:hsla(0,0%,100%,.7)}.nav-search input{flex:1 1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.nav-search input::placeholder{color:hsla(0,0%,100%,.6)}.auth-buttons{display:flex;align-items:center;gap:16px}.auth-tooltip,.auth-tooltip a,.auth-tooltip button{font-family:var(--font-body-system)}.user-identities{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-email{font-size:14px;color:hsla(0,0%,100%,.9)}.user-id{font-size:11px;color:hsla(0,0%,100%,.5);display:none}.credits-display,.credits-display-inline{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:hsla(0,0%,100%,.1);border-radius:4px;font-size:14px}.credits-label{color:hsla(0,0%,100%,.7)}.credits-value{color:#fff;font-weight:500}.login-link,.logout-btn,.signup-link{padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px;transition:all .2s;border:none;cursor:pointer;font-family:inherit}.logout-btn{background-color:rgba(220,53,69,.2);color:#fff}.logout-btn:hover{background-color:rgba(220,53,69,.3)}.login-link,.signup-link{background-color:hsla(0,0%,100%,.1);color:#fff}.login-link:hover,.signup-link:hover{background-color:hsla(0,0%,100%,.2)}.nav-bar .auth-buttons,.nav-bar .nav-right{align-items:center;flex-shrink:0}.nav-bar .auth-buttons{align-self:center;display:flex}@media (max-width:700px){.nav-bar .auth-buttons{display:none}}.main-content{padding:0;max-width:100%;margin:0;width:100%}html.home-page{overflow-y:auto;height:100%;background-color:#1a1a1a}body.home-page,html.home-page{overflow-x:hidden;overscroll-behavior-y:none}body.home-page{overflow-y:visible;min-height:max(100%,100dvh)}body.home-page .main-content{overscroll-behavior-y:none}body.home-page .main-content>section{background-attachment:scroll!important}.home-content{max-width:1200px;margin:0 auto}.announcements{margin-bottom:48px}.announcements h1{font-size:32px;margin-bottom:14px;padding-left:20px;padding-top:5px;color:#333}@media (max-width:700px){.announcements h1{padding-left:0}}.announcement-list{display:flex;flex-direction:column;gap:24px}.announcement-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.announcement-item h2{font-size:20px;margin-bottom:8px;color:#333}.announcement-date{font-size:14px;color:#666;margin-bottom:12px}.announcement-item p{color:#555;line-height:1.6}.quick-links{margin-top:48px}.quick-links h2{font-size:24px;margin-bottom:24px;color:#333}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px}.quick-link-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s,box-shadow .2s}.quick-link-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.quick-link-card i{font-size:24px!important;color:rgba(120,220,200,.8)}.quick-link-card span{font-size:16px;font-weight:500}.library-main{padding:0;box-sizing:border-box;background-color:#f5f5f5}.sidebar-left{position:fixed;left:0;width:320px;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.1);overflow-y:auto;z-index:100;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.sidebar-left::-webkit-scrollbar{display:none}.library-menu{background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.1);overflow-y:auto;z-index:100;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.library-menu::-webkit-scrollbar{display:none}.contact-menu{position:fixed;left:0;width:320px;padding:16px;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.1);overflow-y:auto;z-index:100;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.contact-menu::-webkit-scrollbar{display:none}.info-menu{position:fixed;left:0;width:320px;padding:16px;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.1);overflow-y:auto;z-index:100;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.info-menu::-webkit-scrollbar{display:none}.sidebar-genres-scrollable{scrollbar-width:none;-ms-overflow-style:none}.sidebar-genres-scrollable::-webkit-scrollbar{display:none}@media (max-width:700px){.sidebar-left{display:block;transform:translateX(-100%);z-index:1001;transition:transform .3s ease}.sidebar-left.mobile-open{transform:translateX(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sounds-main,.sounds-search-bar{left:0!important;width:100%!important}.tag-bar,.title-bar{left:0!important}.tag-bar{right:unset!important}}.sidebar-left-content{width:100%;padding:16px 16px 0}.sidebar-genres,.sidebar-packs,.sidebar-personal{margin-bottom:20px}.sidebar-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sidebar-left .sidebar-title{font-size:18px;font-weight:600;margin:0;color:#999}.genres-toggle-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s ease}.genres-toggle-button:hover{color:#666}.genres-toggle-button .material-symbols-outlined,.packs-toggle-button .material-symbols-outlined,.personal-toggle-button .material-symbols-outlined{font-size:20px}.packs-toggle-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s ease}.packs-toggle-button:hover{color:#666}.personal-toggle-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s ease}.personal-toggle-button:hover{color:#666}.packs-list{display:flex;flex-direction:column;gap:0}.pack-item{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:14px;color:#333;transition:all .2s ease;width:100%;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.pack-item,.pack-item:hover{background-color:transparent}.pack-item.active{background-color:#e0e0e0;color:#333}.personal-list{display:flex;flex-direction:column;gap:0}.personal-item{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:14px;color:#333;transition:all .2s ease;width:100%;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.personal-item,.personal-item.active,.personal-item:hover{background-color:transparent}.personal-item.active{color:#333}.genres-list{display:flex;flex-direction:column;gap:0}.genre-item{padding:4px 8px;background-color:rgba(0,0,0,.01);border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:14px;color:#333;transition:background-color .2s ease;width:100%;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.genre-accordion{margin-bottom:4px}.genre-item:hover{background-color:rgba(0,0,0,.02)}.genre-group-item{font-weight:200!important}.genre-group-item.active,.sidebar-genres-scrollable .genre-group-item.active,button.genre-group-item.active{border-left:2px solid rgba(26,26,26,.4)!important}.genre-item.active{background-color:rgba(0,0,0,.02);color:#333}.topic-info{padding:20px}.library-list,.search-list{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;max-width:1440px;min-width:270px;box-sizing:border-box}.sound-list{padding:20px;width:100%;box-sizing:border-box}.library-list .item-list,.sound-list .item-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width:1100px){.library-list,.library-list .item-list,.search-list,.sound-list .item-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){.library-list,.search-list{grid-template-columns:1fr;gap:8px}.sound-list{padding:12px}.library-list .item-list,.sound-list .item-list{grid-template-columns:1fr;gap:8px}.title-bar-count{display:none!important}}@media (max-width:920px){.title-bar-count{display:none!important}}@media (max-width:700px){.library-list,.library-list .item-list,.search-list,.sound-list .item-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.library-list,.library-list .item-list,.search-list,.sound-list .item-list{grid-template-columns:1fr}}@media (max-width:320px){.library-list,.library-list .item-list,.search-list,.sound-list .item-list{grid-template-columns:1fr}}.title-bar-text{gap:6px!important}.title-bar-version{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:200px!important;min-width:0!important}.library-massage .fa-brands,.library-massage .fa-regular,.library-massage .fa-solid,.library-massage .material-icons,.library-massage .material-symbols-outlined,.library-massage [class*=" ph-"],.library-massage [class^=ph-],.library-massage i,.library-message .fa-brands,.library-message .fa-regular,.library-message .fa-solid,.library-message .material-icons,.library-message .material-symbols-outlined,.library-message [class*=" ph-"],.library-message [class^=ph-],.library-message i{font-size:100px!important;width:100px!important;height:100px!important}.genre-item button i[class*=fa-chevron-down],.genre-item button i[class*=fa-chevron-up],.sidebar-genres .genre-item button i[class*=fa-chevron-down],.sidebar-genres .genre-item button i[class*=fa-chevron-up],.sidebar-genres-scrollable .genre-item button i[class*=fa-chevron-down],.sidebar-genres-scrollable .genre-item button i[class*=fa-chevron-up],.sidebar-left .genre-item button i[class*=fa-chevron-down],.sidebar-left .genre-item button i[class*=fa-chevron-up]{font-size:10px!important;width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important}.genre-item button i[class*=fa-chevron-down]:before,.genre-item button i[class*=fa-chevron-up]:before,.sidebar-genres .genre-item button i[class*=fa-chevron-down]:before,.sidebar-genres .genre-item button i[class*=fa-chevron-up]:before,.sidebar-genres-scrollable .genre-item button i[class*=fa-chevron-down]:before,.sidebar-genres-scrollable .genre-item button i[class*=fa-chevron-up]:before,.sidebar-left .genre-item button i[class*=fa-chevron-down]:before,.sidebar-left .genre-item button i[class*=fa-chevron-up]:before{font-size:10px!important}.sounds-main{position:fixed;left:320px;right:0;bottom:0;width:calc(100% - 320px);padding:0 20px 20px;background-color:#fff;overflow-y:auto;overflow-x:hidden;max-width:100%;box-sizing:border-box}.sounds-content{max-width:1200px;margin:0 auto;width:100%;min-height:100%;padding:0;overflow:visible;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.sounds-content::-webkit-scrollbar{display:none}.title-bar{position:relative}.title-bar h2,.title-bar h2 span{font-size:24px!important;font-weight:600!important;color:#333!important;line-height:1.2!important;margin:0!important;padding:0!important}.new-item-content,.recomend-content,.topics-content{padding:20px}.topics-content .title-bar h2,.topics-content .title-bar h2 span{margin-left:0!important}.topics-content .title-bar:after{left:0!important;right:0!important}@media (max-width:1000px){.title-bar h2,.title-bar h2 span{margin-left:0!important}.title-bar{padding-left:20px!important}.filter-button-desktop{display:none!important}.filter-button-mobile{display:block!important}}@media (min-width:1001px){.filter-button-mobile{display:none!important}.filter-button-desktop{display:flex!important}}.tag-bar{display:flex!important;left:320px;right:unset!important}.title-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:rgba(0,0,0,.1)}.sounds-search-bar{display:flex;justify-content:center;align-items:center;width:calc(100% - 320px);max-width:1200px;position:fixed;left:320px;border-right:1px solid rgba(0,0,0,.1);z-index:100;background-color:#fff;padding:15px 20px 10px 40px;margin:0 auto}.sounds-search-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto}.sounds-search-input{width:100%;padding:8px 90px 8px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f5f5f5}.fa-solid.filter-dropdown-icon,.filter-dropdown-icon,i.fa-solid.filter-dropdown-icon,i.filter-dropdown-icon{font-size:12px!important;line-height:1!important;width:12px!important;height:12px!important;color:#999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.sounds-search-input:focus{border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.sounds-search-input::placeholder{color:#999}.sounds-search-icon,.sounds-search-icon.fa-search,.sounds-search-icon.fa-solid,i.fa-search.sounds-search-icon,i.sounds-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:18px!important;pointer-events:none}.genre-items-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:100%;margin-top:0;padding:20px;background-color:#f5f5f5;overflow-x:hidden;box-sizing:border-box}@media (max-width:1200px){.genre-items-list{grid-template-columns:repeat(2,1fr)}.sound-count-display,.version-display{display:none!important}}@media (max-width:1000px){.genre-items-list{grid-template-columns:1fr}}.item-card{background-color:#fff;border-radius:8px;padding:8px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:12px;position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.item-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.item-card.playing{background-color:#f5f5f5}.genre-item-card{background-color:#fff;border-radius:0;padding:4px 16px;transition:background-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:12px;position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.genre-item-card,.genre-item-card:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}.genre-item-wave-icon{display:flex;align-items:center;gap:3px;width:24px;height:16px;flex-shrink:0}.genre-item-card:hover .genre-item-wave-icon{display:none}.genre-item-play-icon{display:none;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:#333;font-size:14px}.genre-item-card:hover .genre-item-play-icon{display:flex}.genre-item-wave-icon .wave-bar{width:3px;background-color:#999;border-radius:2px;animation:none}.genre-item-wave-icon.playing .wave-bar{animation:wave-animation 1.2s ease-in-out infinite}.genre-item-wave-icon .wave-bar:first-child{height:4px;animation-delay:0s}.genre-item-wave-icon .wave-bar:nth-child(2){height:8px;animation-delay:.2s}.genre-item-wave-icon .wave-bar:nth-child(3){height:12px;animation-delay:.4s}.genre-item-wave-icon .wave-bar:nth-child(4){height:8px;animation-delay:.6s}@keyframes wave-animation{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.sounds-download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000001;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sounds-download-modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.8) translateY(-20px);opacity:0}50%{transform:scale(1.05) translateY(0);opacity:1}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8) translateY(-20px);opacity:0}}@keyframes potShake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-2px) rotate(-2deg)}75%{transform:translateX(2px) rotate(2deg)}}@keyframes ingredientOrbitAndIntoPot0{0%{transform:translate(-50%,-50%) rotate(0deg) translateY(-130px) rotate(0deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(1turn) translateY(-130px) rotate(-1turn) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(1turn) translateY(0) rotate(-1turn) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot45{0%{transform:translate(-50%,-50%) rotate(45deg) translateY(-130px) rotate(-45deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(405deg) translateY(-130px) rotate(-405deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(405deg) translateY(0) rotate(-405deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot90{0%{transform:translate(-50%,-50%) rotate(90deg) translateY(-130px) rotate(-90deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(450deg) translateY(-130px) rotate(-450deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(450deg) translateY(0) rotate(-450deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot135{0%{transform:translate(-50%,-50%) rotate(135deg) translateY(-130px) rotate(-135deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(495deg) translateY(-130px) rotate(-495deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(495deg) translateY(0) rotate(-495deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot180{0%{transform:translate(-50%,-50%) rotate(180deg) translateY(-130px) rotate(-180deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(540deg) translateY(-130px) rotate(-540deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(540deg) translateY(0) rotate(-540deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot225{0%{transform:translate(-50%,-50%) rotate(225deg) translateY(-130px) rotate(-225deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(585deg) translateY(-130px) rotate(-585deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(585deg) translateY(0) rotate(-585deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot270{0%{transform:translate(-50%,-50%) rotate(270deg) translateY(-130px) rotate(-270deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(630deg) translateY(-130px) rotate(-630deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(630deg) translateY(0) rotate(-630deg) scale(.3);opacity:0}}@keyframes ingredientOrbitAndIntoPot315{0%{transform:translate(-50%,-50%) rotate(315deg) translateY(-130px) rotate(-315deg) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(675deg) translateY(-130px) rotate(-675deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(675deg) translateY(0) rotate(-675deg) scale(.3);opacity:0}}.sounds-download-modal-title{font-size:20px;font-weight:600;color:#333;margin:0 0 16px}.sounds-download-modal-message{font-size:16px;color:#666;margin:0 0 16px;line-height:1.5}.sounds-download-modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.sounds-download-modal-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.sounds-download-modal-btn:disabled{opacity:.5;cursor:not-allowed}.sounds-download-modal-btn-cancel{background-color:#f5f5f5;color:#333}.sounds-download-modal-btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.sounds-download-modal-btn-confirm{background-color:#333;color:#fff}.sounds-download-modal-btn-confirm:hover:not(:disabled){background-color:#555}.sounds-download-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.sounds-download-modal-loading p{margin:0;font-size:16px;color:#666}.download-spinner{border:4px solid #f0f0f0;border-top-color:#333}.genre-item-content{flex:1 1;min-width:0;overflow:hidden;max-width:100%}.genre-item-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.genre-item-group,.genre-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}.genre-item-group{font-size:12px;color:#999}.genre-item-download-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:transparent;color:#666;cursor:pointer;border-radius:4px;transition:background-color .2s ease,color .2s ease;flex-shrink:0;font-size:18px}.genre-item-download-btn i,.genre-item-like-btn i{font-size:18px!important}.genre-item-like-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;color:#999;cursor:pointer;border-radius:4px;transition:color .2s ease;flex-shrink:0;font-size:18px}.genre-item-like-btn,.genre-item-like-btn:active,.genre-item-like-btn:hover{background-color:transparent}.item-card-download-btn:active,.item-card-download-btn:hover{background-color:transparent!important}.genre-item-card:hover .genre-item-download-btn{display:flex}.genre-item-download-btn:hover{background-color:transparent;color:#333}.genre-item-download-btn:active{background-color:transparent}.home-search-input::placeholder{color:hsla(0,0%,100%,.6)}.home-caret-icon{line-height:1!important;vertical-align:middle!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.home-caret-icon,.home-caret-icon svg,.home-caret-icon:before{font-size:35px!important;width:35px!important;height:35px!important}.download-checkbox-env,.download-checkbox-se{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid rgba(0,0,0,.2);border-radius:3px;position:relative;background-color:transparent}.download-checkbox-env:checked{background-color:#78dcc8;border-color:#78dcc8}.download-checkbox-se:checked{background-color:#ffb464;border-color:#ffb464}.download-checkbox-env:checked:after,.download-checkbox-se:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0}.download-checkbox-env:disabled,.download-checkbox-se:disabled{opacity:.5;cursor:not-allowed}.download-checkbox-env.downloaded:checked,.download-checkbox-se.downloaded:checked{background-color:#999;border-color:#999}.download-checkbox-env.downloaded:checked:after,.download-checkbox-se.downloaded:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0}.play-set-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:hsla(0,0%,100%,.95);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.2);position:relative;overflow:hidden;flex-shrink:0;align-self:flex-start}.play-set-button:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.2);box-shadow:none}.play-set-button:disabled:hover{transform:none;box-shadow:none}.play-set-button:hover:not(:disabled){background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.3));border-color:hsla(0,0%,100%,.6);box-shadow:0 6px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.play-set-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.play-set-button:hover:before{width:300px;height:300px}.play-set-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.25)}.play-set-button.playing{background:linear-gradient(135deg,hsla(0,0%,100%,.45),hsla(0,0%,100%,.3));border-color:hsla(0,0%,100%,.7);box-shadow:0 4px 16px rgba(120,220,200,.3)}.play-set-button.playing:hover:not(:disabled){box-shadow:0 6px 24px rgba(120,220,200,.4)}.play-set-button i{font-size:20px;position:relative;z-index:1}.play-set-button span{position:relative;z-index:1;letter-spacing:.05em}.soundbar-top-btn{background:rgba(120,220,200,.2);border:2px solid rgba(120,220,200,.5);border-radius:8px;padding:12px 16px;color:#333;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;width:100%}.soundbar-top-btn:hover:not(:disabled){background:rgba(120,220,200,.3);border-color:rgba(120,220,200,.7)}.soundbar-top-btn.disabled,.soundbar-top-btn:disabled{opacity:.5;cursor:not-allowed}.random-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.4);border-radius:12px;color:hsla(0,0%,100%,.95);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.2);flex-shrink:0;align-self:flex-start}.random-toggle-button i{font-size:20px}.random-toggle-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.3));border-color:hsla(0,0%,100%,.6);box-shadow:0 6px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.random-toggle-button.active{background:linear-gradient(135deg,hsla(0,0%,100%,.45),hsla(0,0%,100%,.3));border-color:hsla(0,0%,100%,.9);box-shadow:0 0 20px hsla(0,0%,100%,.8),0 0 40px hsla(0,0%,100%,.4),0 4px 16px rgba(0,0,0,.3);animation:breathe-white 2s ease-in-out infinite}.random-toggle-button i{font-size:24px}.sidebar-content{display:flex;flex-direction:column;gap:24px}.sidebar-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.sidebar-section{padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.1)}.sidebar-section:last-child{border-bottom:none}.genre-tags{display:flex;flex-direction:column;gap:8px}.genre-tag{width:100%;padding:12px 16px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#333;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.genre-tag:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2)}.genre-tag.active{background:rgba(120,220,200,.2);border-color:rgba(120,220,200,.5);color:#333;font-weight:600}.scene-controls-wrapper-sidebar{display:flex;flex-direction:column;gap:16px}.scene-transition-btn{background:rgba(120,220,200,.2);border:2px solid rgba(120,220,200,.5);border-radius:8px;padding:12px 16px;color:#333;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;width:100%}.scene-transition-btn:hover:not(:disabled){background:rgba(120,220,200,.3);border-color:rgba(120,220,200,.7)}.scene-transition-btn:disabled{opacity:.5;cursor:not-allowed}.scene-transition-btn.active{background:rgba(120,220,200,.5);border-color:rgba(120,220,200,.8)}.scene-delay-input-wrapper{display:flex;flex-direction:column;gap:8px}.scene-delay-label{font-size:12px;color:#666;font-weight:500}.scene-delay-input{padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:14px;width:100%}.scene-delay-input:disabled{background:#f5f5f5;cursor:not-allowed}.master-volume-controls-sidebar{display:flex;flex-direction:column;gap:8px}.master-volume-label{font-size:14px;font-weight:500;color:#333}.download-controls-sidebar{display:flex;flex-direction:column;gap:16px}.download-format-group{display:flex;gap:8px}.download-format-btn{flex:1 1;padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .2s}.download-format-btn:hover{background:#f5f5f5}.download-format-btn.active{background:rgba(120,220,200,.2);border-color:rgba(120,220,200,.5);color:#333;font-weight:500}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center}.download-modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.3)}.download-modal-title{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}.download-modal-message{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.download-format-group-modal{display:flex;gap:12px;margin-bottom:24px}.download-format-btn-modal{flex:1 1;padding:10px 16px;border:2px solid rgba(0,0,0,.2);border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.download-format-btn-modal:hover:not(:disabled){background:#f5f5f5;border-color:rgba(0,0,0,.3)}.download-format-btn-modal.active{background:#555;border-color:#555;color:#fff;font-weight:600}.download-format-btn-modal:disabled{opacity:.5;cursor:not-allowed}.download-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.download-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.download-modal-btn-cancel{background:#f5f5f5;color:#666}.download-modal-btn-cancel:hover:not(:disabled){background:#e0e0e0}.download-modal-btn-confirm{background:rgba(120,220,200,.2);border:2px solid rgba(120,220,200,.5);color:#333}.download-modal-btn-confirm:hover:not(:disabled){background:rgba(120,220,200,.3);border-color:rgba(120,220,200,.7)}.download-modal-btn:disabled{opacity:.5;cursor:not-allowed}.download-modal-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.download-spinner{width:40px;height:40px;border:4px solid rgba(120,220,200,.2);border-top-color:rgba(120,220,200,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.download-modal-loading p{font-size:14px;color:#666;margin:0}.download-modal-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.download-modal-success i{font-size:48px;color:rgba(120,220,200,.9)}.download-modal-success p{font-size:16px;font-weight:500;color:#333;margin:0}.footer{display:block;background-color:#1a1a1a;color:#fff;text-align:center;padding:16px;min-width:400px}.login-page{min-height:calc(100vh - 60px - 56px);justify-content:center;padding:60px 20px 20px}.login-container,.login-page{display:flex;flex-direction:column;align-items:center}.login-container{width:100%;max-width:420px}.login-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 32px;text-align:center}.login-form{width:100%;gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#1a1a1a;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#999}.login-button{width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background-color:#1a1a1a;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){background-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.signup-link-container{text-align:center;margin-top:8px}.signup-link-container+.signup-link-container{margin-top:4px}.signup-link{color:#1a1a1a;text-decoration:none;font-size:14px;transition:color .2s ease}.signup-link:hover{color:#666;text-decoration:underline}.message{padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin:0}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.email-error,.password-error{font-size:14px;margin-top:4px;color:#dc3545;padding:0}.checking-email{color:#666;font-size:14px;margin-top:4px}body.login-page-body{display:flex;flex-direction:column;min-height:100vh}body.login-page-body #global-footer{margin-top:auto}body.preset-page,html.preset-page{background-color:#f5f5f5}body.preset-page{position:relative;display:flex;flex-direction:column;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}body.preset-page>.title-bar{flex-shrink:0;margin-left:240px;margin-top:60px;padding:20px 24px 10px;background-color:#fff}body.preset-page>.title-bar h2{color:#333}body.preset-page>.preset-main{padding:0;flex:1 1;min-height:0;margin-left:240px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:none;background-color:#f5f5f5;scrollbar-width:none;-ms-overflow-style:none}body.preset-page>.preset-main::-webkit-scrollbar{display:none;width:0;height:0}body.preset-page>.preset-main>.preset-card-list{flex:1 0 auto;min-height:0}.preset-main #global-footer{flex-shrink:0}.preset-card-list{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,calc((100% - 24px) / 2)),1fr));grid-gap:24px;gap:24px;min-width:380px}@media (max-width:440px){.preset-card-list{padding:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(200px,calc((100% - 12px) / 2)),1fr))}}.preset-card{position:relative;aspect-ratio:3/4;background-color:#1a1a1a;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;border:2px solid hsla(0,0%,100%,.8);box-shadow:4px 4px 12px rgba(0,0,0,.2)}.preset-card:hover{transform:translateY(-6px);box-shadow:6px 10px 20px rgba(0,0,0,.3)}.preset-card-image{position:absolute;inset:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.1)}.preset-card-body{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,transparent 0,transparent 15%,rgba(0,0,0,.95) 55%)}.preset-card-title{margin-top:20px;color:#fff;font-size:14px;font-weight:600}.preset-card-description{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.4;margin:0}.preset-loading{color:#666;padding:24px}body.preset-page>.preset-menu{position:absolute;left:0;top:60px;bottom:0;width:240px;background-color:#fff;border-right:1px solid #ccc;z-index:0;overflow-y:auto;padding:16px 0}@media (max-width:700px){body.preset-page>.preset-menu{display:none}body.preset-page>.preset-main,body.preset-page>.title-bar{margin-left:0}}.preset-menu-section{padding:0 16px 16px}.preset-menu-title{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;padding:0}.preset-menu-tag-list{display:flex;flex-wrap:wrap;gap:8px}.preset-menu-tag-btn{padding:6px 12px;font-size:14px;color:#444;background:#fafafa;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap;font-family:inherit}.preset-menu-tag-btn:hover{background:#f0f0f0;border-color:#aaa;color:#222}.preset-menu-tag-btn.active{background:#e8e8e8;border-color:#666;color:#111}