#sols-audio-editor { position:fixed; inset:0; z-index:12000; box-sizing:border-box; display:flex; flex-direction:column; background:#000; color:#fff; font:400 14px/1.3 var(--font-sans,system-ui); padding:calc(env(safe-area-inset-top,0px) + 12px) max(24px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(24px,env(safe-area-inset-left,0px)); overflow:hidden; }
#sols-audio-editor * { box-sizing:border-box; }
#sols-audio-editor button { color:inherit; font:inherit; cursor:pointer; min-width:0; }
#sols-audio-editor button:disabled { opacity:.35; cursor:default; }
#sols-audio-editor button:focus-visible,#sols-audio-editor input:focus-visible { outline:2px solid #e4b3f5; outline-offset:2px; }
#sols-audio-editor h2,#sols-audio-editor h3 { margin:0; font-size:16px; font-weight:600; }
#sols-audio-editor .ap-header,#sols-audio-editor .ap-tool-header { display:flex; align-items:center; justify-content:space-between; gap:8px; flex:none; }
#sols-audio-editor .ap-round { width:44px; height:44px; flex:none; padding:10px; border:1px solid #ffffff33; border-radius:50%; background:#ffffff19; display:inline-flex; align-items:center; justify-content:center; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
#sols-audio-editor svg { width:22px; height:22px; display:block; flex:none; }
#sols-audio-editor .ap-accent { background:#009cff; border-color:#4acfff; }
#sols-audio-editor .ap-editor-cover { height:150px; min-height:48px; flex:0 1 150px; display:flex; align-items:center; justify-content:center; margin:16px; overflow:hidden; }
#sols-audio-editor .ap-editor-cover img { height:100%; width:100%; object-fit:contain; }
#sols-audio-editor .ap-editor-cover span { font-size:72px; color:#dba8ef; }
#sols-audio-editor .ap-clock { flex:none; margin-bottom:6px; color:#aaa; font-size:11px; font-variant-numeric:tabular-nums; }
#sols-audio-editor .ap-transport { display:flex; gap:2px; flex:none; align-items:center; }
#sols-audio-editor .ap-space { flex:1; }
#sols-audio-editor .ap-timeline { flex:1 1 120px; min-height:100px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; margin:16px 0; }
#sols-audio-editor .ap-lanes { min-width:100%; position:relative; padding-bottom:16px; }
#sols-audio-editor .ap-ruler { display:block; width:100%; position:sticky; top:0; z-index:3; height:56px; margin:0 0 16px; padding:0; border-radius:16px; border:1px solid #ffffff22; background:#101010; overflow:hidden; text-align:left; }
#sols-audio-editor .ap-tick { position:absolute; top:12px; color:#aaa; font-size:10px; white-space:nowrap; pointer-events:none; }
#sols-audio-editor .ap-tick::after { content:''; height:10px; width:1px; margin-top:8px; background:#aaa; display:block; }
#sols-audio-editor .ap-lane { position:relative; height:56px; margin-bottom:16px; border-radius:14px; }
#sols-audio-editor .ap-track { background:#ffffff12; }
#sols-audio-editor .ap-range-wrap { position:absolute; height:56px; min-width:6px; }
#sols-audio-editor .ap-range { display:block; width:100%; height:100%; padding:0 12px; border-radius:14px; border:1px solid #ffffff44; background:#54445e; color:#fff; font-size:12px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; touch-action:none; user-select:none; -webkit-user-select:none; }
#sols-audio-editor .ap-range[aria-pressed=true] { border:2px solid #edb5ff; }
#sols-audio-editor .ap-range-wrap:not([data-range=track]) .ap-range { cursor:grab; }
#sols-audio-editor .ap-handle { position:absolute; top:0; bottom:0; width:24px; padding:0; border:0; border-radius:5px; background:transparent; touch-action:none; cursor:ew-resize; }
#sols-audio-editor .ap-handle::after { content:''; display:block; width:7px; height:30px; border-radius:5px; background:#edb5ff; margin:auto; }
#sols-audio-editor .ap-start { left:-7px; }
#sols-audio-editor .ap-end { right:-7px; }
#sols-audio-editor .ap-playhead { position:absolute; top:0; bottom:12px; width:2px; background:#fff; pointer-events:none; z-index:2; }
#sols-audio-editor .ap-tool-header { padding:12px 0; }
#sols-audio-editor .ap-dock { display:flex; gap:2px; flex:none; overflow-x:auto; scrollbar-width:none; border:1px solid #ffffff22; border-radius:36px; background:#ffffff0f; padding:5px; }
#sols-audio-editor .ap-tool { display:flex; flex:0 0 72px; min-width:72px; min-height:68px; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px solid transparent; border-radius:28px; padding:4px 0; background:none; }
#sols-audio-editor .ap-tool span { font-size:11px; line-height:13px; }
#sols-audio-editor .ap-tool[aria-pressed=true] { border-color:#ffffff77; background:#ffffff2b; }
#sols-audio-editor .ap-fields { flex:none; }
#sols-audio-editor .ap-slider { display:flex; align-items:center; gap:8px; font-size:12px; margin:8px 0 0; }
#sols-audio-editor .ap-slider > span { width:60px; }
#sols-audio-editor .ap-slider output { width:40px; text-align:right; color:#aaa; font-size:11px; }
#sols-audio-editor input[type=range] { flex:1; width:0; min-width:0; height:40px; appearance:none; -webkit-appearance:none; margin:0; padding:0; border:0; background:transparent; }
#sols-audio-editor input[type=range]::-webkit-slider-runnable-track { height:3px; border-radius:2px; background:#777; }
#sols-audio-editor input[type=range]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:24px; height:24px; margin-top:-10.5px; border-radius:50%; background:#fff; border:0; }
#sols-audio-editor input[type=range]::-moz-range-track { height:3px; border-radius:2px; background:#777; }
#sols-audio-editor input[type=range]::-moz-range-thumb { width:24px; height:24px; border-radius:50%; background:#fff; border:0; }
#sols-audio-editor .ap-status-row { display:flex; flex:none; align-items:center; justify-content:center; gap:10px; }
#sols-audio-editor .ap-status { font-size:12px; color:#dba8ef; text-align:center; }
#sols-audio-editor .ap-error { color:#ff8585; padding:12px 0; }
#sols-audio-editor .ap-tool-header:empty,#sols-audio-editor .ap-dock:empty,#sols-audio-editor .ap-status:empty,#sols-audio-editor [hidden] { display:none !important; }
@media(min-width:760px) { #sols-audio-editor { padding-left:max(24px,calc((100vw - 780px)/2)); padding-right:max(24px,calc((100vw - 780px)/2)); } }
@media(max-height:650px) { #sols-audio-editor .ap-editor-cover { flex-basis:72px; margin:8px; } #sols-audio-editor .ap-timeline { margin:8px 0; } #sols-audio-editor .ap-tool-header { padding:6px 0; } }
@media(max-height:460px) and (min-width:600px) {
 #sols-audio-editor { display:grid; grid-template-columns:minmax(200px,1fr) minmax(280px,1fr); grid-template-rows:44px minmax(60px,1fr) 18px 44px auto; gap:6px 24px; padding:8px 24px; }
 #sols-audio-editor .ap-header { grid-column:1; grid-row:1; } #sols-audio-editor .ap-editor-cover { grid-column:1; grid-row:2; margin:0; height:100%; }
 #sols-audio-editor .ap-clock { grid-column:1; grid-row:3; } #sols-audio-editor .ap-transport { grid-column:1; grid-row:4; }
 #sols-audio-editor .ap-timeline { grid-column:2; grid-row:1 / 3; margin:0; min-height:0; } #sols-audio-editor .ap-tool-header { grid-column:2; grid-row:3 / 5; align-self:start; padding:0; }
 #sols-audio-editor .ap-dock { grid-column:2; grid-row:5; } #sols-audio-editor .ap-fields { grid-column:1; grid-row:5; } #sols-audio-editor .ap-status-row { grid-column:1 / 3; grid-row:6; }
}