.su-main{max-width:1400px;margin:auto;padding:0 32px 80px}.su-hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:68px 0 54px;border-bottom:1px solid var(--border)}.su-eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}.su-hero h1{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;line-height:1.05;margin:20px 0}.su-hero h1 em{font-style:normal;color:var(--accent)}.su-hero>div>p:last-child{max-width:620px;font-size:16px;line-height:1.8;color:var(--muted)}.su-summary{min-width:235px;border-left:1px solid var(--border);padding:20px 0 20px 40px}.su-summary strong{font-size:72px;line-height:1;letter-spacing:-4px;color:var(--accent);display:block}.su-summary>span{display:block;margin:10px 0 22px;color:var(--muted);font-size:13px}.su-summary p{font-size:13px!important;margin:0;line-height:2!important}.su-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:32px 0 20px}.su-search{flex:1;max-width:650px;font-size:12px;color:var(--muted)}.su-search input{display:block;width:100%;margin-top:10px;padding:17px 18px;font-size:15px;color:var(--home-ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-sizing:border-box}.su-actions{display:flex;align-items:flex-end;gap:12px}.su-actions label{font-size:11px;color:var(--muted)}.su-actions select{display:block;margin-top:8px}.su-main button,.su-main select,#su-player button{border:1px solid var(--border);background:var(--surface);color:var(--home-ink);border-radius:6px;font:inherit;font-size:12px;padding:12px 15px;cursor:pointer}.su-main button:hover{border-color:var(--accent)}.su-main button:focus-visible,.su-main a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.su-filters{display:flex;gap:8px;flex-wrap:wrap}.su-filters button{display:flex;gap:12px;align-items:center}.su-filters span{font-size:10px;opacity:.7}.su-filters button[aria-pressed=true]{background:var(--accent);color:#172016;border-color:var(--accent)}.su-results{display:flex;align-items:center;justify-content:space-between;min-height:64px}.su-results p{font-size:12px;color:var(--muted)}.su-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.su-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);min-width:0;display:flex;flex-direction:column}.su-card a{text-decoration:none;color:inherit}.su-art{display:block;position:relative;aspect-ratio:8/5;background:#ede9dd;overflow:hidden}.su-art img,.su-art canvas{width:100%;height:100%;object-fit:cover;display:block}.su-kind{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:3px;background:#121711df;color:#f1eedf;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.su-card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.su-card-title{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.su-card h2{font-size:17px;letter-spacing:-.4px;line-height:1.3;margin:0}.su-card .su-save{padding:0;border:0;background:none;font-size:22px;line-height:1;color:var(--muted)}.su-card .su-save[aria-pressed=true]{color:var(--accent)}.su-card-copy>p{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.su-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.su-card-bottom>span{font-size:10px;color:var(--muted);text-transform:capitalize}.su-card-bottom a{font-size:11px;color:var(--accent);white-space:nowrap}.su-card-bottom button{padding:6px 8px;font-size:11px}.su-audio-art{background:#26382f;color:#d2e3a7!important}.su-wave{display:flex;height:100%;align-items:center;justify-content:center;gap:3px;padding:25px 20px 50px;box-sizing:border-box}.su-wave i{height:var(--height);min-width:2px;width:5px;background:currentColor;border-radius:2px;opacity:.8}.su-audio-meta{position:absolute;left:12px;top:12px;font-size:10px;color:#d5e2cb}.su-converter{background:#dce4c7}.su-format{display:flex;height:100%;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:28px;letter-spacing:-1px;font-weight:700;color:#27382e;white-space:pre-line;box-sizing:border-box}.su-more{display:block;margin:36px auto 0;padding:15px 30px!important}.su-main [hidden],#su-player[hidden]{display:none!important}#su-empty{text-align:center;padding:50px 20px;color:var(--muted)}#su-player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:20px;width:min(850px,calc(100% - 32px));padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 50px #0008;box-sizing:border-box}#su-player strong{font-size:13px;min-width:120px}#su-player audio{height:36px;flex:1;min-width:100px}#su-player a{color:var(--accent);font-size:12px;white-space:nowrap}#su-notice{position:fixed;bottom:100px;left:20px;background:var(--surface);z-index:101;color:var(--home-ink);font-size:13px}#su-notice:empty{display:none}.su-player-open{padding-bottom:100px}.su-studio-banner{padding:26px;border:1px solid var(--border);border-radius:12px;margin:24px 0;background:var(--surface)}.su-studio-banner a{font-weight:700;font-size:20px;color:var(--accent)}
@media(max-width:1100px){.su-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.su-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.su-summary{display:none}.su-hero{padding:40px 0}.su-toolbar{align-items:stretch;flex-direction:column}.su-actions{justify-content:space-between}.su-search{max-width:none}}@media(max-width:520px){.su-main{padding:0 18px 48px}.su-grid{grid-template-columns:1fr;gap:18px}.su-hero h1{letter-spacing:-1.8px}.su-hero>div>p:last-child{font-size:14px}.su-filters{gap:6px}.su-filters button{padding:10px 12px}.su-card h2{font-size:20px}.su-card-copy>p{font-size:13px}#su-player{flex-wrap:wrap;gap:10px;bottom:10px;padding:12px}#su-player strong{flex:1}#su-player audio{order:3;flex-basis:100%}.su-player-open{padding-bottom:150px}.su-main .su-results{gap:10px}}