.sn{align-items:center;display:flex;position:relative}.sn-bar{align-items:center;gap:4px;display:flex}.sn-top{cursor:pointer;height:40px;font:700 15px var(--font-redhat), sans-serif;color:var(--hw-ink-2);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.sn-top:hover,.sn-top.is-open{color:var(--hw-ink);background:linear-gradient(#fbfaf8,#e3e0da);box-shadow:0 3px #b9b5ae,inset 0 1px #fff}.sn-top:focus-visible,.sn-item:focus-visible,.sn-burger:focus-visible{outline-offset:2px;outline:3px solid #1a73e8}.sn-caret{color:var(--hw-orange);font-size:11px}.sn-studio{color:#fff;background:linear-gradient(180deg, #ff8a3d, var(--hw-orange) 55%, #ec5c06);box-shadow:0 3px 0 var(--hw-orange-lo), inset 0 1px 0 #ffffff80;margin-left:6px}.sn-studio:hover{color:#fff;box-shadow:0 3px 0 var(--hw-orange-lo), inset 0 1px 0 #ffffff80;background:linear-gradient(#ff9a52,#ff7a26 55%,#ef6610)}.sn-panel{z-index:50;background:linear-gradient(180deg, var(--hw-shell-hi), var(--hw-shell) 60%, #dcd9d4);border-radius:22px;width:min(1100px,100vw - 32px);padding:20px 22px 22px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:inset 0 1px #fff,0 24px 48px -16px #00000059,0 2px 6px #0000001f}.sn-cols{gap:18px;display:grid}.sn-col ul{margin:0;padding:0;list-style:none}.sn-col-title{font:700 11.5px var(--font-redhat-mono), monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--hw-ink-2);border-bottom:1px solid #cfcbc5;margin-bottom:8px;padding-bottom:6px}.sn-item{font:600 14px var(--font-redhat), sans-serif;color:var(--hw-ink);border-radius:8px;align-items:center;gap:6px;margin:0 -6px;padding:4px 6px;text-decoration:none;display:flex}.sn-item:hover{color:#8a3300;background:#ff6b121a}.sn-soon,.sn-free{font:700 10px var(--font-redhat-mono), monospace;text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:2px 5px}.sn-soon{color:var(--hw-ink-2);background:#d6d2cc}.sn-free{color:#1d6b3a;background:#cfe8d6}.sn-burger{cursor:pointer;height:40px;font:800 15px var(--font-redhat), sans-serif;color:var(--hw-ink);background:linear-gradient(#fbfaf8,#e3e0da);border:0;border-radius:12px;padding:0 16px;display:none;box-shadow:0 3px #b9b5ae,inset 0 1px #fff}.sn-mobile{display:none}@media (max-width:960px){.sn-bar,.sn-panel{display:none}.sn-burger{align-items:center;display:inline-flex}.sn-mobile{z-index:50;background:linear-gradient(180deg, var(--hw-shell-hi), var(--hw-shell));border-radius:20px;width:min(420px,100vw - 24px);max-height:75vh;padding:12px 16px 16px;display:block;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:inset 0 1px #fff,0 20px 40px -12px #00000059}.sn-m-group{border-bottom:1px solid #d3cfc9}.sn-m-group summary{cursor:pointer;font:800 16px var(--font-redhat), sans-serif;color:var(--hw-ink);padding:12px 2px;list-style:none}.sn-m-group summary:after{content:" ▾";color:var(--hw-orange)}.sn-m-col{padding:4px 6px 12px}.sn-m-col .sn-item{padding:6px}.sn-m-studio{text-align:center;font:800 16px var(--font-redhat), sans-serif;color:#fff;background:linear-gradient(180deg, #ff8a3d, var(--hw-orange) 55%, #ec5c06);box-shadow:0 3px 0 var(--hw-orange-lo);border-radius:12px;margin-top:14px;padding:12px;text-decoration:none;display:block}}.bc{font:500 13px var(--font-redhat-mono), monospace;color:var(--hw-ink-2)}.bc ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bc li+li:before{content:"›";color:#a8a39b;margin-right:6px}.bc a{color:var(--hw-ink-2);text-decoration:none}.bc a:hover{color:var(--hw-ink);text-underline-offset:3px;text-decoration:underline}.bc [aria-current]{color:var(--hw-ink)}.tp-runner{flex-direction:column;gap:14px;display:flex}.tp-drop{text-align:center;color:#f1ede6;background:var(--hw-glass);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:24px;display:flex;box-shadow:inset 0 3px 10px #000000b3}.tp-drop.is-drag{box-shadow:inset 0 0 0 3px var(--hw-orange), inset 0 3px 10px #000000b3}.tp-drop b{font-size:22px;font-weight:900}.tp-drop small{font:500 13px var(--font-redhat-mono), monospace;color:#a29c93;max-width:460px;line-height:1.5}.tp-song{background:#00000008;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:inset 0 1px 2px #0000001a,0 1px #fff}.tp-song-name{text-overflow:ellipsis;white-space:nowrap;flex:200px;min-width:0;font-size:17px;font-weight:800;overflow:hidden}.tp-song-name small{font:500 13px var(--font-redhat-mono), monospace;color:var(--hw-ink-2);display:block}.tp-go.hw-key{height:54px;padding:0 22px;font-size:16px;font-weight:800}.tp-sure{flex-wrap:wrap;align-items:center;gap:10px;font-weight:800;display:flex}.tp-sure .hw-key{height:46px;padding:0 18px;font-size:15px;font-weight:800}.tp-note{font:500 13px var(--font-redhat-mono), monospace;color:var(--hw-ink-2);margin:0;line-height:1.5}.tp-soon{background:#00000008;border-radius:18px;padding:22px;box-shadow:inset 0 1px 2px #0000001a,0 1px #fff}.tp-soon b{margin-bottom:6px;font-size:18px;display:block}.tp-related{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.tp-related a,.tp-dir a{color:var(--hw-ink);background:linear-gradient(#fdfcfa,#ebe8e2);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 2px #b9b5ae,inset 0 1px #fff}.tp-related a:hover,.tp-dir a:hover{background:linear-gradient(#fff,#f1eee9)}.tp-dir-group{margin-top:36px}.tp-dir-col{margin-top:14px}.tp-dir-col h3{font:700 12px var(--font-redhat-mono), monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--hw-ink-2);margin:0 0 8px}.tp-dir{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.sn-panel:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.sn-signin{color:var(--hw-ink);background:linear-gradient(#fbfaf8,#e3e0da);box-shadow:0 3px #b9b5ae,inset 0 1px #fff}.sn-acct{align-items:center;gap:8px;display:flex;position:relative}.sn-credits{color:var(--hw-ink);background:linear-gradient(#fbfaf8,#e3e0da);gap:8px;box-shadow:0 3px #b9b5ae,inset 0 1px #fff}.sn-coin{background:radial-gradient(circle at 40% 35%,#ffd99a,#e2873a 60%,#9a4f14);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #00000026}.sn-acct-pop{z-index:60;background:linear-gradient(180deg, var(--hw-shell-hi), var(--hw-shell));border-radius:14px;min-width:200px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:inset 0 1px #fff,0 16px 32px -12px #00000059}.sn-acct-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-weight:800;overflow:hidden}.sn-credits.is-wait{opacity:.55;cursor:default;justify-content:center;min-width:64px}.tp-dir-col h2{font:700 13px var(--font-redhat-mono), monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--hw-ink-2);margin:0 0 10px}.tp-cat{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tp-cat a{height:100%;color:var(--hw-ink);background:linear-gradient(#fdfcfa,#ebe8e2);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex;box-shadow:0 2px #b9b5ae,inset 0 1px #fff}.tp-cat a:hover{background:linear-gradient(#fff,#f1eee9)}.tp-cat b{align-items:center;gap:8px;font-size:15.5px;font-weight:800;display:flex}.tp-cat span:not(.sn-soon):not(.sn-free){color:var(--hw-ink-2);font-size:14px;line-height:1.45}.try-tool{background:linear-gradient(#fdfcfa,#ebe8e2);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:40px 0 8px;padding:20px 22px;display:flex;box-shadow:0 2px #b9b5ae,inset 0 1px #fff}.try-tool>div{flex:320px;min-width:0}.try-tool-k{font:700 12px var(--font-redhat-mono), monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--hw-ink-2);margin:0}.try-tool-t{color:var(--hw-ink);margin:4px 0 0;font-size:20px;font-weight:900}.try-tool-d{color:var(--hw-ink-2);margin:4px 0 0;font-size:15px;line-height:1.5}.try-tool-b{color:#fff;background:var(--hw-orange);border-radius:12px;align-items:center;min-height:44px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 2px #b0490f}.try-tool-b:hover{filter:brightness(1.05)}.tool-facts{max-width:980px;color:var(--hw-ink-2);flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;font-size:14.5px;line-height:1.45;list-style:none;display:flex}.tool-facts li{padding-left:14px;position:relative}.tool-facts li:before{content:"";background:var(--hw-orange);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.tool-facts b{color:var(--hw-ink)}.tool-facts a{text-underline-offset:2px;text-decoration:underline}