:root{--bg:#0a0d14;--bg-raised:#10151f;--surface:#121826;--surface-2:#171f30;--surface-3:#1d2740;--line:#94a3c824;--line-strong:#94a3c847;--text:#eef2fa;--text-soft:#a7b1c8;--text-faint:#6b7690;--accent:#38d0f2;--accent-soft:#38d0f224;--accent-line:#38d0f273;--bits:#b48cff;--bits-soft:#b48cff24;--cp:#4ad6a8;--cp-soft:#4ad6a824;--good:#4ad67f;--good-soft:#4ad67f21;--warn:#f2b84b;--warn-soft:#f2b84b21;--bad:#f2647c;--bad-soft:#f2647c21;--radius:12px;--radius-sm:8px;--shadow:0 10px 30px #02061073;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(ellipse 60rem 30rem at 85% -10%, #38d0f212, transparent), radial-gradient(ellipse 40rem 24rem at -10% 30%, #b48cff0d, transparent), var(--bg);min-width:320px;min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:1.35rem}h2{font-size:1.05rem}h3{font-size:.92rem}p{margin:0}code{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;border-radius:5px;padding:.12rem .4rem;font-family:JetBrains Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82em}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);min-height:38px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.88rem;font-weight:550;transition:border-color .12s,background .12s,color .12s;display:inline-flex}button:hover{border-color:var(--accent-line);background:var(--surface-3)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}button.primary:hover{background:#38d0f238}button.ghost{color:var(--text-soft);background:0 0;border-color:#0000}button.ghost:hover{border-color:var(--line-strong);color:var(--text)}button.danger{color:var(--bad);background:var(--bad-soft);border-color:#f2647c66}button.danger:hover{border-color:var(--bad);background:#f2647c38}button.warn-active{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b80}input[type=text],input[type=number],input:not([type]),input[type=search],select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);width:100%;min-height:38px;padding:.45rem .65rem;font-size:.9rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}input[type=range]{width:100%;accent-color:var(--accent);min-height:24px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input[type=file]{display:none}label{color:var(--text-soft);flex-direction:column;gap:.32rem;font-size:.8rem;font-weight:550;display:flex}table{border-collapse:collapse;width:100%;font-size:.86rem}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:.55rem .75rem;font-size:.68rem;font-weight:650}td{border-bottom:1px solid var(--line);color:var(--text-soft);vertical-align:middle;padding:.6rem .75rem}td:first-child,th:first-child{padding-left:.25rem}tbody tr:hover td{background:#94a3c80a}.app-shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0a0d14b3;flex-direction:column;gap:1.2rem;height:100vh;padding:1.1rem .85rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.65rem;padding:0 .35rem;display:flex}.brand-mark{flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{border-radius:10px;display:block}.brand-mark.large{width:58px;height:58px}.brand-mark.large svg{border-radius:14px}.brand strong{letter-spacing:-.01em;font-size:.98rem;display:block}.brand span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;display:block}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:.9rem .6rem .3rem;font-size:.64rem;font-weight:700}.sidebar nav button{color:var(--text-soft);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:flex-start;gap:.6rem;min-height:36px;padding:.45rem .6rem;font-weight:520}.sidebar nav button:hover{background:var(--surface-2);color:var(--text)}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.sidebar nav button .nav-badge{background:var(--bad-soft);color:var(--bad);font-variant-numeric:tabular-nums;border-radius:99px;margin-left:auto;padding:.08rem .45rem;font-size:.66rem;font-weight:700}.sidebar-user{border-top:1px solid var(--line);color:var(--text-soft);align-items:center;gap:.55rem;margin-top:auto;padding-top:.85rem;padding-left:.35rem;font-size:.8rem;display:flex}.sidebar-user img{border-radius:50%;width:28px;height:28px}.sidebar-user .dot-avatar{background:var(--surface-3);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}main{width:100%;min-width:0;max-width:1240px;padding:0 1.6rem 3rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0a0d14e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 -1.6rem 1.4rem;padding:.85rem 1.6rem;display:flex;position:sticky;top:0}.topbar h1{font-size:1.12rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);margin-bottom:.15rem;font-size:.66rem;font-weight:700}.status-strip{flex-wrap:wrap;gap:.4rem;display:flex}.status-strip .chip{border:1px solid var(--line);color:var(--text-soft);background:var(--surface);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.74rem;font-weight:600;display:inline-flex}.chip .dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:7px;height:7px}.chip.good{color:var(--good);background:var(--good-soft);border-color:#4ad67f59}.chip.good .dot{background:var(--good);box-shadow:0 0 6px var(--good)}.chip.warn{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b59}.chip.warn .dot{background:var(--warn)}.chip.bad{color:var(--bad);background:var(--bad-soft);border-color:#f2647c59}.chip.bad .dot{background:var(--bad)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.15rem 1.25rem}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.section-title p.desc{color:var(--text-soft);max-width:60ch;margin-top:.3rem;font-size:.85rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.65rem .9rem;font-size:.86rem;display:flex}.alert.error{background:var(--bad-soft);color:var(--bad);border-color:#f2647c66}.alert.success{background:var(--good-soft);color:var(--good);border-color:#4ad67f66}.pill{border:1px solid var(--line-strong);color:var(--text-soft);white-space:nowrap;text-transform:capitalize;border-radius:99px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.7rem;font-weight:650;display:inline-flex}.pill.status-completed,.pill.available,.pill.ok{color:var(--good);background:var(--good-soft);border-color:#4ad67f66}.pill.status-failed,.pill.voided,.pill.invalid{color:var(--bad);background:var(--bad-soft);border-color:#f2647c66}.pill.status-queued,.pill.status-playing{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.pill.status-canceled,.pill.used,.pill.expired{color:var(--text-faint)}.pill.bits{color:var(--bits);background:var(--bits-soft);border-color:#b48cff66}.pill.cp{color:var(--cp);background:var(--cp-soft);border-color:#4ad6a866}.pill.warn-pill{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b73}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--surface-2) 40%, var(--surface-3) 50%, var(--surface-2) 60%);background-size:200% 100%;height:52px;margin-bottom:.7rem;animation:1.4s infinite shimmer}.skeleton.wide{height:120px}@keyframes shimmer{to{background-position:-200% 0}}.login-panel{text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:560px;margin:8vh auto;padding:2.4rem 2rem;display:flex}.login-panel>p{color:var(--text-soft);max-width:46ch;font-size:.92rem;line-height:1.55}.login-meta{color:var(--text-faint);text-align:left;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;align-items:center;gap:.45rem .8rem;width:100%;padding:.8rem .95rem;font-size:.78rem;display:grid}.login-meta.compact{margin-top:.9rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.metric-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.2rem;min-width:0;padding:.95rem 1.05rem;display:flex}.metric-grid article span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.68rem;font-weight:700}.metric-grid article strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.65rem;font-weight:700}.metric-grid article small{color:var(--text-soft);font-size:.76rem}.metric-grid article.accent strong{color:var(--accent)}.metric-grid article.bits strong{color:var(--bits)}.metric-grid article.cp strong{color:var(--cp)}.metric-grid article.warn strong{color:var(--warn)}.metric-grid article.bad strong{color:var(--bad)}.split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.split h3{margin-bottom:.3rem}.split p{color:var(--text-soft);font-size:.85rem;line-height:1.5}.search{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:250px;color:var(--text-faint);flex-direction:row;align-items:center;gap:.5rem;padding:0 .65rem;display:flex}.search input{background:0 0;border:none;min-height:36px;padding:0}.search input:focus-visible{outline:none}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:.9rem;display:grid}.sound-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.8rem;min-width:0;padding:.95rem;transition:border-color .12s;display:flex}.sound-card.dirty{border-color:var(--warn)}.sound-card.disabled{opacity:.6}.sound-head{align-items:flex-start;gap:.7rem;display:flex}.sound-artwork{background:var(--surface-3);width:52px;height:52px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid;overflow:hidden}.sound-artwork img{object-fit:cover;width:100%;height:100%}.sound-title{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.sound-title .name-input{background:0 0;border-color:#0000;min-height:34px;margin-left:-.4rem;padding-left:.4rem;font-size:.95rem;font-weight:650}.sound-title .name-input:hover,.sound-title .name-input:focus{border-color:var(--line);background:var(--bg)}.sound-title p{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;overflow:hidden}.sound-title p code{padding:0 .3rem;font-size:.72rem}.switch{white-space:nowrap;flex-direction:row;align-items:center;gap:.4rem;padding-top:.4rem;font-size:.74rem}.artwork-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.image-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;min-height:32px;color:var(--text);background:var(--surface-2);flex-direction:row;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.image-button:hover{border-color:var(--accent-line)}.card-grid{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.card-grid label{font-size:.72rem}.pricing{grid-template-columns:1fr;gap:.6rem;display:grid}.price-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:.55rem;padding:.7rem .8rem;display:flex}.price-block.on-bits{border-color:#b48cff66}.price-block.on-cp{border-color:#4ad6a866}.price-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.price-header strong{font-variant-numeric:tabular-nums;font-size:.92rem}.price-header strong.bits{color:var(--bits)}.price-header strong.cp{color:var(--cp)}.checkline{color:var(--text);flex-direction:row;align-items:center;gap:.45rem;font-size:.84rem}.price-control{grid-template-columns:1fr 108px;align-items:end;gap:.6rem;display:grid}.price-block small{color:var(--text-faint);font-size:.72rem}.card-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.card-actions button{flex:1;min-width:0;padding:.4rem .5rem;font-size:.82rem}.card-actions button.ghost.danger{flex:none}.library-empty{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.upload-panel{text-align:center;border-style:dashed;border-width:2px;flex-direction:column;align-items:center;gap:.7rem;padding:2.4rem 1.5rem;display:flex}.upload-panel>p{color:var(--text-soft);font-size:.86rem}.upload-details{text-align:left;flex-direction:column;gap:.65rem;width:100%;max-width:460px;margin-top:.6rem;display:flex}.upload-details audio{width:100%}.upload-details span{color:var(--text-faint);font-size:.8rem}.file-button{border:1px solid var(--accent-line);background:var(--accent-soft);min-height:40px;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;flex-direction:row;align-items:center;gap:.45rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.copy-row{gap:.5rem;margin-bottom:1rem;display:flex}.copy-row input{color:var(--text-soft);flex:1;font-family:ui-monospace,monospace;font-size:.8rem}.copy-row button{flex-shrink:0}.block-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:.6rem;margin-bottom:1rem;display:grid}.block-list{flex-direction:column;gap:.5rem;display:flex}.block-list>div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.8rem;padding:.55rem .8rem;display:flex}.block-list strong{font-size:.88rem}.block-list span{color:var(--text-faint);flex:1;font-size:.8rem}.toggle-row{cursor:pointer;flex-direction:row;align-items:flex-start;gap:.7rem;padding:.75rem .2rem}.toggle-row input{flex-shrink:0;margin-top:.2rem}.toggle-row span{flex-direction:column;gap:.15rem;display:flex}.toggle-row strong{color:var(--text);font-size:.9rem}.toggle-row small{color:var(--text-faint);font-size:.78rem;line-height:1.4}.style-picker{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.style-picker button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.check-list{color:var(--text-soft);flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.45;display:flex}.fineprint{color:var(--text-faint);margin-top:.9rem;font-size:.76rem;line-height:1.5}.help-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:.9rem;display:grid}.help-grid article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);padding:.9rem 1rem}.help-grid h3{color:var(--accent);margin-bottom:.35rem}.help-grid p{color:var(--text-soft);font-size:.84rem;line-height:1.5}.mon-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mon-header .refreshed{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.76rem}.health-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.health-tile{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--text-faint);border-radius:var(--radius-sm);flex-direction:column;gap:.15rem;min-width:0;padding:.75rem .9rem;display:flex}.health-tile.ok{border-left-color:var(--good)}.health-tile.warn{border-left-color:var(--warn)}.health-tile.bad{border-left-color:var(--bad)}.health-tile .tile-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;display:flex}.health-tile .tile-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:650;overflow:hidden}.health-tile.ok .tile-value{color:var(--good)}.health-tile.warn .tile-value{color:var(--warn)}.health-tile.bad .tile-value{color:var(--bad)}.health-tile small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.mon-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=980px){.mon-grid-2{grid-template-columns:1fr}}.chart{align-items:flex-end;gap:3px;height:120px;padding-top:.5rem;display:flex}.chart .bar-col{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex;position:relative}.chart .bar{background:var(--accent);opacity:.85;border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .2s}.chart .bar.bits{background:var(--bits)}.chart .bar.cp{background:var(--cp)}.chart .bar-col:hover .bar{opacity:1}.chart .bar-col:hover:after{content:attr(data-tip);background:var(--surface-3);border:1px solid var(--line-strong);white-space:nowrap;z-index:5;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:.25rem .5rem;font-size:.68rem;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.chart-axis{color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.35rem;font-size:.64rem;display:flex}.reason-list{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.reason-list>div{color:var(--text-soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.45rem;font-size:.82rem;display:flex}.reason-list strong{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0}.issue-feed{flex-direction:column;gap:.55rem;max-height:420px;display:flex;overflow-y:auto}.issue-feed>article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:flex-start;gap:.7rem;padding:.6rem .8rem;display:flex}.issue-feed .issue-dot{background:var(--bad);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.issue-feed .issue-dot.cp-issue{background:var(--warn)}.issue-feed .issue-body{flex:1;min-width:0}.issue-feed strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;display:block;overflow:hidden}.issue-feed p{color:var(--text-faint);margin-top:.1rem;font-size:.76rem}.issue-feed time{color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem}.audit-list{flex-direction:column;gap:.4rem;font-size:.78rem;display:flex}.audit-list>div{color:var(--text-soft);border-bottom:1px solid var(--line);justify-content:space-between;gap:.8rem;padding-bottom:.35rem;display:flex}.audit-list time{color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.mono-empty{color:var(--text-faint);text-align:center;padding:1.2rem 0;font-size:.84rem}.table-scroll{overflow-x:auto}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.sidebar nav{flex-direction:row}.nav-group-label,.sidebar-user{display:none}main{padding:0 1rem 2rem}.topbar{margin:0 -1rem 1rem;padding:.75rem 1rem}.block-form{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.klipy-search{grid-template-columns:1fr}.klipy-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.range-chips{flex-wrap:wrap;gap:.3rem;display:flex}.range-chips button{background:var(--surface);border-color:var(--line);min-height:30px;color:var(--text-soft);border-radius:99px;padding:.25rem .65rem;font-size:.74rem}.range-chips button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.chart-title{color:var(--text-soft);margin-bottom:.4rem;font-size:.82rem}.admin-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent-line);border-radius:99px;margin-left:.3rem;padding:.05rem .4rem;font-size:.62rem;font-style:normal}.library-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.9rem;padding-bottom:.8rem;display:flex}.library-tabs>button{background:var(--surface-2);border-color:var(--line);color:var(--text-soft);border-radius:99px;font-size:.84rem}.library-tabs>button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.tab-count{font-variant-numeric:tabular-nums;background:#94a3c826;border-radius:99px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.preview-volume{min-width:190px;color:var(--text-faint);flex-direction:row;align-items:center;gap:.45rem;margin-left:auto;font-size:.74rem}.preview-volume input{min-height:20px}.preview-volume span{font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.compact-list{flex-direction:column;gap:.55rem;display:flex}.compact-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .12s;overflow:hidden}.compact-card.dirty{border-color:var(--warn)}.compact-card.off{opacity:.75}.compact-head{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;width:100%;min-height:0;padding:.6rem .85rem;display:flex}.compact-head:hover{background:#94a3c80d;border:none}.compact-head.static{cursor:default}.compact-head.static:hover{background:0 0}.sound-artwork.small{border-radius:8px;width:40px;height:40px;font-size:.7rem}.compact-title{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.compact-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.compact-title small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.compact-title small code{padding:0 .25rem;font-size:.7rem}.compact-badges{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.expander{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--text-soft);border-radius:6px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.compact-body{border-top:1px solid var(--line);flex-direction:column;gap:.8rem;padding:.9rem .85rem;display:flex}.public-row .toolbar{flex-shrink:0}.artwork-upload{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.artwork-upload .sound-artwork{border-radius:10px;width:52px;height:52px}.artwork-upload-info{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.artwork-upload-info strong{font-size:.85rem}.artwork-upload-info small{color:var(--text-faint);font-size:.74rem;line-height:1.4}.visibility-picker{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.visibility-picker button{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:0;padding:.6rem .8rem;display:flex}.visibility-picker button small{color:var(--text-faint);font-size:.7rem;font-weight:450}.visibility-picker button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.visibility-picker button.active small{color:var(--accent);opacity:.8}.manager-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.suggestion-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.55rem;display:grid}.suggestion-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex}.suggestion-row .compact-title{flex:1}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#04070cbf;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;gap:.7rem;width:100%;max-width:460px;max-height:calc(100vh - 2rem);padding:1.3rem 1.2rem 1.1rem;display:flex;position:relative;overflow-y:auto}.modal h2{font-size:1rem}.modal>p{color:var(--text-soft);font-size:.84rem}.modal .close{color:var(--text-faint);background:0 0;border:none;min-height:30px;padding:.3rem;position:absolute;top:.6rem;right:.6rem}.modal .close:hover{color:var(--text);background:var(--surface-2)}.permission-list{flex-direction:column;display:flex}.manager-modal svg:first-of-type{color:var(--accent)}.manager-modal .toolbar{justify-content:flex-end}.klipy-modal{max-width:780px}.klipy-modal>svg:first-of-type{color:var(--accent)}.klipy-search{grid-template-columns:1fr auto;align-items:center;gap:.6rem;display:grid}.klipy-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;display:grid}.klipy-result{border-radius:var(--radius-sm);background:var(--bg-raised);border-color:var(--line);white-space:normal;flex-direction:column;align-items:stretch;min-height:0;padding:0;display:flex;overflow:hidden}.klipy-result:hover{border-color:var(--accent-line);background:var(--surface-2);transform:translateY(-1px)}.klipy-result img{aspect-ratio:1;object-fit:cover;background:var(--surface-3);width:100%}.klipy-result span{min-height:38px;color:var(--text-soft);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.45rem .55rem;font-size:.72rem;line-height:1.25;display:-webkit-box;overflow:hidden}.klipy-skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));border:1px solid var(--line);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}.anim-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.anim-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .12s;overflow:hidden}.anim-card.selected{border-color:var(--accent-line)}.anim-stage{border-bottom:1px solid var(--line);background:radial-gradient(16rem 8rem at 60% 20%,#38d0f20f,#0000),#05070c;place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.anim-play{background:var(--surface-2);border-color:var(--line-strong);color:var(--text-soft)}.anim-play:hover{color:var(--accent);border-color:var(--accent-line)}.anim-info{flex-direction:column;gap:.45rem;padding:.85rem 1rem 1rem;display:flex}.anim-info strong{align-items:center;gap:.4rem;font-size:.94rem;display:flex}.anim-info p{color:var(--text-soft);min-height:3.6em;font-size:.8rem;line-height:1.5}.anim-alert{width:82%;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.anim-card-inner{background:#090d16f2;border:1px solid #56d6f273;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex;position:relative;overflow:hidden}.anim-mark{color:#06222c;background:linear-gradient(135deg,#38d0f2,#4ad6a8);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.7rem;font-weight:800;display:grid}.anim-copy{min-width:0}.anim-copy p{color:#a8e9f7;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.6rem;font-weight:700;overflow:hidden}.anim-copy strong{font-size:.92rem;display:block}.anim-copy span{color:#e6edf7;font-size:.66rem;font-weight:700}.anim-alert .fx-eq{background:#090d16f2;border:1px solid #56d6f273;border-top:none;border-radius:0 0 10px 10px;align-items:flex-end;gap:3px;height:10px;margin-top:-1px;padding:0 .7rem .4rem;display:flex}.anim-alert .fx-eq i{background:linear-gradient(#38d0f2,#4ad6a8);border-radius:2px 2px 0 0;flex:1;height:30%;animation:.9s ease-in-out infinite eq-bounce}.anim-alert.splash .anim-card-inner,.anim-alert.splash .fx-eq{animation:.64s cubic-bezier(.34,1.45,.5,1) .42s both splash-pop}.anim-alert.splash .fx-droplet{background:linear-gradient(#38d0f2,#4ad6a8);border-radius:50%/62% 62% 38% 38%;width:14px;height:19px;animation:.43s cubic-bezier(.55,0,.9,.6) both droplet-fall-mini;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.anim-alert.splash .fx-ripple{opacity:0;border:2px solid #38d0f2bf;border-radius:50%;width:18px;height:18px;animation:.72s ease-out .4s both ripple-out-mini;position:absolute;top:-8px;left:50%;transform:translate(-50%,-50%)}.anim-alert.splash .fx-ripple.r2{border-color:#4ad6a899;animation-delay:.54s}.anim-alert.pulse{width:70%;top:50%;bottom:auto;transform:translate(-50%,-50%)}.anim-alert.pulse .anim-card-inner{border-color:#b48cffa6;animation:.48s ease-out both pulse-in,1.4s ease-in-out .48s infinite neon-throb-mini}.anim-alert.pulse .anim-mark{background:linear-gradient(135deg,#b48cff,#38d0f2)}.anim-alert.pulse .fx-ring{opacity:0;border:2px solid #b48cff8c;border-radius:14px;width:100%;height:100%;animation:1.6s ease-out infinite ring-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anim-alert.pulse .fx-ring.p2{border-color:#38d0f273;animation-delay:.4s}.anim-alert.pulse .fx-ring.p3{border-color:#4ad6a866;animation-delay:.8s}.anim-alert.wave{width:74%;left:10%;transform:none}.anim-alert.wave .anim-card-inner,.anim-alert.wave .fx-eq{border-color:#4ad6a88c;animation:.62s cubic-bezier(.2,.9,.25,1) both wave-slide}.anim-alert.wave .anim-mark{background:linear-gradient(135deg,#4ad6a8,#38d0f2)}.anim-alert.wave .fx-eq i{background:linear-gradient(#4ad6a8,#38d0f2);animation-duration:.7s}.anim-alert.ticker{width:94%;bottom:12px}.anim-alert.ticker .anim-card-inner{border-radius:8px;animation:.52s cubic-bezier(.2,.85,.25,1) both ticker-slide}.anim-alert.ticker .fx-underline{background:linear-gradient(90deg,#0000,#38d0f2,#4ad6a8,#0000) 0 0/40% 100% no-repeat;border-radius:0 0 8px 8px;height:3px;animation:1.6s linear infinite underline-sweep}@keyframes eq-bounce{0%,to{height:25%}50%{height:100%}}@keyframes splash-pop{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes droplet-fall-mini{0%{opacity:1;top:-150px}85%{opacity:1}to{opacity:0;top:-10px}}@keyframes ripple-out-mini{0%{opacity:.9;width:12px;height:12px}to{opacity:0;width:120px;height:44px}}@keyframes pulse-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes neon-throb-mini{0%,to{box-shadow:0 0 12px #b48cff59}50%{box-shadow:0 0 26px #b48cffa6}}@keyframes ring-out{0%{opacity:.65;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes wave-slide{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes ticker-slide{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes underline-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}