#opacity-control{position:absolute;top:83px;left:16px;width:34px;z-index:1000;touch-action:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}@media (max-width: 1059.9px){#opacity-control{left:8px}}#opacity-tooltip{min-width:42px;text-align:center;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px var(--space-2);white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--transition-fast)}#opacity-control:hover #opacity-tooltip,#opacity-control:focus-within #opacity-tooltip,#opacity-control.opacity-keyboard-active #opacity-tooltip{opacity:1}#opacity-slider-wrap{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--shadow-md);width:34px;height:calc(110px + var(--space-4));padding:var(--space-2) 0}#opacity-slider{padding-block:4px;-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:106px;height:110px;background:transparent;outline:none;cursor:pointer}#opacity-slider::-webkit-slider-runnable-track{height:106px;width:4px;border-radius:var(--radius-full);background:linear-gradient(to top,var(--color-accent) var(--slider-fill, 80%),var(--color-accent-dim) var(--slider-fill, 80%))}#opacity-control:hover #opacity-slider::-webkit-slider-runnable-track{background:linear-gradient(to top,color-mix(in srgb,var(--color-accent) 85%,var(--color-accent-glow)) var(--slider-fill, 80%),color-mix(in srgb,var(--color-accent-dim) 70%,var(--color-accent)) var(--slider-fill, 80%))}#opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;translate:-6px 0;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 8px var(--color-accent-glow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);scale:1.25}#opacity-slider::-webkit-slider-thumb:hover,#opacity-control:hover #opacity-slider::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 14px var(--color-accent-glow)}#opacity-slider::-moz-range-track{width:110px;height:4px;border-radius:var(--radius-full);background:var(--color-accent-dim)}#opacity-slider::-moz-range-progress{background:var(--color-accent);border-radius:var(--radius-full);height:4px}@supports (-moz-appearance: none){#opacity-slider::-moz-range-track{transform:rotate(90deg)}#opacity-slider-wrap{height:calc(106px + var(--space-4))}}#opacity-slider:hover::-moz-range-track,#opacity-control:focus-within #opacity-slider::-moz-range-track{background:color-mix(in srgb,var(--color-accent-dim) 70%,var(--color-accent))}#opacity-slider:hover::-moz-range-progress,#opacity-control:focus-within #opacity-slider::-moz-range-progress{background:color-mix(in srgb,var(--color-accent) 85%,var(--color-accent-glow))}#opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 8px var(--color-accent-glow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}#opacity-slider:hover::-moz-range-thumb,#opacity-control:focus-within #opacity-slider::-moz-range-thumb,#opacity-slider::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px var(--color-accent-glow)}@media (max-width: 600px) and (orientation: portrait){#opacity-control{top:79px;width:32px}#opacity-slider-wrap{width:32px;height:calc(90px + var(--space-4))}@supports (-moz-appearance: none){#opacity-slider-wrap{height:calc(86px + var(--space-4))}}#opacity-slider{width:86px;height:90px}#opacity-slider::-webkit-slider-runnable-track{height:86px}#opacity-slider::-moz-range-track{width:90px}#opacity-tooltip{min-width:39px}}