.search-studio{max-width:1500px;margin:auto}.search-studio-heading{margin:10px 0 36px}.search-studio-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;margin:12px 0}.search-studio-heading p{color:var(--muted);font-size:15px}.search-studio-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}.search-refinements{padding:22px;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass-fill);height:max-content;position:sticky;top:120px}.search-refinements h2{font-size:16px;margin:0 0 22px}.search-refinements label{display:block;font-size:12px;color:var(--muted);margin-bottom:20px}.search-refinements select{display:block;width:100%;margin-top:8px;padding:12px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--glass-edge)}.search-refinements p{font-size:12px;line-height:1.6;color:var(--muted)}.studio-search-field{display:flex;align-items:center;gap:14px;border:1px solid var(--glass-edge);background:var(--glass-fill);border-radius:22px;padding:18px 20px;backdrop-filter:blur(24px)}.studio-search-field .icon{height:24px;width:24px}.studio-search-field input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:17px}.search-quick-terms{display:flex;gap:8px;overflow:auto;margin:16px 0 26px}.search-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.search-result-heading h2{font-size:20px}.search-result-heading span{color:var(--muted);font-size:12px}.search-no-results{padding:60px 20px;text-align:center;border:1px solid var(--glass-edge);border-radius:24px}.search-no-results p{color:var(--muted)}.release-app-info{display:flex;align-items:center;gap:16px;margin:24px 0}.release-app-info img{width:52px;height:52px;border-radius:14px}.release-app-info small{display:block;margin-top:6px;color:var(--muted)}.canvas-remixes{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:76px;z-index:5;margin:0!important;border:1px solid #ffffff35;border-radius:20px;background:#17213180;color:white;backdrop-filter:blur(24px);padding:12px!important;max-width:calc(100% - 152px)}.canvas-remixes summary{font-size:12px;cursor:pointer}.canvas-remixes>div{display:flex;gap:8px;overflow:auto;margin-top:12px}.canvas-remixes button{padding:0;width:58px;height:70px;border-radius:12px;overflow:hidden;flex-shrink:0}.canvas-remixes img{width:100%;height:100%;object-fit:cover}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* One outlined glyph family and one glass button treatment. */
button.icon-button,.glass-icon,.detail-icon,.shelf-arrow,.card-heart,.wallpaper-back,.account-page-back{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;aspect-ratio:1;border-radius:50%!important;border:1px solid var(--glass-edge)!important;background:var(--glass-fill)!important;box-shadow:inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);padding:10px!important}.glass-icon .icon,.detail-icon .icon,.card-heart .icon,.shelf-arrow .icon{width:22px!important;height:22px!important}.canvas-actions .glass-icon{flex:0 0 44px!important}.card-heart{color:white}.canvas-actions .glass-icon{background:#ffffff12!important;border-color:#ffffff35!important}
@media(max-width:999px){.search-studio-layout{grid-template-columns:minmax(0,1fr);gap:16px}.search-studio-heading{margin:4px 0 24px}.search-refinements{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.search-refinements h2{grid-column:1/-1;margin:0}.search-refinements label{margin:0}.search-refinements p{display:none}.search-refinements .text-btn{grid-column:1/-1;justify-self:start}.studio-search-field{padding:15px}.studio-search-field input{font-size:15px}.search-result-heading h2{font-size:18px}}
body[data-view=search] #main{padding-top:124px!important}@media(max-width:999px){body[data-view=search] #main{padding-top:94px!important}}

.canvas-top-back .icon,.canvas-back .icon,.account-page-back .icon{transform:rotate(180deg)!important}

button.close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;box-sizing:border-box;border:1px solid var(--glass-edge)!important;border-radius:50%!important;background:var(--glass-fill)!important;backdrop-filter:blur(24px)}.search-refinements select{font-size:13px;min-width:0}.search-refinements label{min-width:0}.search-refinements{box-sizing:border-box}
