/* Application layouts extend the approved Ljudbutiken design without global frameworks. */
.header-anchor{margin-top:0}.app-page{padding:44px 28px 52px}.app-narrow{max-width:920px;margin:auto}.app-page h1{font-size:clamp(2.125rem,4vw,3.875rem)}.app-card{background:linear-gradient(145deg,var(--soft),var(--paper));padding:30px;border-radius:16px;box-shadow:none;margin-bottom:24px;min-width:0}.dark .app-card{background:linear-gradient(135deg,#234450,#1b3541);box-shadow:none}.app-form{display:grid;gap:18px}.app-form label,.clip-controls label{display:grid;gap:7px;font-weight:600}.app-form input:not([type=checkbox]),.app-form select,.app-form textarea,.clip-controls input[type=number],.admin-search input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:12px 14px;color:var(--ink);min-width:0}.app-form textarea{resize:vertical}.app-form .checkbox-line,.checkbox-line{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.6}.checkbox-line input{margin:5px 0 0;accent-color:var(--blue);flex:0 0 auto;width:19px;height:19px}.app-form small{font-weight:400;color:var(--muted)}.app-two,.support-grid,.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.support-grid,.studio-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.app-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:22px 0}.matched-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.matched-actions .button{width:100%;min-height:56px;justify-content:center}.app-notice{padding:18px 22px;margin:20px 0;border-radius:12px;background:var(--pale);color:var(--ink)}.app-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:14px;background:var(--pale);color:var(--blue);margin-bottom:18px}.app-symbol .icon{width:33px;height:33px}.app-card p,.app-page .lead{color:var(--muted);line-height:1.8}.app-page .lead{font-size:1.1875rem}.app-card h2{font-size:1.75rem}.app-page h3{font-size:1.3125rem}.app-honeypot{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.app-steps{list-style:none;counter-reset:step;padding:0}.app-steps li{counter-increment:step;position:relative;padding:0 0 26px 52px}.app-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:-3px;background:#9bb79235;border-radius:9px;padding:9px;font-weight:600}.studio-help{background:linear-gradient(140deg,#dcebd9,#edf1d9)}.dark .studio-help{background:linear-gradient(140deg,#39544a,#2b433b)}.app-wave{height:120px;border-radius:10px;margin:22px 0;background:repeating-linear-gradient(90deg,transparent 0 8px,#65a8b270 8px 12px,transparent 12px 18px),linear-gradient(140deg,#183b44,#285d62);mask-image:linear-gradient(0deg,transparent 5%,#000 45%,#000 55%,transparent 95%)}.clip-controls{background:linear-gradient(130deg,#e0efe8,#e8edd9);color:#21494a}.dark .clip-controls{background:linear-gradient(130deg,#d7e7df,#ccdcd6)}.clip-controls .app-two input{background:#f6fcf8;color:#21494a}.clip-controls .button.secondary{background:#e9f3eb;color:#315d53}.clip-controls audio{width:100%;margin-top:20px}.clipper-hero,.free-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;border-radius:16px;margin:20px 0;background:linear-gradient(120deg,#edf3e4,#dcece7)}.clipper-hero>div,.free-hero>div{padding:42px}.clipper-hero img,.free-hero img{width:100%;height:100%;max-height:430px;object-fit:cover}.dark .clipper-hero,.dark .free-hero{background:linear-gradient(130deg,#365348,#25464c)}.free-grid,.account-sounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.account-sounds audio{width:100%}.account-sounds .app-card{display:flex;flex-direction:column}.account-sounds .app-form{margin-top:18px}.account-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.account-tabs a{padding:12px 18px;border-radius:9px;background:var(--soft);font-weight:600}.account-tabs a:hover,.account-tabs a[aria-current=page]{background:var(--pale);color:var(--blue)}.app-list-link{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0}.app-list-link small{display:block;color:var(--muted)}.app-list-link span:last-child{display:flex;gap:12px;align-items:center}.ticket-messages time{display:block;color:var(--muted);font-size:1rem;margin-top:5px}.ticket-messages p{white-space:normal;overflow-wrap:anywhere}.ticket-messages .staff-reply{background:linear-gradient(135deg,#e3efd6,#deeee9)}.dark .ticket-messages .staff-reply{background:linear-gradient(135deg,#365747,#305453)}.delete-profile{margin-top:25px}.delete-profile summary,.admin-product summary,.faq-panel summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font-weight:600}.delete-profile summary::-webkit-details-marker,.admin-product summary::-webkit-details-marker,.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary .icon,.admin-product summary>.icon,.delete-profile summary>.icon{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--pale);transition:transform .25s ease}.faq-panel details[open] summary .icon,.admin-product[open] summary>.icon,.delete-profile[open] summary>.icon{transform:rotate(180deg)}.faq-panel details>div{padding:4px 6px 20px}.danger{background:#8f3b39!important;color:#fff!important}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-number{font-size:2.625rem;display:block;line-height:1.2;margin-bottom:8px}.admin-product summary small{display:block;font-weight:400;color:var(--muted);margin-top:7px}.admin-product form{margin-top:22px}.admin-search{margin:20px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:12px 15px;vertical-align:top;font-size:1rem}tbody tr:nth-child(even){background:var(--pale)}.status-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-list dd{margin:0}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.footer-column h2{font-size:1rem;letter-spacing:0;margin:4px 0 8px}.footer-column a,.footer-column button{font-size:1rem;color:inherit;padding:0;text-align:left}.footer-brand{display:block}.footer-brand img{width:170px;margin-bottom:20px}.footer-brand p{font-size:1rem;line-height:1.85}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:26px}.footer-panel{margin-bottom:210px}.catalogue-content{min-width:0}.side-nav h2{font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.catalogue .categories{display:grid;gap:10px}.side-link{display:flex;gap:12px;align-items:center;margin:20px 10px;font-weight:600;color:var(--blue)}.pagination{display:flex;gap:8px;margin-top:24px}.pagination .button{min-width:44px;min-height:44px;padding:8px}.results-count{font-size:1rem;color:var(--muted)}.basket-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.basket-total{font-size:1.75rem}.prose a{color:var(--blue);text-decoration:underline}.prose h3{margin-top:28px}.taxonomy-options{min-height:0}.taxonomy-option{min-width:0}.taxonomy-option input{flex-shrink:0}.taxonomy-option small{display:block}.empty{padding:35px;background:var(--soft);border-radius:14px}.app-card .text-link{margin-top:18px}.product-detail .preview-disclosure{margin-top:28px}
@media(min-width:47.5625em){.hero.sound-garden .hero-copy{padding:45px}.support-hero>img{width:46%;object-fit:contain}.support-hero{display:flex}.support-hero-copy{width:54%}}
@media(max-width:62.5em){.free-grid,.account-sounds{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:1fr 1fr}.support-grid,.studio-grid{grid-template-columns:minmax(0,1fr)}.admin-metrics{grid-template-columns:1fr 1fr}.header-actions .menu-theme{display:grid}.header-actions .locale{display:flex}}
@media(max-width:47.5em){.app-page{padding:28px 8px 34px}.app-card{padding:22px 18px}.app-two{grid-template-columns:minmax(0,1fr)}.clipper-hero,.free-hero{grid-template-columns:1fr}.clipper-hero>div,.free-hero>div{padding:28px 22px}.clipper-hero img,.free-hero img{max-height:260px;object-fit:cover}.clipper-hero h1,.free-hero h1{font-size:2.25rem}.matched-actions{grid-template-columns:1fr 1fr;gap:9px}.matched-actions .button{font-size:1rem;padding:14px 9px}.matched-actions .button .icon{width:18px}.footer-main{gap:27px 20px}.footer-brand img{width:140px}.free-grid,.account-sounds{grid-template-columns:1fr}.app-card h2{font-size:1.5625rem}.taxonomy-options{grid-template-columns:1fr}.footer-panel{padding:28px 22px}.header-actions{gap:5px}.header-actions .menu-theme,.header-actions .locale{min-width:36px;min-height:44px}.site-header .brand img{width:125px}.header-actions .account-button{display:none}.site-header .site-nav .nav-link{min-height:50px}.site-header .site-nav .nav-submenu{padding:12px 16px 14px 38px}.footer-column a,.footer-column button{font-size:1rem;min-height:28px}.catalogue .categories{display:flex;overflow:auto;padding-bottom:8px}.app-clip-editor .app-actions{gap:10px}.app-clip-editor .app-actions label{font-size:1rem}.table-scroll{padding:10px}.app-notice{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

.site-header .mobile-account{display:none}@media(max-width:47.5em){.site-header .mobile-account{display:flex}}
.clip-waveform{position:relative;height:180px;margin:24px 0 8px;border-radius:12px;background:linear-gradient(140deg,#193d49,#102a34);overflow:hidden;isolation:isolate}
.clip-waveform svg{width:100%;height:calc(100% - 24px);padding:10px 12px;fill:#82c6d4;opacity:.85}
.clip-selection{position:absolute;top:12px;bottom:28px;left:0;width:100%;background:#c4deb220;box-shadow:none;pointer-events:none;border-radius:3px}
.clip-waveform-times{position:absolute;bottom:9px;left:14px;right:14px;display:flex;justify-content:space-between;color:#d4e7de;font-size:1rem;font-variant-numeric:tabular-nums}
.clip-controls .clip-selection-note{font-size:1rem;min-height:24px;margin:0 0 16px}
.clip-controls input[type=range]{width:100%;height:44px;margin:0;appearance:none;background:transparent;cursor:ew-resize;accent-color:#419388}
.clip-controls input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#94b6ad60}
.clip-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:9px;background:linear-gradient(135deg,#75b9a8,#39897f);box-shadow:none;border:2px solid #b6dccf;transition:transform .2s ease}
.clip-controls input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#94b6ad60}
.clip-controls input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:9px;background:#45968a;border:2px solid #b6dccf}
.clip-controls input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.clip-controls input[type=range]:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}

/* The same navigation window serves the public archive and the private catalogue. */
.pagination-shell{container-type:inline-size;margin:26px 0}
.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;margin:0;max-width:none;padding:8px 0}
.page-numbers{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.pagination-compact{display:none}
.page-number{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 10px;border-radius:6px;background:transparent;font-size:1rem;font-weight:600;transition:background-color .2s ease,color .2s ease}
.page-number:hover{background:var(--pale)}
.page-number[aria-current=page]{background:var(--ink);color:var(--paper)}
.dark .page-number[aria-current=page]{background:var(--ink);color:var(--paper)}
.page-gap{padding:0 3px;color:var(--muted)}
.page-directions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px}
.page-directions .text-link{min-height:44px;font-size:1rem;white-space:nowrap}
.page-directions>a:last-child{justify-self:end}
.page-previous .icon{rotate:180deg}
.page-position{font-size:1rem;color:var(--muted);font-variant-numeric:tabular-nums}
#admin-catalogue,#sounds{scroll-margin-top:130px}
.admin-search .search-field{max-width:none}
@container(max-width:43.75em){.pagination{grid-template-columns:1fr 1fr;gap:4px}.pagination-wide{display:none}.pagination-compact{display:flex;grid-column:1/-1;grid-row:1}.page-previous{grid-column:1;grid-row:2}.page-next{grid-column:2;grid-row:2}.page-numbers{gap:3px}.page-number{min-width:38px;padding:6px;font-size:1rem}.page-gap{padding:0}}
@media(min-width:56.3125em){.catalogue .side-nav{position:sticky;top:calc(var(--header-inset) + 110px);align-self:start;max-height:calc(100dvh - var(--header-inset) - 128px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 5px 8px}}

/* Give native, accessible audio controls a stable layout and a distinct listening surface. */
.player{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px 18px;width:620px;padding:20px 22px;border-radius:15px;background:linear-gradient(120deg,#e5f3f4,#fff);color:#193d50;box-shadow:0 12px 50px #15394738,inset 0 1px 0 #fff}
.player-copy{min-width:0;grid-column:1;grid-row:1}
.player .player-copy strong{display:block;font-size:1.125rem;line-height:1.4;overflow-wrap:break-word}
.player .player-copy small{display:block;font-size:1rem;line-height:1.6;margin-top:4px;color:#526e7c}
.player audio{display:block;grid-column:1/-1;grid-row:2;width:100%;min-width:0;height:44px;color-scheme:light}
.player .icon-button{grid-column:2;grid-row:1;width:44px;height:44px;background:#d1e6ec;color:#275666;align-self:start}
.player .icon-button svg{width:21px;height:21px}
.dark .player{background:linear-gradient(125deg,#396a76,#244956);color:#f0fbfc;box-shadow:0 16px 55px #010e19a6,0 0 30px #68cad621,inset 0 1px 0 #b3f0ef55}
.dark .player .player-copy small{color:#d0e7ed}
.dark .player .icon-button{background:#bddfe5;color:#204552}
@media(max-width:32.5em){.player{padding:16px;gap:12px;width:calc(100% - 24px)}.player .player-copy strong{font-size:1rem}.player .player-copy small{font-size:1rem}}

/* The animation is enabled only after a theme change, never during initial navigation. */
.menu-theme .icon-sun,.dark .menu-theme .icon-moon{display:none}
.dark .menu-theme .icon-sun{display:block}
.submenu-toggle .icon-chevron{width:23px;height:23px;transition:transform .24s ease}
.submenu-toggle[aria-expanded=true] .icon-chevron{transform:rotate(180deg)}
.nav-submenu .submenu-feature{display:flex;justify-content:flex-start}
.nav-submenu .submenu-feature .icon:last-child{margin-left:auto}
.environment-animated :is(.site-shell,.nav-submenu){transition:background-color .5s ease,color .35s ease}
@media(prefers-reduced-motion:reduce){.page-number,.submenu-toggle .icon-chevron,.environment-animated :is(.site-shell,.nav-submenu){transition:none}.page-number:hover{transform:none}}
/* Shared application spacing, with the approved 1300px panel width. */
.site-shell,.header-wrap,.footer-panel{max-width:1300px}
.app-page{padding:34px 0 40px}
.app-page>h1{margin-bottom:20px}
.app-card{padding:28px;border-radius:12px}
.app-two>.app-card,.support-grid>.app-card,.studio-grid>.app-card{margin:0}
.app-two{margin-bottom:24px}
.app-form .app-two{margin-bottom:0;gap:18px}
.support-grid{padding:0;gap:24px;margin-bottom:24px}
.support-grid>.app-card{align-self:start}
.support-page .faq-panel{margin:0 0 28px}
.support-page .app-form>.button{justify-self:start}
.support-page .app-form>small{max-width:60ch}
.support-page h2{margin-bottom:20px}
.support-page aside h3{font-size:1.125rem;margin-top:26px}
.catalogue-filterbar .search-field{border:0;box-shadow:none}
.catalogue-filterbar .search-field:focus-within{outline:2px solid var(--blue);outline-offset:2px;box-shadow:none}
.pagination-shell{margin:24px 0 30px;clear:both}
.pagination-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.pagination-summary .results-count{margin:0}
.page-direction{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1rem;font-weight:600;color:var(--ink);width:fit-content}
.page-direction:hover{color:var(--blue)}
.page-direction .icon{width:20px;height:20px;flex:none}
.page-direction[aria-disabled=true]{opacity:.35}
.page-next{justify-self:end}
.page-jump{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:1rem;color:var(--muted)}
.page-jump label{display:flex;align-items:center;gap:10px}
.page-jump input[type=number]{width:66px;min-height:38px;border:0;border-radius:6px;background:var(--soft);color:var(--ink);padding:7px;text-align:center;font:inherit;font-weight:600}
.page-jump button{width:40px;min-height:40px;display:grid;place-items:center;border-radius:6px;color:var(--blue)}
.page-jump button:hover{background:var(--pale)}
.page-jump button .icon{width:20px;height:20px}
.page-number:focus-visible,.page-direction:focus-visible,.page-jump :is(input,button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* The filter drawer uses the same structure and surfaces as the approved sketch. */
.taxonomy-dialog .filter-form{height:100%;min-height:0;display:flex;flex-direction:column}
.taxonomy-dialog .taxonomy-heading{margin-bottom:22px}
.taxonomy-dialog .taxonomy-heading h2{font-size:1.875rem}
.taxonomy-dialog .taxonomy-heading p{color:var(--muted);font-size:1rem;margin-bottom:0}
.taxonomy-dialog .taxonomy-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;flex:1;min-height:0}
.taxonomy-dialog .taxonomy-sort{display:flex;margin:16px 0 0;gap:16px}
.taxonomy-dialog .taxonomy-match-count{font-size:1rem;color:var(--muted)}
.taxonomy-dialog .taxonomy-option{min-height:70px}
.taxonomy-dialog .taxonomy-option small{font-size:1rem}
.taxonomy-dialog .taxonomy-option:has(input:disabled){opacity:.55}
.taxonomy-dialog .taxonomy-footer{background:transparent;box-shadow:none;padding-top:14px}
.taxonomy-dialog .taxonomy-footer strong{font-size:1rem}
.taxonomy-dialog .taxonomy-footer .text-link{font-size:1rem}

/* Compact account rows keep listening, format and download in one place. */
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-heading h1{font-size:clamp(2.125rem,4vw,3rem);margin:0 0 12px}
.account-heading p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.65}
.account-email{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:1rem;overflow-wrap:anywhere}
.account-email .icon{width:22px;height:22px;flex:none}
.account-tabs{margin:26px 0 32px}
.account-tabs a{min-height:44px;display:flex;align-items:center}
.account-library,.account-orders{margin-bottom:34px}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.account-section-heading h2,.account-orders>h2{font-size:1.625rem;margin:0}
.account-section-heading .text-link,.app-card .account-section-heading .text-link{margin:0;min-height:40px;font-size:1rem}
.account-orders>h2{margin-bottom:18px}
.library-list{display:grid;gap:8px}
.library-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(200px,260px) minmax(270px,330px);align-items:center;gap:20px;padding:15px 18px;border-radius:9px;background:var(--soft);min-width:0}
.library-row:nth-child(even){background:var(--pale)}
.library-name{display:flex;align-items:center;gap:14px;min-width:0}
.library-name>div{min-width:0}
.library-name h3{font-size:1.0625rem;line-height:1.4;margin:0;overflow-wrap:anywhere}
.library-name small{display:block;margin-top:4px;color:var(--muted);font-size:1rem}
.library-symbol{display:grid;place-items:center;flex:none;width:42px;height:46px;border-radius:9px;background:var(--pale);color:var(--blue)}
.library-symbol .icon{width:25px;height:25px}
.library-audio{width:100%;height:40px;min-width:0;color-scheme:light}
.dark .library-audio{color-scheme:dark}
.library-download{display:grid;grid-template-columns:minmax(145px,1fr) auto;gap:10px;align-items:center}
.library-download label{position:relative;display:block;min-width:0}
.library-download select{appearance:none;font:inherit;font-size:1rem;width:100%;min-height:44px;border:0;border-radius:7px;background:var(--paper);color:var(--ink);padding:10px 30px 10px 12px}
.library-download label>.icon{position:absolute;right:9px;top:14px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.library-download .button{min-height:44px;padding:10px 15px;font-size:1rem;white-space:nowrap;gap:8px}
.library-download .button .icon{width:18px;height:18px}
.library-unavailable-note{grid-column:2/-1;color:var(--muted);font-size:1rem;margin:0}
.account-empty{padding:20px 0;color:var(--muted);margin:0}
.account-empty h3{font-size:1.1875rem;color:var(--ink);margin:0 0 10px}
.account-empty p{margin:0 0 10px}
.order-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,1fr) auto auto;align-items:center;gap:22px;padding:14px 18px;background:var(--soft);border-radius:8px;margin-top:8px;font-size:1rem}
.order-row small{display:block;color:var(--muted);font-size:1rem;margin-top:5px}
.order-status{color:var(--muted)}
.order-row .text-link{min-height:40px;font-size:1rem}
.account-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.account-settings>.app-card{margin:0}
.account-settings .app-card h2{font-size:1.5625rem}
.profile-email{margin:0 0 22px;font-size:1rem;overflow-wrap:anywhere}
.profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.profile-save{justify-self:start}
.account-detail{margin-top:20px}
.account-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;list-style:none;cursor:pointer;font-weight:600;font-size:1rem}
.account-detail>summary::-webkit-details-marker{display:none}
.account-detail>summary>.icon{width:32px;height:32px;padding:6px;border-radius:50%;background:var(--pale);color:var(--blue);transition:transform .24s ease}
.account-detail[open]>summary>.icon{transform:rotate(180deg)}
.account-detail>div{padding:4px 0 16px;font-size:1rem}
.account-detail .delete-profile{margin-top:14px}
.account-ticket{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;background:var(--paper);border-radius:8px;margin-top:10px}
.account-ticket strong{display:block;overflow-wrap:anywhere;line-height:1.45;font-size:1rem}
.account-ticket small{display:block;color:var(--muted);font-size:1rem;margin-top:5px}
.account-ticket>.icon{flex:none;color:var(--blue);width:20px;height:20px}
.account-ticket:hover{background:var(--pale)}
.account-page :is(section[id],#my-profile,#my-support){scroll-margin-top:125px}

/* Restore the studio composition without decorative edges around the editor. */
.studio-page .studio-heading{margin:0 0 24px}
.studio-grid{gap:24px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start}
.studio-help h2{font-size:1.5625rem;margin-bottom:26px}
.studio-help .app-steps li{padding-bottom:20px}
.studio-help .app-steps li:last-child{padding-bottom:0}
.studio-help .app-steps strong{font-size:1rem}
.studio-help .app-steps p{font-size:1rem;line-height:1.7;margin:7px 0 0}
.studio-help .studio-retention{font-size:1rem;line-height:1.7;margin:22px 0 0}
.app-clip-editor .app-card{margin-bottom:20px}
.clip-upload{gap:18px;background:linear-gradient(130deg,var(--pale),var(--soft))}
.clip-file-picker{position:relative;display:flex!important;align-items:center;gap:15px!important;cursor:pointer;min-height:62px}
.clip-file-picker>.icon{width:32px;height:32px;color:var(--blue);flex:none}
.clip-file-picker>span:nth-child(2){min-width:0;flex:1}
.clip-file-picker strong{display:block;font-size:1.0625rem}
.clip-file-picker small{display:block;line-height:1.5;font-size:1rem;font-weight:400;margin-top:4px;overflow-wrap:anywhere}
.clip-file-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1;padding:0;min-height:0}
.clip-file-picker:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:6px;border-radius:5px}
.clip-file-button{display:flex;align-items:center;gap:10px;flex:none;min-height:46px;padding:12px 16px;background:var(--paper);border-radius:8px;font-size:1rem;box-shadow:none}
.clip-file-button .icon{width:18px;height:18px}
.clip-upload>.checkbox-line{font-size:1rem;font-weight:500}
.clip-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.clip-upload-actions>small{max-width:35ch;line-height:1.6}
.clip-upload-actions .button{white-space:nowrap;flex:none}
.clip-idle{padding:24px;background:linear-gradient(145deg,#e5ede4,#d7e7e3);color:#315853;border-radius:12px;position:relative;overflow:hidden}
.clip-idle-wave{height:90px;margin:0 0 22px;background:repeating-linear-gradient(90deg,transparent 0 10px,#7db1ac80 10px 14px,transparent 14px 19px);mask-image:radial-gradient(ellipse at center,#000,transparent 65%)}
.clip-idle strong{font-size:1.1875rem}
.clip-idle p{font-size:1rem;line-height:1.65;margin:7px 0 0;max-width:50ch}
.dark .clip-idle{background:linear-gradient(145deg,#21464c,#1b373f);color:#cbe1dd}
.clip-source-heading{display:flex;align-items:center;gap:14px}
.clip-source-heading>div{min-width:0}
.clip-source-heading h3{margin:0;font-size:1.25rem;overflow-wrap:anywhere}
.clip-source-heading .clip-duration{margin:6px 0 0;font-size:1rem;color:#52746f}
.clip-controls{border:0;box-shadow:none;background:linear-gradient(135deg,#e4eee5,#dcebe5)}
.clip-controls .library-symbol{background:#bbd9ce;color:#315f53}
.clip-controls .clip-waveform{margin-top:24px;height:180px;mask-image:none}
.clip-controls .clip-trim-fields{gap:28px;margin:22px 0 0}
.clip-time-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1rem}
.clip-time-input{display:flex;align-items:center;gap:6px;font-size:1rem;color:#476f66}
.clip-controls .clip-time-input input[type=number]{width:85px;min-height:38px;padding:7px 9px;border:0;background:#f4faf680;color:#24574e;font-size:1rem;font-weight:600;text-align:right}
.clip-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 22px}
.clip-fades{display:flex;gap:22px;font-size:1rem}
.clip-controls .clip-fades .checkbox-line{display:flex;align-items:center;gap:9px;color:#315c53}
.clip-controls .clip-fades input{accent-color:#357c6c}
.clip-controls .clip-selection-note{color:#52746f}
.clip-options-row>small{font-size:1rem;color:#476f66}
.clip-controls .matched-actions{margin:0;gap:14px}
.clip-status{font-size:1rem;color:var(--muted);line-height:1.6}
.clip-status:empty{display:none}
.studio-page>.ad-unit{margin-top:30px}
.dialog-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media(max-width:65.625em){
 .library-row{grid-template-columns:minmax(170px,1fr) minmax(200px,240px);gap:14px}
 .library-download{grid-column:1/-1;grid-template-columns:minmax(170px,1fr) auto}
 .account-settings{gap:20px}
 .profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .studio-grid{grid-template-columns:minmax(0,1fr)}
 .studio-help .app-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .studio-help .app-steps li{padding-bottom:0}
}
@media(max-width:47.5em){
 .app-page{padding:26px 0 30px}.app-card{padding:22px 18px}
 .support-grid{gap:20px;margin-bottom:20px}
 .account-heading{align-items:start;flex-direction:column;gap:16px}
 .account-email{font-size:1rem}.account-tabs{gap:6px;margin:24px 0}.account-tabs a{padding:10px 13px;font-size:1rem}
 .account-settings{grid-template-columns:minmax(0,1fr)}
 .account-section-heading{align-items:start;flex-wrap:wrap;gap:5px}
 .account-section-heading h2,.account-orders>h2{font-size:1.5rem}
 .account-library,.account-orders{margin-bottom:28px}
 .order-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
 .order-status{grid-column:1;grid-row:2}.order-row>.text-link{grid-column:2;grid-row:2;justify-self:end}
 .order-row>strong{grid-column:2;grid-row:1}
 .taxonomy-dialog .taxonomy-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .taxonomy-dialog .taxonomy-heading h2{font-size:1.5rem}
 .taxonomy-dialog .taxonomy-heading p{font-size:1rem}
 .clip-upload-actions{flex-wrap:wrap;gap:14px}
 .clip-upload-actions .button{width:100%}
 .studio-help .app-steps{display:block}.studio-help .app-steps li{padding-bottom:20px}
 .clip-controls .matched-actions .button{padding:12px 8px;font-size:1rem}
}
@media(max-width:32.5em){
 .library-row{grid-template-columns:1fr;padding:14px;gap:12px}
 .library-row .library-name{grid-column:1}.library-audio{grid-column:1;height:40px}
 .library-name h3{font-size:1rem}.library-symbol{width:34px;height:38px}.library-name{gap:10px}
 .library-download{grid-column:1;gap:8px;grid-template-columns:minmax(120px,1fr) auto}
 .library-download .button{padding:10px 12px}
 .library-unavailable-note{grid-column:1}
 .account-heading p:not(.eyebrow){font-size:1rem}
 .account-tabs{display:grid;grid-template-columns:1fr 1fr}
 .account-tabs a{justify-content:center}
 .clip-file-picker{gap:12px!important;flex-wrap:wrap}
 .clip-file-button{margin-left:44px;min-height:40px;padding:9px 14px}
 .clip-controls .clip-trim-fields{grid-template-columns:1fr 1fr;gap:14px}
 .clip-controls .clip-time-input input[type=number]{width:65px}
 .clip-time-label{gap:5px;font-size:1rem}
 .clip-controls .clip-waveform{height:140px}
 .clip-controls .matched-actions{grid-template-columns:1fr;gap:10px}
 .clip-controls .matched-actions .button{font-size:1rem;min-height:50px}
 .clip-options-row{gap:14px}.clip-fades{gap:18px}
 .clip-source-heading h3{font-size:1.125rem}.clip-idle{padding:20px}
}
@media(max-width:22.5em){
 .taxonomy-dialog .taxonomy-options{grid-template-columns:1fr}
 .taxonomy-dialog .taxonomy-select{min-width:145px}
 .taxonomy-dialog .taxonomy-sort{font-size:1rem;gap:9px}
 .taxonomy-dialog .taxonomy-heading{padding-right:28px}
 .taxonomy-dialog .taxonomy-footer .button{min-width:125px}
 .clip-time-input{gap:3px}.clip-controls .clip-time-input input[type=number]{width:54px;padding:7px 4px}
}
@media(prefers-reduced-motion:reduce){.account-detail>summary>.icon{transition:none}}
.weekly-page .free-grid{padding:0;gap:22px}
.weekly-page .free-card{--card-color:#dceee7;--card-ink:#38716b}
.weekly-page .free-card:nth-child(2){--card-color:#f0e4cc;--card-ink:#9b712c}
.weekly-page .free-card:nth-child(3){--card-color:#e3deee;--card-ink:#776492}
.weekly-page .free-card .cover{background:var(--card-color);color:var(--card-ink)}
.weekly-page .free-card .free-format{font-size:1rem;margin-top:14px;min-height:34px}
.weekly-page .free-explainer{margin:24px 0}
.admin-term-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-term-search input{min-width:0;flex:1}
.admin-term-search .button{min-height:44px}
.clip-trim-field .clip-time-label{display:flex}
#my-profile>.app-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px}
#my-profile .profile-save{min-height:48px}
#my-profile>.account-detail{display:inline-block;vertical-align:top;width:calc(50% - 14px);margin-right:10px}
.account-support>.pagination-shell{margin-bottom:0}
.account-support .account-ticket{background:var(--soft)}
@media(max-width:47.5em){#my-profile>.app-form{grid-template-columns:1fr}#my-profile>.account-detail{display:block;width:100%;margin-right:0}}
@media(max-width:32.5em){.profile-fields{grid-template-columns:1fr}}
.referral-page{max-width:52rem}.referral-page h1{font-size:clamp(2rem,4vw,2.75rem)}
.referral-panel{margin-top:2rem}.referral-panel h2{overflow-wrap:anywhere}
.referral-choices{display:flex;flex-wrap:wrap;gap:1rem;margin:1.75rem 0}.referral-choices .button{flex:1 1 14rem;min-height:3.25rem;font-size:1rem;justify-content:center}
.partner-link-field{display:grid;gap:.5rem;margin-top:1.5rem;font-weight:600}
.partner-link-field input{width:100%;min-width:0;padding:1rem;border:.0625rem solid var(--line);border-radius:.5rem;background:var(--paper);color:var(--ink);font:inherit;font-weight:400}