.library .peal-nav{--peal-nav-bg:#111113;--peal-nav-text:#ffffffeb;--peal-nav-text-dim:#ffffff80;--peal-nav-border:#ffffff0f;--peal-nav-border-lit:#ffffff1a;--peal-nav-accent:#4a9eff;--peal-nav-accent-hi:#6bb0ff;--peal-nav-accent-glow:#4a9eff26}.library{--library-bg:#111113;--library-surface:#1c1c1e;--library-surface-2:#18181b;--library-surface-3:#232326;--library-surface-hover:#2c2c2e;--library-border:#ffffff0f;--library-border-lit:#ffffff1a;--library-text:#ffffffeb;--library-text-dim:#ffffff80;--library-text-muted:#ffffff52;--library-accent:#ffffffc7;--library-accent-hi:#ffffffeb;--library-brand:#4a9eff;--library-brand-hi:#6bb0ff;--library-brand-muted:#4a9eff1a;--library-brand-border:#4a9eff52;isolation:isolate;background-color:var(--library-bg);min-height:100vh;color:var(--library-text);font-family:var(--peal-font);font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking);line-height:var(--peal-leading);background-image:radial-gradient(72% 42% at 50% 0,#ffffff02,#0000 56%),linear-gradient(#121214 0%,#111113 32%,#0f0f11 100%);position:relative}.library[data-peal-theme=light]{--library-bg:#eef1f6;--library-surface:#fff;--library-surface-2:#f3f5f8;--library-surface-3:#e8ecf2;--library-surface-hover:#e2e8f0;--library-border:#0f172a14;--library-border-lit:#0f172a1f;--library-text:#0f172ae6;--library-text-dim:#0f172a8c;--library-text-muted:#0f172a66;--library-accent:#0f172ac7;--library-accent-hi:#0f172aeb;--library-brand-muted:#4a9eff14;--library-brand-border:#4a9eff47;background-image:linear-gradient(#f3f5f8 0%,#eef1f6 32%,#e8ecf2 100%)}.library[data-peal-theme=light] .library-welcome-header h1{color:#0f172aeb}.library[data-peal-theme=light] .library-welcome-card:hover{background:#f8fafc;box-shadow:inset 0 1px #ffffffe6,0 10px 32px -20px #0f172a1f}.library[data-peal-theme=light] .library-welcome-card:hover .library-welcome-icon{color:var(--library-brand)}.library>main{background:0 0!important}.library h1,.library h2,.library h3{letter-spacing:-.01em}.library .dark\:bg-gray-950{background-color:#0000!important}.library .dark\:bg-gray-900\/50,.library .dark\:bg-gray-900{background-color:var(--library-surface)!important}.library .dark\:bg-gray-800{background-color:var(--library-surface-3)!important}.library .dark\:bg-gray-700{background-color:var(--library-surface-hover)!important}.library .dark\:hover\:bg-gray-800:hover{background-color:var(--library-surface-3)!important}.library .dark\:hover\:bg-gray-700:hover{background-color:var(--library-surface-hover)!important}.library .dark\:bg-gray-600{background-color:var(--library-border-lit)!important}.library .surface-primary{background-color:var(--library-surface)!important;border-color:var(--library-border)!important}.library .dark\:border-gray-800{border-color:var(--library-border)!important}.library .dark\:border-gray-700,.library .dark\:hover\:border-gray-700:hover{border-color:var(--library-border-lit)!important}.library .border-dashed{background-image:none!important;background-color:var(--library-surface-2)!important;border-color:var(--library-border-lit)!important}.library-welcome{max-width:880px;margin:0 auto 28px;padding:4px 0 8px}.library-welcome-header{text-align:center;margin-bottom:18px}.library-welcome-kicker{font-family:var(--peal-font);color:var(--library-brand);text-transform:uppercase;letter-spacing:.18em;margin-bottom:6px;font-size:10px;font-weight:500;display:inline-flex}.library-welcome-header h1{font-size:clamp(1.25rem,2.8vw,1.45rem);font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking-tight);line-height:var(--peal-leading-tight);color:#fffffff5;margin:0 0 6px}.library-welcome-lead{font-size:13px;font-weight:var(--peal-font-weight);line-height:var(--peal-leading);letter-spacing:var(--peal-tracking);color:var(--library-text-dim);max-width:36ch;margin:0 auto}.library-welcome-grid{grid-template-columns:repeat(3,1fr);gap:10px 12px;display:grid}.library-welcome-card{isolation:isolate;text-align:center;border:1px solid var(--library-border);background:var(--library-surface);color:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:16px 14px 14px;transition:border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.library-welcome-card:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(#ffffff12 0%,#0000 48%),radial-gradient(85% 70% at 50% -12%,#ffffff0d,#0000 58%);transition:opacity .22s;position:absolute;inset:0}.library-welcome-card:hover{border-color:var(--library-border-lit);background:#1e1e20;box-shadow:inset 0 1px #ffffff0a,0 10px 32px -20px #000000a6}.library-welcome-card:hover:before{opacity:1}.library-welcome-icon{z-index:1;border:1px solid var(--library-brand-border);background:var(--library-brand-muted);width:40px;height:40px;color:var(--library-brand-hi);border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;transition:color .15s,border-color .15s,background .15s;display:inline-flex;position:relative}.library-welcome-card:hover .library-welcome-icon{color:#fff;background:#4a9eff29;border-color:#4a9eff73}.library-welcome-card h2{z-index:1;letter-spacing:-.01em;color:var(--library-text);margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.3;position:relative}.library-welcome-card p{z-index:1;color:var(--library-text-dim);max-width:22ch;margin:0 0 16px;font-size:12px;font-weight:400;line-height:1.55;position:relative}.library-welcome-cta{z-index:1;font-family:var(--peal-font);letter-spacing:.04em;color:#ffffff8c;align-items:center;gap:4px;margin-top:auto;font-size:11px;font-weight:500;transition:color .15s,gap .15s;display:inline-flex;position:relative}.library-welcome-card:hover .library-welcome-cta{color:var(--library-brand-hi);gap:6px}@media (max-width:768px){.library-welcome-grid{grid-template-columns:1fr}}.library .dark\:bg-blue-900\/20,.library .bg-blue-50{background-color:#ffffff0f!important}.library .dark\:text-blue-400,.library .dark\:text-blue-600,.library .text-blue-600{color:var(--library-accent-hi)!important}.library .dark\:hover\:border-purple-400:hover,.library .hover\:border-purple-500:hover{border-color:var(--library-border-lit)!important}.library .dark\:bg-purple-900\/50,.library .bg-purple-100{background-color:#ffffff0a!important}.library .dark\:text-purple-400,.library .dark\:text-purple-600,.library .text-purple-600{color:#ffffffb8!important}.library .group-hover\:scale-110{transform:none!important}.library .focus\:ring-blue-500:focus,.library .dark\:focus\:ring-blue-400:focus{--tw-ring-color:#ffffff24!important}.library-generate-more-btn{border:1px dashed var(--library-border-lit);background:var(--library-surface-2);width:100%;min-height:200px;color:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 20px;transition:border-color .2s,background .2s;display:flex}.library-generate-more-btn:hover{background:var(--library-surface);border-color:#ffffff24}.library-generate-more-icon{color:#ffffffb8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.library-generate-more-copy p{letter-spacing:-.01em;color:var(--library-text);margin:0 0 4px;font-size:14px;font-weight:500}.library-generate-more-copy span{color:var(--library-text-dim);font-size:12px}.library [data-id]{box-shadow:inset 0 1px #ffffff08,0 8px 22px -14px #00000080}.gen-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#0000009e;border:none;margin:0;padding:0;position:fixed;inset:0}.gen-modal-stage{z-index:50;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gen-modal{pointer-events:auto;border:1px solid var(--library-border-lit);background:var(--library-surface);width:100%;max-width:420px;color:var(--library-text);font-family:var(--peal-font);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 64px -28px #000000d9}.gen-modal-head{border-bottom:1px solid var(--library-border);padding:20px 20px 18px;position:relative}.gen-modal-close{width:32px;height:32px;color:var(--library-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:14px;right:14px}.gen-modal-close:hover{color:var(--library-text);background:#ffffff0d}.gen-modal-head-row{align-items:center;gap:12px;padding-right:28px;display:flex}.gen-modal-head-icon{border:1px solid var(--library-brand-border);background:var(--library-brand-muted);width:40px;height:40px;color:var(--library-brand-hi);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gen-modal-head h2{letter-spacing:-.01em;color:var(--library-text);margin:0 0 2px;font-size:15px;font-weight:500}.gen-modal-head p{color:var(--library-text-dim);margin:0;font-size:12px}.gen-modal-body{flex-direction:column;gap:20px;padding:18px 20px 20px;display:flex}.gen-modal-field>label{color:var(--library-text-dim);margin-bottom:10px;font-size:12px;font-weight:500;display:block}.gen-modal-field>label strong{color:var(--library-brand-hi);font-weight:500}.gen-modal-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gen-modal-type-btn{border:1px solid var(--library-border);background:var(--library-surface-2);color:var(--library-text-dim);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;transition:border-color .15s,background .15s,color .15s;display:flex}.gen-modal-type-btn:hover{border-color:var(--library-border-lit);background:var(--library-surface-3);color:var(--library-text)}.gen-modal-type-btn.is-selected{border-color:var(--library-brand-border);background:var(--library-brand-muted);color:var(--library-text)}.gen-modal-type-icon{color:#ffffff9e;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,border-color .15s;display:inline-flex}.gen-modal-type-btn.is-selected .gen-modal-type-icon{border-color:var(--library-brand-border);color:var(--library-brand-hi)}.gen-modal-type-btn span{letter-spacing:.02em;font-size:11px;font-weight:500}.gen-modal-range{appearance:none;background:var(--library-surface-3);cursor:pointer;border-radius:999px;width:100%;height:4px}.gen-modal-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--library-surface);background:var(--library-brand);width:14px;height:14px;box-shadow:0 0 0 1px var(--library-brand-border);border-radius:50%}.gen-modal-range::-moz-range-thumb{border:2px solid var(--library-surface);background:var(--library-brand);width:14px;height:14px;box-shadow:0 0 0 1px var(--library-brand-border);border-radius:50%}.gen-modal-range-ticks{color:var(--library-text-muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.gen-modal-style-list{flex-direction:column;gap:8px;display:flex}.gen-modal-style-btn{border:1px solid var(--library-border);background:var(--library-surface-2);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.gen-modal-style-btn:hover{border-color:var(--library-border-lit);background:var(--library-surface-3)}.gen-modal-style-btn.is-selected{border-color:var(--library-brand-border);background:var(--library-brand-muted)}.gen-modal-style-main{align-items:flex-start;gap:10px;min-width:0;display:flex}.gen-modal-style-icon{color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:inline-flex}.gen-modal-style-btn.is-selected .gen-modal-style-icon{border-color:var(--library-brand-border);color:var(--library-brand-hi)}.gen-modal-style-btn strong{color:var(--library-text);font-size:13px;font-weight:500;display:block}.gen-modal-style-btn small{color:var(--library-text-dim);margin-top:2px;font-size:11px;display:block}.gen-modal-style-check{background:var(--library-brand);width:8px;height:8px;box-shadow:0 0 0 3px var(--library-brand-muted);border-radius:50%;flex-shrink:0}.gen-modal-foot{border-top:1px solid var(--library-border);gap:10px;padding:16px 20px 20px;display:flex}.gen-modal-btn{font-family:var(--peal-font);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.gen-modal-btn--ghost{border-color:var(--library-border);background:var(--library-surface-2);color:var(--library-text-dim)}.gen-modal-btn--ghost:hover{border-color:var(--library-border-lit);background:var(--library-surface-3);color:var(--library-text)}.gen-modal-btn--primary{background:var(--library-brand);color:#0b1220;border-color:#4a9eff73}.gen-modal-btn--primary:hover:not(:disabled){background:var(--library-brand-hi)}.gen-modal-btn--primary:disabled{opacity:.45;cursor:not-allowed}.gen-modal-spinner{border:2px solid #0b122040;border-top-color:#0b1220;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite gen-modal-spin}@keyframes gen-modal-spin{to{transform:rotate(360deg)}}.library-workspace{min-height:100vh;color:var(--library-text)}.library-workspace-inner{max-width:90rem;margin:0 auto;padding-top:28px;padding-bottom:48px}.library-layout{gap:28px;margin-top:24px;display:flex}.library-layout-main{flex:1;min-width:0}.library-sound-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}@media (min-width:640px){.library-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.library-sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.library-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.library-loading{min-height:50vh;color:var(--library-text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.library-loading-spinner{border:2px solid var(--library-border-lit);border-top-color:var(--library-brand);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite gen-modal-spin}.library-sidebar{flex-direction:column;flex-shrink:0;gap:22px;width:220px;display:flex}.library-sidebar-field label,.library-sidebar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--library-text-muted);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.library-sidebar-input{border:1px solid var(--library-border);background:var(--library-surface-2);width:100%;color:var(--library-text);font-family:var(--peal-font);border-radius:9px;padding:9px 11px;font-size:13px;transition:border-color .15s,background .15s}.library-sidebar-input::placeholder{color:var(--library-text-muted)}.library-sidebar-input:focus{border-color:var(--library-brand-border);background:var(--library-surface);outline:none}.library-sidebar-filters{flex-direction:column;gap:4px;display:flex}.library-sidebar-filter{width:100%;color:var(--library-text-dim);font-family:var(--peal-font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:13px;transition:color .15s,background .15s,border-color .15s}.library-sidebar-filter:hover{color:var(--library-text);background:#ffffff08}.library-sidebar-filter.is-active{color:var(--library-brand-hi);border-color:var(--library-brand-border);background:var(--library-brand-muted)}.library-selection-bar{border:1px solid var(--library-brand-border);background:var(--library-brand-muted);border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 14px;display:flex}.library-selection-count{color:var(--library-text);font-size:13px;font-weight:500}.library-selection-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-selection-btn{border:1px solid var(--library-border-lit);background:var(--library-surface-2);color:var(--library-text-dim);font-family:var(--peal-font);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.library-selection-btn:hover{color:var(--library-text);border-color:var(--library-border-lit);background:var(--library-surface-3)}.library-selection-btn--danger{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.library-selection-btn--danger:hover{color:#fecaca;background:#ef44442e;border-color:#ef444473}.library-selection-divider{background:var(--library-border-lit);width:1px;height:22px}.library-selection-icon-btn{width:32px;height:32px;color:var(--library-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.library-selection-icon-btn:hover{color:var(--library-text);background:#ffffff0d}.library-promo-card{border:1px solid var(--library-brand-border);background:linear-gradient(145deg, #4a9eff1a 0%, var(--library-surface) 52%);min-height:200px;color:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;grid-column:span 2;justify-content:center;align-items:flex-start;gap:14px;padding:22px 24px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.library-promo-card:hover{border-color:#4a9eff73;box-shadow:inset 0 1px #ffffff0a,0 12px 36px -20px #4a9eff38}.library-promo-card-glow{pointer-events:none;background:radial-gradient(circle,#4a9eff24 0%,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;inset:-40% auto auto -20%}.library-promo-icon{z-index:1;border:1px solid var(--library-brand-border);background:var(--library-brand-muted);width:44px;height:44px;color:var(--library-brand-hi);border-radius:11px;justify-content:center;align-items:center;display:inline-flex;position:relative}.library-promo-copy{z-index:1;flex-direction:column;gap:4px;display:flex;position:relative}.library-promo-copy strong{letter-spacing:-.01em;color:var(--library-text);font-size:15px;font-weight:500}.library-promo-copy span{color:var(--library-text-dim);max-width:28ch;font-size:12px}.library-promo-cta{z-index:1;background:var(--library-brand);color:#0b1220;border:1px solid #4a9eff66;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex;position:relative}.library-promo-card:hover .library-promo-cta{background:var(--library-brand-hi)}@media (max-width:640px){.library-sidebar{display:none}.library-promo-card{grid-column:span 1}}