.tools{background:var(--band)}.sharing-note{color:var(--subtle);font-size:13px!important}.tool-preview{margin:24px 0 0;width:220px;max-width:100%}.tool-preview a{display:block;cursor:zoom-in}.tool-preview a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.tool-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.tool-preview figcaption{font:12px monospace;color:var(--subtle);margin-top:10px}
.hero h1{white-space:nowrap;overflow-wrap:normal;max-width:100%}
.tools>.section-label{min-height:200px;margin:-65px -9.524% 0;padding:36px 8%;align-items:flex-end;gap:24px;color:#fff;border:0;background:linear-gradient(#1115,#1118),url('assets/tools-workspace.web.webp') center/cover}
.studio #about{background:linear-gradient(#fafafadd,#fafafadd),url('assets/about-studio.web.webp') center/cover}
html[data-theme=dark] .studio #about{background-image:linear-gradient(#151715dd,#151715dd),url('assets/about-studio.web.webp')}
.studio .soumari-feature{background-image:linear-gradient(90deg,#1118,#1112),url('assets/soumari-studio.web.webp')}
@media(max-width:700px){.tools>.section-label{margin:-40px -24px 0;padding:24px;min-height:180px;flex-wrap:wrap;background-position:65% center}.studio #about{background-position:65% center}.studio .soumari-feature{background-position:60% center;background-image:linear-gradient(#111a,#111a),url('assets/soumari-studio.web.webp')}}
.sleep-timer-previews{display:flex;flex-wrap:wrap;gap:16px;width:100%;margin-top:18px}.sleep-timer-previews .tool-preview{flex:0 1 140px;width:140px;margin:0}.sleep-timer-previews img{object-fit:contain;background:#000}.sleep-timer-previews figcaption{line-height:1.5}
