:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f3f5f8;font-synthesis:none;--ink:#172033;--muted:#667085;--line:#dce1e8;--primary:#6757d9;--primary-dark:#5141c4;--panel:#fff;--danger:#c4364f}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,54px);background:#111827;color:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem}.brand span,.brand-mark{display:grid;place-items:center;background:#7869e6;color:#fff;border-radius:12px}.brand span{width:36px;height:36px}.brand-mark{width:58px;height:58px;margin:auto;font-size:2rem}.ghost,.primary,.stop,.danger{border:0;border-radius:10px;padding:10px 15px;font-weight:700}.ghost{background:#eef0f4;color:var(--ink)}.topbar .ghost{background:#293244;color:#fff}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.danger{background:#fff0f2;color:var(--danger)}.admin-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:24px;padding:28px clamp(18px,4vw,54px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(17,24,39,.05);min-width:0}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.section-heading h1{font-size:1.35rem;margin:0 0 4px}.section-heading p,.panel small{color:var(--muted);margin:0}.stack,.upload-box,.dialog-form{display:grid;gap:14px}label{font-size:.86rem;font-weight:700;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid #cfd5de;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-box{padding:16px;background:#f7f8fb;border:1px dashed #bdc5d2;border-radius:13px;margin-bottom:18px}.file-drop{color:var(--primary)}audio{width:100%;height:38px}.sound-list{display:grid;gap:9px;max-height:52vh;overflow:auto}.sound-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px}.sound-item strong{overflow:hidden;text-overflow:ellipsis}.sound-meta{font-size:.78rem;color:var(--muted);margin-top:3px}.icon-actions{display:flex;gap:5px;align-items:center}.icon-actions button{border:0;border-radius:8px;background:#f0f2f6;padding:7px 9px}.boards{display:grid;gap:16px}.board-card{border:1px solid var(--line);border-radius:14px;overflow:hidden}.board-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px;background:#f8f9fb}.board-card h2{margin:0 0 4px;font-size:1.1rem}.board-card p{margin:0;color:var(--muted);font-size:.88rem}.share-row{display:flex;gap:7px;padding:11px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.share-row input{padding:8px;font-size:.82rem}.mini-pads{display:flex;flex-wrap:wrap;gap:8px;padding:14px;min-height:66px}.mini-pad{border:0;border-radius:9px;color:#fff;font-weight:750;padding:9px 12px}.mini-pad small{color:rgba(255,255,255,.8)}.add-pad{border:1px dashed #aeb7c5;background:white;color:var(--muted);border-radius:9px;padding:9px 12px}.color-red{background:#d6455d}.color-orange{background:#e4772f}.color-yellow{background:#c79518}.color-green{background:#319262}.color-teal{background:#168a91}.color-blue{background:#3971ce}.color-purple{background:#7452c7}.color-pink{background:#c84c91}.color-gray{background:#5e6879}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.25);width:min(500px,calc(100vw - 30px))}dialog::backdrop{background:rgba(14,20,31,.62)}.dialog-form{padding:24px}.dialog-form h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:white;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}.login-page{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#7161dc 0,#1b2440 48%,#101726 100%);padding:20px}.login-card{background:#fff;border-radius:20px;padding:32px;width:min(390px,100%);box-shadow:0 25px 80px rgba(0,0,0,.3);text-align:center}.login-card h1{margin:14px 0 4px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card label{text-align:left}.notice{padding:11px 13px;border-radius:9px;margin:12px 0}.notice.error{background:#fff0f2;color:#a72940}.player-page{background:#111827;color:#fff;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.player-header{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:1500px;margin:0 auto 24px}.player-header h1{font-size:clamp(1.8rem,5vw,3rem);margin:3px 0}.player-header p{color:#aab3c4;margin:0}.eyebrow{color:#9a8cff;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.12em}.player-actions{display:flex;align-items:center;gap:12px;color:#aab3c4;font-size:.85rem}.stop{background:#d93854;color:white;white-space:nowrap}.pad-grid{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:clamp(10px,1.8vw,20px);max-width:1500px;margin:auto}.sound-pad{position:relative;min-height:clamp(105px,16vw,190px);border:0;border-radius:18px;color:white;padding:18px;font-weight:850;font-size:clamp(1rem,2.4vw,1.65rem);box-shadow:inset 0 -7px 0 rgba(0,0,0,.18),0 10px 25px rgba(0,0,0,.18);transition:transform .06s,filter .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sound-pad:active,.sound-pad.playing{transform:translateY(4px);filter:brightness(1.15);box-shadow:inset 0 -3px 0 rgba(0,0,0,.16)}.sound-pad.looping::after{content:"↻";position:absolute;top:10px;right:13px}.audio-gate{position:fixed;inset:0;background:rgba(8,13,23,.88);display:grid;place-items:center;padding:20px;z-index:5}.audio-gate[hidden]{display:none}.audio-gate>div{text-align:center;background:#fff;color:var(--ink);border-radius:18px;padding:30px;max-width:430px}.audio-gate h2{margin-top:0}.audio-gate p{color:var(--muted)}.player-page>.notice{max-width:700px;margin:30px auto}.empty{text-align:center;color:var(--muted);padding:25px}.dragging{opacity:.45}
@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.sound-list{max-height:none}.player-header{align-items:flex-start;flex-direction:column}.player-actions{width:100%;justify-content:space-between}.pad-grid{grid-template-columns:repeat(min(var(--columns,4),3),minmax(0,1fr))}.sound-pad{min-height:110px}}
@media(max-width:480px){.panel{padding:16px}.admin-layout{padding:14px}.form-row{grid-template-columns:1fr}.pad-grid{grid-template-columns:repeat(min(var(--columns,4),2),minmax(0,1fr))}.sound-pad{min-height:105px;border-radius:14px;padding:11px}}
.library-tools,.picker-filters{display:grid;grid-template-columns:minmax(130px,2fr) minmax(110px,1fr) minmax(100px,1fr);gap:8px;margin-bottom:9px}.filter-summary{min-height:20px;color:var(--muted);font-size:.8rem}.folder-toolbar{border:1px solid #d8d3fa;background:#f8f7ff;border-radius:13px;padding:13px;margin:0 0 14px}.folder-toolbar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.folder-toolbar h2{font-size:1rem;margin:0 0 3px}.folder-toolbar p{font-size:.78rem;color:var(--muted);margin:0}.folder-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.folder-chip{border:1px solid #cfc8f5;border-radius:999px;background:#fff;color:#5141a9;padding:6px 10px;font-size:.76rem;font-weight:700}.sound-info{min-width:0}.inline-folder{margin-top:9px;font-size:.75rem}.inline-folder select{padding:7px 8px}.sound-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px;flex-wrap:wrap}.sound-actions button{padding:7px 9px;font-size:.75rem}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tag-row span,.tag-chip{border:0;border-radius:999px;background:#eeeafd;color:#5141a9;padding:3px 8px;font-size:.72rem;font-weight:700}.tag-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.sound-choice{display:grid;text-align:left;border:1px solid #cfd5de;border-radius:10px;padding:11px;background:#f8f9fb;width:100%}.sound-choice strong{color:var(--ink)}.sound-choice span{color:var(--muted);font-size:.8rem;margin-top:3px}.wide-dialog{width:min(850px,calc(100vw - 24px))}.picker-results{display:grid;gap:8px;max-height:55vh;overflow:auto}.picker-sound{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:11px}.picker-sound>div{display:grid;gap:3px}.picker-sound small,.dialog-help{color:var(--muted);margin:0}.waveform{height:150px;position:relative;overflow:hidden;border:1px solid #cfd5de;border-radius:12px;background:linear-gradient(#f9f8ff,#f1effd);touch-action:none;cursor:ew-resize}.waveform canvas{width:100%;height:150px;display:block}.wave-selection{position:absolute;top:0;bottom:0;background:rgba(103,87,217,.2);border-left:3px solid var(--primary);border-right:3px solid var(--primary);pointer-events:none}.wave-selection .handle{position:absolute;top:50%;width:16px;height:42px;border-radius:8px;background:var(--primary);transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.2)}.wave-selection .handle.end{left:100%}.trim-times{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end}.trim-times>span,.trim-times>strong{padding-bottom:11px}.preview-actions{display:flex;gap:8px}
@media(max-width:700px){.library-tools,.picker-filters{grid-template-columns:1fr 1fr}.library-tools input,.picker-filters input{grid-column:1/-1}.picker-sound{grid-template-columns:minmax(0,1fr) auto}.picker-sound .primary{grid-column:1/-1}.trim-times{grid-template-columns:1fr auto 1fr}.trim-times>strong{grid-column:1/-1;padding:0}.wide-dialog .dialog-form{padding:16px}}
.folder-list{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px}.folder-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.folder-list .danger{padding:7px 10px}
.mobile-audio-note{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:1500px;margin:0 auto 18px;padding:11px 13px;border:1px solid #7468c7;border-radius:11px;background:#28244a;color:#ddd9ff;font-size:.88rem;line-height:1.35}.mobile-audio-note[hidden]{display:none}.mobile-audio-note button{flex:0 0 auto;border:0;background:transparent;color:#fff;font-size:1.35rem;line-height:1;padding:0 2px}