/* 13.11 (Эрик: «инструменты в приоритете… рубрика на главной»): PRO-инструменты, вариант A «Пульт студии» (proposals/pro-tools-A.html), scoped to #pro-tools. Generated by pro-tools-build.py */
#pro-tools{scroll-margin-top:90px;--lime:#e4f222;--lilac:#cbbcff;--green:#2fe0a0;--pink:#ff6fa8;--line:#ffffff12;--mute:#8a90a2;max-width:1180px;margin:0 auto;padding:72px 24px}#pro-tools .mono{font:600 10.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}#pro-tools button{font:inherit;color:inherit;cursor:pointer}#pro-tools :focus-visible{outline:2px solid var(--lime);outline-offset:2px}#pro-tools .pt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}#pro-tools .pt-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px 6px 8px;border:1px solid #e4f22240;border-radius:999px;background:#e4f2220f;color:var(--lime)}#pro-tools .pt-badge b{padding:2px 7px;border-radius:999px;background:var(--lime);color:#101205}#pro-tools h2{margin:0;font-size:clamp(30px,4.6vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:600}#pro-tools h2 span{color:var(--lilac)}#pro-tools .pt-lead{max-width:480px;margin:12px 0 0;color:#aeb4c4;font-size:15px;line-height:1.55}#pro-tools .pt-cta{display:flex;flex-direction:column;gap:8px}#pro-tools .pt-cta small{color:var(--mute);font-size:12.5px}#pro-tools .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:14px;border:0;background:var(--lilac);color:#14112a;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}#pro-tools .btn.lime{background:var(--lime);color:#101205}#pro-tools .btn:hover{filter:brightness(1.08)}#pro-tools .ps{margin-top:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(165deg,#141824,#0b0d14);overflow:hidden;box-shadow:0 50px 100px -60px #000,inset 0 1px 0 #ffffff0d}#pro-tools .ps-bar{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid #ffffff10;color:#7f8597}#pro-tools .ps-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff1f}#pro-tools .ps-bar i:first-child{background:#ff5f57aa}#pro-tools .ps-bar em{margin-left:8px;font-style:normal}#pro-tools .ps-bar span{margin-left:auto;color:var(--lime)}#pro-tools .ps-body{display:grid;grid-template-columns:248px minmax(0,1fr)}#pro-tools .ps-rail{display:flex;flex-direction:column;gap:2px;padding:10px;border-right:1px solid #ffffff10}#pro-tools .ps-tab{position:relative;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:54px;padding:9px 12px 11px;border:0;border-radius:12px;background:none;color:#aeb4c4;text-align:left;transition:background .2s,color .2s}#pro-tools .ps-tab:hover{background:#ffffff06;color:#fff}#pro-tools .ps-tab[aria-selected=true]{background:#ffffff0c;color:#fff}#pro-tools .ps-tab .n{color:#5f6577}#pro-tools .ps-tab[aria-selected=true] .n{color:var(--acc)}#pro-tools .ps-tab b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em}#pro-tools .ps-tab small{display:block;font-size:12px;color:var(--mute)}#pro-tools .pg{position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#ffffff14;overflow:hidden;opacity:0}#pro-tools .pg::after{content:"";display:block;height:100%;background:var(--acc);transform-origin:0 50%;transform:scaleX(0)}#pro-tools .ps.auto .ps-tab[aria-selected=true] .pg{opacity:1}#pro-tools .ps.auto .ps-tab[aria-selected=true] .pg::after{animation:pg 7s linear forwards}#pro-tools .ps.hold .pg::after,#pro-tools .ps.off .pg::after{animation-play-state:paused!important}@keyframes pg{to{transform:scaleX(1)}}#pro-tools .ps-panel{display:flex;flex-direction:column;height:100%}#pro-tools .ps-panel[hidden]{display:none}#pro-tools .ps-viz{flex:1;display:grid;place-items:center;min-height:380px;padding:30px;
  background:radial-gradient(80% 70% at 85% 0%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 62%),
  linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 38px}#pro-tools .ps-viz>*{width:100%;max-width:720px;animation:in .45s cubic-bezier(.22,1,.36,1) both}@keyframes in{from{opacity:0;transform:translateY(10px)}}#pro-tools .ps-cap{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 24px 22px;border-top:1px solid #ffffff10}#pro-tools .ps-cap h3{margin:0 0 4px;font-size:20px;letter-spacing:-.025em;font-weight:600}#pro-tools .ps-cap p{margin:0;max-width:520px;color:#aeb4c4;font-size:14px;line-height:1.5}#pro-tools .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#pro-tools .chips span,#pro-tools .tg{padding:5px 10px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff08;color:#c9cddb;font-size:11.5px}#pro-tools .chips span.on,#pro-tools .tg[aria-pressed=true]{border-color:color-mix(in srgb,var(--acc) 45%,transparent);background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--acc)}#pro-tools .tg{min-height:32px}#pro-tools .lbl{color:var(--mute)}#pro-tools .wv{display:flex;align-items:center;gap:2px;height:56px;padding:0 8px;border-radius:10px;background:#ffffff06;overflow:hidden}#pro-tools .wv i{flex:1;min-width:1px;height:var(--h);border-radius:2px;background:currentColor}#pro-tools .v{display:grid;grid-template-columns:minmax(0,1fr) 138px;grid-template-areas:"src out" "tl out";gap:16px 22px;align-items:center}#pro-tools .v-src{grid-area:src;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#pro-tools .cam{position:relative;aspect-ratio:16/10;border-radius:10px;border:1px solid #ffffff1c;overflow:hidden;opacity:.45}#pro-tools .cam span{position:absolute;left:6px;top:6px;padding:2px 5px;border-radius:4px;background:#000a;color:#fff;font-size:8.5px}#pro-tools .cam.c1{opacity:1;box-shadow:0 0 0 2px var(--lime)}#pro-tools .sc1{background:radial-gradient(34% 44% at 50% 40%,#cbbcff66,transparent 70%),linear-gradient(0deg,#1b2036 0 26%,transparent 26%),linear-gradient(170deg,#2b1b4a,#0e1430 60%,#05060a)}#pro-tools .sc2{background:radial-gradient(circle at 28% 58%,#0b0d14 0 9%,#2fe0a0 10% 12%,#1c2433 13% 27%,transparent 28%),radial-gradient(circle at 72% 58%,#0b0d14 0 9%,#ff6fa8 10% 12%,#1c2433 13% 27%,transparent 28%),linear-gradient(180deg,#0c1716,#0a0d14)}#pro-tools .sc3{background:radial-gradient(70% 55% at 50% 105%,#e4f22266,transparent 70%),radial-gradient(22% 30% at 50% 30%,#ffffff40,transparent 70%),linear-gradient(170deg,#23240e,#0b0d14 70%)}#pro-tools .v-tl{grid-area:tl;position:relative;display:grid;gap:5px;padding-left:22px}#pro-tools .ln{position:relative;height:20px;border-radius:5px;background:#ffffff08;color:var(--c)}#pro-tools .ln::before{content:attr(data-l);position:absolute;left:-22px;top:4px;color:#6d7385;font:600 10px ui-monospace,monospace}#pro-tools .ln i{position:absolute;top:2px;bottom:2px;width:16.66%;border-radius:4px;background:currentColor;opacity:.85}#pro-tools .ln.wv{height:26px;padding:0 4px;color:#2fe0a088}#pro-tools .ln.wv i{position:static;width:auto;opacity:1}#pro-tools .beats{height:8px;background:repeating-linear-gradient(90deg,#e4f22299 0 1px,transparent 1px 4.166%)}#pro-tools .head{position:absolute;top:-4px;bottom:0;left:22px;width:2px;background:var(--lime);box-shadow:0 0 12px var(--lime)}#pro-tools .v-out{grid-area:out}#pro-tools .ph{position:relative;aspect-ratio:9/16;border-radius:18px;border:2px solid #ffffff2b;overflow:hidden;background:#05060a;box-shadow:0 30px 60px -30px #000}#pro-tools .ph u{position:absolute;inset:0;opacity:0}#pro-tools .ph u.l1{opacity:1}#pro-tools .ph em{position:absolute;top:9px;right:9px;padding:2px 6px;border-radius:5px;background:var(--lime);color:#101205;font:700 9px ui-monospace,monospace;font-style:normal}#pro-tools .ph b{position:absolute;left:10px;right:10px;bottom:28px;font-size:14px;line-height:1.15;letter-spacing:-.02em}#pro-tools .ph small{position:absolute;left:10px;bottom:11px;color:#ffffffb0;font-size:10px}@keyframes cut{0%,33.3%{opacity:1;box-shadow:0 0 0 2px var(--lime)}33.4%,100%{opacity:.45;box-shadow:none}}@keyframes lay{0%,33.3%{opacity:1}33.4%,100%{opacity:0}}@keyframes play{from{left:22px}to{left:100%}}#pro-tools .s{display:grid;gap:10px}#pro-tools .s-row{display:flex;align-items:center;justify-content:space-between;gap:10px}#pro-tools .s .dim{color:#ffffff40}#pro-tools .s-hot{position:relative}#pro-tools .s-hot .wv{height:84px;color:var(--green)}#pro-tools .s-hot .wv i{background:linear-gradient(180deg,var(--lime),var(--green));transform:scaleY(var(--g,.8));transition:transform .5s cubic-bezier(.22,1,.36,1)}#pro-tools .s-hot .s-cap{display:block;position:absolute;left:8px;right:8px;top:7px;border-top:1px dashed #ffffff40;padding-top:3px;color:#ffffff80;font:600 9px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}#pro-tools .s-num{font:700 22px ui-monospace,monospace;color:var(--lime);letter-spacing:-.02em}#pro-tools .seg{display:flex;gap:6px;flex-wrap:wrap}#pro-tools .d{display:grid;gap:12px}#pro-tools .d-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px}#pro-tools .d-bar{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:4px;height:58px}#pro-tools .d-gap{display:grid;place-items:center;border:1px dashed #ffffff22;border-radius:9px;color:#5f6577}#pro-tools .d-mid{height:auto;color:#cbbcffaa;border:1px solid #cbbcff33;background:#cbbcff10}#pro-tools .d-io{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px;border:1px solid #2fe0a040;border-radius:9px;background:#2fe0a010}#pro-tools .d-io i{display:grid;place-items:end center;padding-bottom:3px;border-radius:4px;background:#2fe0a03a;color:var(--green);font:700 9px ui-monospace,monospace;font-style:normal;animation:cell .5s both;animation-delay:calc(var(--k)*.11s + .2s)}#pro-tools .d-io.out i{animation-delay:calc(var(--k)*.11s + 1.1s)}@keyframes cell{from{opacity:0;transform:scaleY(.3)}}#pro-tools .d-leg{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:4px;margin-left:108px;text-align:center;color:var(--mute)}#pro-tools .d-leg span:nth-child(2){color:var(--lilac)}#pro-tools .st{display:grid;gap:8px}#pro-tools .st-row{display:grid;grid-template-columns:84px minmax(0,1fr) 34px 34px;align-items:center;gap:8px;font-size:13px;color:#dfe2ec;transition:opacity .25s}#pro-tools .st-row .wv{height:38px;color:var(--c)}#pro-tools .st-row button{height:32px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff0c;color:#aeb4c4;font:700 11px ui-monospace,monospace}#pro-tools .st-row button[aria-pressed=true]{background:#ff6fa82e;border-color:#ff6fa866;color:var(--pink)}#pro-tools .st-row.off .wv,#pro-tools .st-row.off>span{opacity:.3}#pro-tools .st-row .solo{color:#6d7385}#pro-tools .j{display:grid;gap:16px;justify-items:center;text-align:center}#pro-tools .j-name{position:relative;font-size:clamp(40px,7vw,68px);font-weight:800;letter-spacing:-.045em;line-height:1}#pro-tools .j-name::before,#pro-tools .j-name::after{content:attr(data-t);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px #cbbcff80;transform:translate(12px,-8px);animation:echo 2.6s ease-in-out infinite;transition:opacity .3s}#pro-tools .j-name::after{-webkit-text-stroke-color:#e4f22255;transform:translate(24px,-16px);animation-delay:.25s}#pro-tools .j.no-echo .j-name::before,#pro-tools .j.no-echo .j-name::after{opacity:0;animation:none}@keyframes echo{0%,100%{opacity:.2}50%{opacity:1}}#pro-tools .j-bed{position:relative;width:100%}#pro-tools .j-bed .wv{height:46px;color:#2fe0a066;transition:opacity .3s}#pro-tools .j.no-bed .j-bed .wv{opacity:.12}#pro-tools .j-bed b{position:absolute;left:28%;width:44%;top:7px;bottom:7px;display:grid;place-items:center;border-radius:8px;background:#cbbcff;color:#14112a;transition:box-shadow .3s}#pro-tools .j:not(.no-rev) .j-bed b{box-shadow:18px 0 22px -6px #cbbcff88,40px 0 34px -10px #cbbcff44}#pro-tools .c{display:grid;gap:10px}#pro-tools .c-box{position:relative;height:120px;border-radius:12px;background:#ffffff06;overflow:hidden}#pro-tools .c-box .wv{position:absolute;inset:0;height:auto;background:none}#pro-tools .c-noisy{color:#ffffff38;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,transparent 1px 3px) 0 50%/100% 34% no-repeat!important}#pro-tools .c-clean{color:var(--lilac);background:#0e1019!important;clip-path:inset(0 50% 0 0)}#pro-tools .c-clean i{background:linear-gradient(180deg,var(--lilac),#8f7cff)}#pro-tools .c-div{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 14px #cbbcff}@keyframes wipe{from{clip-path:inset(0 82% 0 0)}to{clip-path:inset(0 14% 0 0)}}@keyframes wipeL{from{left:18%}to{left:86%}}#pro-tools .t{display:grid;gap:8px}#pro-tools .t-row{display:grid;grid-template-columns:46px minmax(0,1.7fr) minmax(0,1fr) 54px 44px;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;border:1px solid #ffffff10;background:#ffffff05;font-size:13px;color:#6d7385}#pro-tools .t-row.hd{border:0;background:none;padding-block:0}#pro-tools .t-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pro-tools .t-cov{width:46px;height:46px;border-radius:8px;border:1px dashed #ffffff26}#pro-tools .t-row.ok{color:#f3f4f8;border-color:#e4f22255;background:#e4f2220a;animation:in .5s .5s both}#pro-tools .t-row.ok .t-cov{border:0;background:conic-gradient(from 210deg,#e4f222,#2fe0a0,#7e5bff,#ff6fa8,#e4f222);box-shadow:inset 0 0 0 12px #0d1019d0}#pro-tools .t-row.ok .k{color:var(--lime);font:700 12px ui-monospace,monospace}#pro-tools .t-arrow{text-align:center;color:var(--lime)}@media(prefers-reduced-motion:no-preference){#pro-tools .cam{animation:cut 3s linear infinite}#pro-tools .cam.c2{animation-delay:-2s}#pro-tools .cam.c3{animation-delay:-1s}#pro-tools .ph u{animation:lay 3s linear infinite}#pro-tools .ph u.l2{animation-delay:-2s}#pro-tools .ph u.l3{animation-delay:-1s}#pro-tools .head{animation:play 6s linear infinite}#pro-tools .c-clean{animation:wipe 3.2s ease-in-out infinite alternate}#pro-tools .c-div{animation:wipeL 3.2s ease-in-out infinite alternate}}@media(prefers-reduced-motion:reduce){#pro-tools *,#pro-tools *::before,#pro-tools *::after{animation:none!important;transition:none!important}}@media(max-width:860px){#pro-tools{padding:48px 16px}#pro-tools .ps-body{grid-template-columns:minmax(0,1fr)}#pro-tools .ps-rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #ffffff10;padding:8px;scrollbar-width:none;scroll-snap-type:x proximity}#pro-tools .ps-rail::-webkit-scrollbar{display:none}#pro-tools .ps-tab{flex:0 0 auto;grid-template-columns:auto auto;gap:7px;min-height:46px;padding:8px 12px 10px;scroll-snap-align:center}#pro-tools .ps-tab small{display:none}#pro-tools .ps-tab b{white-space:nowrap;font-size:13.5px}#pro-tools .ps-viz{min-height:300px;padding:20px 14px}#pro-tools .ps-cap{flex-direction:column;align-items:stretch;padding:16px}#pro-tools .ps-cap .btn{width:100%}#pro-tools .pt-cta{width:100%}#pro-tools .pt-cta .btn{width:100%}#pro-tools .v{grid-template-columns:minmax(0,1fr) 92px;gap:12px}#pro-tools .cam span{font-size:7px;left:3px;top:3px}#pro-tools .ph b{font-size:11px;bottom:24px}#pro-tools .d-row{grid-template-columns:1fr;gap:5px}#pro-tools .d-leg{margin-left:0;font-size:8.5px}#pro-tools .d-io i{font-size:0}#pro-tools .st-row{grid-template-columns:66px minmax(0,1fr) 36px 36px;font-size:12px}#pro-tools .st-row button{height:36px}#pro-tools .t-row{grid-template-columns:40px minmax(0,1fr) 46px 36px;gap:8px}#pro-tools .t-row>:nth-child(3){display:none}#pro-tools .t-cov{width:40px;height:40px}#pro-tools .tg{min-height:40px;padding-inline:14px}}#pro-tools{max-width:none;padding:72px 0 40px}#pro-tools h2{font-weight:500;letter-spacing:-.02em;line-height:1.08}#pro-tools .mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500}#pro-tools .pt-badge,#pro-tools .lbl{font-size:12px}#pro-tools .btn{border-radius:12px;font-weight:500}#pro-tools .chips span,#pro-tools .tg{font-size:12px}#pro-tools .st-row button{font-size:12px}#pro-tools .cam span{font-size:9px}#pro-tools .ps-tab .n,#pro-tools .d-gap,#pro-tools .t-row,#pro-tools .solo,#pro-tools .ln::before{color:#8a90a2}#pro-tools .d-gap{text-align:center;padding:0 4px}#pro-tools .ps-cap .chips span{border:0;background:none;padding:0 10px 0 0;color:#8a90a2}#pro-tools .ps-cap .chips span.on{color:#c9cddb}#pro-tools .beta{margin-left:6px;padding:1px 6px;border-radius:6px;background:#ffffff12;color:#8a90a2;font:500 10px "JetBrains Mono",ui-monospace,monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}#pro-tools .s-hot .wv{height:104px;padding-top:20px}#pro-tools .s-hot .s-cap{font-size:11px}#pro-tools .ps-stage{display:grid}#pro-tools .ps-panel{grid-area:1/1}#pro-tools .ps-panel[hidden]{display:flex;visibility:hidden}#pro-tools .ps-pause{margin-left:10px;width:26px;height:22px;border:1px solid #ffffff1f;border-radius:6px;background:#ffffff08;color:#c9cddb;display:grid;place-items:center;font-size:10px;line-height:1}#pro-tools .ps-pause::before{content:"❚❚"}#pro-tools .ps:not(.auto) .ps-pause::before{content:"▶"}#pro-tools .t-row{grid-template-columns:46px minmax(0,1.7fr) minmax(0,1fr) 54px 72px}#pro-tools .t-row.hd span{white-space:nowrap}@media(max-width:860px){#pro-tools{padding:48px 0 32px}#pro-tools .ps-rail{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}#pro-tools .ps-cap .btn{align-self:flex-start;width:auto}#pro-tools .pt-cta,#pro-tools .pt-cta .btn{width:auto}}@media(max-width:560px){#pro-tools .pt-cta,#pro-tools .pt-cta .btn,#pro-tools .ps-cap .btn{width:100%}#pro-tools .t-row{grid-template-columns:40px minmax(0,1fr) 46px 64px}#pro-tools .d-leg{grid-template-columns:1fr}#pro-tools .d-leg span:not(:nth-child(2)){display:none}#pro-tools .d-leg span{font-size:10.5px}}@media(max-width:480px){#pro-tools .ps-bar i{display:none}#pro-tools .ps-bar em{margin-left:0}#pro-tools .ps-bar em,#pro-tools .ps-bar span{white-space:nowrap}}@media(max-width:360px){#pro-tools .pt-badge{letter-spacing:.02em}}#pro-tools .ps-panel.re *{animation:none!important}