.ns-sound-library{min-width:0;color:var(--foreground);font-size:14px;line-height:1.8}.ns-sfx-intro{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ns-sfx-intro>svg{color:var(--primary)}.ns-sfx-intro>div{flex:1;min-width:160px}.ns-sfx-intro h2{margin:0;font-size:22px;font-weight:650}.ns-sfx-intro p{color:var(--muted-foreground);margin:0;font-size:12px}.ns-sfx-intro>a{min-height:44px;color:var(--primary);align-items:center;font-size:12px;display:flex}.ns-sfx-tools{grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(160px,1fr);align-items:end;gap:12px;display:grid}.ns-sfx-tools>label{min-width:0;color:var(--muted-foreground);gap:4px;font-size:11px;display:grid}.ns-sfx-tools .ns-sfx-search{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.ns-sfx-search input{width:100%;min-width:0;min-height:44px;color:var(--foreground);background:0 0;outline:none;font-size:16px}.ns-sfx-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.ns-sfx-tools select{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;min-height:44px;color:var(--foreground);border-radius:8px;padding:6px 8px;font-size:16px}.ns-sfx-shortcuts{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.ns-sfx-shortcuts button,.ns-sfx-pages button{border:1px solid var(--border);cursor:pointer;border-radius:7px;min-height:44px;padding:6px 12px;font-size:12px}.ns-sfx-shortcuts button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--accent)}.ns-sfx-count{color:var(--muted-foreground);font-size:12px}.ns-sfx-rows{border:1px solid var(--border);border-radius:10px;overflow:hidden}.ns-sfx-row{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.ns-sfx-row:last-child{border:0}.ns-sfx-row>div{flex:1;min-width:0}.ns-sfx-row h3{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:500}.ns-sfx-row p{color:var(--muted-foreground);overflow-wrap:anywhere;margin:2px 0 0;font-size:11px}.ns-sfx-play,.ns-sfx-download,.ns-sfx-use{cursor:pointer;min-width:44px;min-height:44px;color:var(--primary);background:var(--accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex}.ns-sfx-use{padding:6px 10px}.ns-sfx-pages{justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:12px;display:flex}.ns-sfx-pages button:disabled{opacity:.4;cursor:default}.ns-sfx-error{color:var(--destructive);font-size:13px}.ns-sfx-error button{min-height:44px;margin-left:12px;text-decoration:underline}.ns-sfx-empty{color:var(--muted-foreground);padding:28px 12px}.ns-sfx-dialog{width:calc(100% - 24px)!important;max-width:1000px!important;max-height:calc(var(--app-viewport-height,100dvh) - 24px)!important;overflow-y:auto!important}.ns-sfx-dialog [data-slot=dialog-header]{padding-right:40px}.ns-sfx-shell{width:100%;max-width:1180px;padding:24px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));margin:0 auto}.ns-sfx-back{min-height:44px;color:var(--primary);align-items:center;margin-bottom:14px;font-size:13px;display:inline-flex}.ns-sound-library :is(a,button,select):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:700px){.ns-sfx-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ns-sfx-tools .ns-sfx-search{grid-column:1/-1}.ns-sfx-row{gap:8px;padding:9px}.ns-sfx-row p span{display:none}.ns-sfx-intro h2{font-size:20px}}@media (max-width:360px){.ns-sfx-tools{grid-template-columns:minmax(0,1fr)}}