.vv-settings{container:vvset / inline-size;display:flex;flex-direction:column;gap:var(--cc-space-3);min-width:0;min-height:0;max-height:100%;text-align:left}.vv-settings .vv-set-title{margin:0}.vv-settings .vv-set-tabs{align-self:flex-start;max-width:100%;flex-wrap:wrap}.vv-settings .vv-set-tabs .cc-tab{padding:8px 11px;font-size:15px}@container vvset (max-width: 820px){.vv-settings .vv-set-tabs .cc-tab{padding:8px 7px;font-size:13px;letter-spacing:.03em}}@container vvset (max-width: 690px){.vv-settings .vv-set-tabs .cc-tab{padding:6px;font-size:12px;letter-spacing:.02em}}@container vvset (max-width: 620px){body:not(.vv-touch) .vv-settings .vv-set-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch}.vv-settings .vv-set-tabs .cc-tab{justify-content:center;padding:6px 4px}body:not(.vv-touch) .vv-settings .vv-set-tabs .cc-tab:nth-child(4n+1):after{display:none}}.vv-settings .vv-set-body{flex:1 1 auto;min-height:0;padding:0 10px 8px 2px;scroll-padding:12px 0}.vv-settings .vv-set-page{display:flex;flex-direction:column}.vv-settings .vv-set-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,280px) 4.6em;grid-template-areas:"name ctl val" "hint ctl val";align-items:center;column-gap:var(--cc-space-4);row-gap:1px;min-height:60px;padding:9px 0;border-bottom:1px solid var(--cc-seam)}.vv-settings .vv-set-row:last-child{border-bottom:0}.vv-settings .vv-set-row>.cc-slider,.vv-settings .vv-set-row>.cc-switch{display:contents}.vv-settings .vv-set-name,.vv-settings .vv-set-row>.cc-slider>span:first-child,.vv-settings .vv-set-row>.cc-switch>span:not(.cc-switch-state){grid-area:name;align-self:end;display:flex;align-items:center;gap:var(--cc-space-2);font-weight:700;line-height:1.25}.vv-settings .vv-set-row>.cc-switch>span:not(.cc-switch-state){cursor:pointer}.vv-settings .vv-set-hint{grid-area:hint;align-self:start;color:var(--cc-muted);font-size:13px;font-weight:500;line-height:1.3}.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.vv-set-name,.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.cc-slider>span:first-child,.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.cc-switch>span:not(.cc-switch-state){grid-row:1 / 3;align-self:center}.vv-settings .vv-set-row>.cc-slider>input[type=range]{grid-area:ctl;width:100%;min-height:var(--cc-hit);margin:0;accent-color:var(--cc-ink)}.vv-settings .vv-set-row>.cc-slider>output,.vv-settings .vv-set-row>.cc-switch>.cc-switch-state,.vv-settings .vv-set-also{grid-area:val;justify-self:end;font:600 14px var(--cc-mono);color:var(--cc-ink)}.vv-settings .vv-set-also{color:var(--cc-muted);font-size:13px}.vv-settings .vv-set-row>.cc-switch>input{grid-area:ctl;justify-self:start}.vv-settings .vv-set-row>.cc-seg{grid-column:2 / 4;grid-row:1 / 3;justify-self:start;flex-wrap:wrap;max-width:100%}.vv-settings .vv-set-row>.cc-seg button{min-width:46px}.vv-settings .vv-set-row>.cc-select{grid-column:2 / 4;grid-row:1 / 3;width:100%}.vv-settings .vv-set-sub{margin-left:6px;padding-left:16px}.vv-settings .vv-set-sub>.cc-slider>span:first-child{font-weight:650}.vv-settings .vv-set-dim>.vv-set-name,.vv-settings .vv-set-dim>.cc-seg,.vv-settings .vv-set-dim>.cc-slider>*,.vv-settings .vv-set-dim>.cc-switch>*{opacity:.5}.vv-settings .vv-set-quality .cc-seg button.is-off{opacity:.42;cursor:not-allowed}.vv-settings .vv-set-fullres.is-offer{box-shadow:inset 4px 0 var(--cc-yellow)}.vv-settings .vv-set-row>.cc-btn{grid-area:ctl;justify-self:start}.vv-settings .vv-set-check{display:flex;flex-direction:column;gap:var(--cc-space-2);padding:0 0 12px;border-bottom:1px solid var(--cc-seam)}.vv-settings .vv-set-check:empty{display:none}.vv-settings .vv-set-check-table{font-size:13px}.vv-settings .vv-set-check-table th,.vv-settings .vv-set-check-table td{padding:6px 8px;vertical-align:top}.vv-settings .vv-set-check-q{font-weight:700;white-space:nowrap}.vv-settings .vv-set-check-size{font:500 12px var(--cc-mono);white-space:nowrap}.vv-settings .vv-set-check-mark{font-weight:800}.vv-settings .vv-set-check-v.is-ok .vv-set-check-mark{color:var(--cc-secure)}.vv-settings .vv-set-check-v.is-cost .vv-set-check-mark{color:var(--cc-warn)}.vv-settings .vv-set-check-v.is-no{color:var(--cc-muted)}.vv-settings .vv-set-check-v.is-no .vv-set-check-mark{color:var(--cc-danger)}.vv-settings .vv-set-check-rec{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cc-space-3)}.vv-settings .vv-set-check-rec p{margin:0;font-weight:650}.vv-settings .vv-set-group{margin:var(--cc-space-4) 0 0;padding-bottom:4px;border-bottom:1px solid var(--cc-seam)}.vv-settings .vv-set-page>.vv-set-group:first-child{margin-top:0}.vv-settings .vv-set-info{grid-template-areas:"name name name" "hint hint hint";min-height:0}.vv-settings .vv-perf{display:flex;flex-direction:column;gap:var(--cc-space-3);padding:0 0 12px;border-bottom:1px solid var(--cc-seam)}.vv-settings .vv-perf:empty{display:none}.vv-settings .vv-perf-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--cc-space-3);margin-top:var(--cc-space-2)}.vv-settings .vv-perf-shot{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.vv-settings .vv-perf-shot canvas{display:block;width:100%;height:auto;border:1px solid var(--cc-stroke);border-radius:4px;background:var(--cc-ink)}.vv-settings .vv-perf-shot.is-after canvas{border-color:var(--cc-ink);box-shadow:0 2px 0 var(--cc-ink),inset 0 0 0 1px var(--cc-yellow)}.vv-settings .vv-perf-shot figcaption{font:600 13px var(--cc-mono);color:var(--cc-ink)}.vv-settings .vv-perf-view{align-self:flex-start}.vv-settings .vv-perf-list{display:flex;flex-direction:column;gap:var(--cc-space-2)}.vv-settings .vv-perf-row{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;padding:8px 12px;border:1px solid var(--cc-stroke);border-radius:4px;background:var(--cc-white);color:var(--cc-ink);font:inherit;text-align:left;cursor:pointer}.vv-settings .vv-perf-row:hover:not([aria-pressed=true]){background:var(--cc-well)}.vv-settings .vv-perf-row[aria-pressed=true]{border-color:var(--cc-ink);box-shadow:0 2px 0 var(--cc-ink),inset 0 0 0 1px var(--cc-yellow)}.vv-settings .vv-perf-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.vv-settings .vv-perf-top .cc-pill{min-height:20px;padding:0 7px;font-size:12px}.vv-settings .vv-perf-rec{background:var(--cc-yellow);color:var(--cc-on-yellow);border-color:var(--cc-ink)}.vv-settings .vv-perf-num{font:500 12px var(--cc-mono);color:var(--cc-muted)}.vv-settings .vv-perf-fit{margin-left:auto;font-size:14px;font-weight:700}.vv-settings .vv-perf-fit.is-ok{color:var(--cc-secure)}.vv-settings .vv-perf-fit.is-dips{color:var(--cc-warn)}.vv-settings .vv-perf-fit.is-slow{color:var(--cc-danger)}.vv-settings .vv-perf-head{border-bottom:0}.vv-settings .vv-perf-head:empty+.vv-set-group{margin-top:0}.vv-settings .vv-perf-what{color:var(--cc-muted);font-size:13px;font-weight:500;line-height:1.3}.vv-settings .vv-perf-acts{display:flex;flex-wrap:wrap;gap:var(--cc-space-2)}.vv-settings .vv-perf-acts:empty{display:none}.vv-settings .vv-perf-advice{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px 16px;border:1px solid var(--cc-ink);border-radius:4px;background:var(--cc-white);box-shadow:0 2px 0 var(--cc-ink),inset 4px 0 var(--cc-yellow)}.vv-settings .vv-perf-advice-head{font-size:15px}.vv-settings .vv-perf-advice-row{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3);font-size:14px;line-height:1.35}.vv-settings .vv-perf-advice-row>span{flex:1 1 auto;min-width:0}.vv-settings .vv-perf-advice-row>.cc-btn{flex:0 0 auto}.vv-bench{position:fixed;z-index:60;top:12px;left:50%;translate:-50% 0;display:flex;flex-direction:column;gap:6px;width:min(480px,calc(100vw - 24px));padding:10px 14px 12px;background:var(--cc-white);color:var(--cc-ink);border:1px solid var(--cc-ink);border-radius:5px;box-shadow:0 3px 0 var(--cc-ink)}.vv-bench-head{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3);font-size:16px}.vv-bench-line{font:600 14px var(--cc-mono);color:var(--cc-muted)}.vv-bench-bar{display:block;height:6px;border-radius:3px;background:var(--cc-well);overflow:hidden}.vv-bench-bar>i{display:block;width:0;height:100%;background:var(--cc-yellow);transition:width .4s var(--cc-ease)}.vv-bench-results{display:flex;flex-direction:column;gap:var(--cc-space-2);width:min(1000px,calc(100vw - 32px));height:min(880px,calc(100vh - 32px));padding:var(--cc-space-4) var(--cc-space-5)}.vv-bench-results>.vv-settings{flex:1 1 auto;min-height:0}.vv-bench-sub{margin:0}.vv-settings .vv-set-custom{font-size:12px;padding:1px 8px}.vv-settings .vv-set-keyhead{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3);flex-wrap:wrap;padding:2px 0 6px}.vv-settings .vv-set-how{margin:0}.vv-settings .vv-set-keyhead .vv-set-how{flex:1 1 220px}.vv-settings .vv-set-bind{min-height:52px;padding:6px 0}.vv-settings .vv-bind{grid-area:ctl;justify-self:start;display:inline-grid;place-items:center;width:148px;min-height:40px;padding:4px 12px;border:1px solid var(--cc-stroke);border-radius:4px;background:var(--cc-white);color:var(--cc-ink);box-shadow:0 3px 0 var(--cc-key-edge);font:600 15px/1.1 var(--cc-mono);transition:transform var(--cc-hover) var(--cc-ease),box-shadow var(--cc-hover) var(--cc-ease),background var(--cc-hover)}.vv-settings .vv-bind:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--cc-key-edge)}.vv-settings .vv-bind:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cc-key-edge)}.vv-settings .vv-bind.is-unbound{color:var(--cc-warn);border-style:dashed;border-color:var(--cc-warn);background:var(--cc-warn-tint)}.vv-settings .vv-bind.is-capturing{background:var(--cc-yellow);color:var(--cc-on-yellow);border-color:var(--cc-ink);box-shadow:0 3px 0 var(--cc-ink);font-family:var(--cc-font);font-size:14px;font-weight:700;animation:vv-bind-wait 1.1s ease-in-out infinite}@keyframes vv-bind-wait{50%{box-shadow:0 3px 0 var(--cc-ink),0 0 0 4px var(--cc-ink-soft)}}.vv-settings .vv-set-row.is-flash{animation:vv-set-flash 1.3s var(--cc-ease)}@keyframes vv-set-flash{0%,35%{background:var(--cc-self)}}.vv-settings .vv-set-caps{grid-area:ctl;display:flex;gap:4px;flex-wrap:wrap}.vv-settings .vv-set-fixed .vv-set-name{font-weight:600;color:var(--cc-muted)}.vv-settings .vv-set-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-3);flex-wrap:wrap;padding-top:var(--cc-space-2);border-top:1px solid var(--cc-seam)}.vv-settings .vv-set-saved{flex:1 1 200px;min-height:1.4em}.vv-settings .vv-set-actions{display:flex;gap:var(--cc-space-2);flex-wrap:wrap}@container vvset (max-width: 540px){.vv-settings .vv-set-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name val" "hint hint" "ctl ctl";min-height:0}.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.vv-set-name,.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.cc-slider>span:first-child,.vv-settings .vv-set-row:not(:has(.vv-set-hint))>.cc-switch>span:not(.cc-switch-state){grid-row:auto}.vv-settings .vv-set-row>.cc-seg,.vv-settings .vv-set-row>.cc-select{grid-column:1 / -1;grid-row:3;margin-top:6px}.vv-settings .vv-set-toggle{grid-template-areas:"name ctl" "hint ctl"}.vv-settings .vv-set-toggle>.cc-switch>input{justify-self:end}.vv-settings .vv-set-toggle>.cc-switch>.cc-switch-state{display:none}.vv-settings .vv-set-bind{grid-template-areas:"name ctl" "hint ctl"}.vv-settings .vv-set-bind>.vv-set-also{display:none}.vv-settings .vv-bind{justify-self:end;width:128px}.vv-settings .vv-set-caps{justify-content:flex-end}.vv-settings .vv-set-info{grid-template-areas:"name name" "hint hint"}.vv-settings .vv-perf-compare{grid-template-columns:1fr}.vv-settings .vv-perf-num{margin-left:0}}@media(prefers-reduced-motion:reduce){.vv-settings .vv-bind,.vv-settings .vv-bind.is-capturing,.vv-settings .vv-set-row.is-flash{animation:none;transition:none}}.vvi-body:has(>.vv-set-host){display:flex;flex-direction:column;overflow:hidden}.vvi-body>.vv-set-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.vv-set-host>.vv-settings{flex:1 1 auto}.vvl-pop-settings>.vv-settings{flex:1 1 auto}.vv-drawer-card:has(>.vv-settings){width:min(760px,calc(100vw - 32px));display:flex;flex-direction:column}.vv-controls{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;align-items:center}.vv-controls dt{display:flex;gap:4px;flex-wrap:wrap}.vv-controls dd{margin:0;font-weight:600}.vv-sound-btn[aria-pressed=false]{color:var(--cc-danger);border-color:var(--cc-danger)}.core-pause-card.vv-pausecard{background:transparent;border:0;box-shadow:none;padding:0;max-width:none;width:min(1060px,calc(100vw - 32px));max-height:calc(100vh - 32px);color:var(--cc-ink);text-align:left}.core-pause-card.vv-pausecard>h2,.core-pause-card.vv-pausecard>.core-resume,.core-pause-card.vv-pausecard>.core-keys{display:none}.core-pause:has(.vv-pausecard){background:var(--cc-scrim);-webkit-backdrop-filter:none;backdrop-filter:none}.vv-pause{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--cc-space-4);align-items:start;max-height:calc(100vh - 32px)}.vv-pause-match{display:flex;flex-direction:column;gap:var(--cc-space-3)}.vv-pause-match .cc-heading{margin-bottom:var(--cc-space-1)}.vv-pause-match .cc-btn{justify-content:flex-start;width:100%}.vv-pause-match .cc-btn .cc-key{margin-left:auto}.vv-pause-note{margin:0;color:var(--cc-muted);font-size:14px}.vv-pause-side{display:flex;min-height:0;height:min(800px,calc(100vh - 32px));padding:var(--cc-space-4) var(--cc-space-5)}.vv-pause-side>.vv-settings{flex:1;max-height:100%}.vv-leave-body{display:grid;gap:var(--cc-space-3);margin:0 0 var(--cc-space-2)}.vv-leave-body p{margin:0;font-size:18px;font-weight:600}@media(max-width:760px),(max-height:560px){.vv-pause{grid-template-columns:1fr;overflow:auto}}