.oui-v2 { min-width:0; --oui-v2-ink:var(--mx-text,#18202e); --oui-v2-accent:var(--mx-accent,#5856d6); }
.oui-v2-stage { position:relative; width:100%; min-height:220px; height:clamp(220px,36vw,440px); overflow:hidden; border-radius:var(--mx-radius-lg,18px); isolation:isolate; background:var(--mx-raised,#f1f3f9); }
.oui-v2-stage canvas { display:block; width:100%; height:100%; }
.oui-v2-stage img { display:block; width:100%; height:100%; object-fit:cover; }
.oui-v2-source { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.oui-v2-stream { display:flex; align-items:center; gap:1rem; min-height:120px; }
.oui-v2-stream-prefix { flex:0 1 42%; text-align:end; }
.oui-v2-stream-viewport { position:relative; flex:1; height:120px; overflow:hidden; mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent); }
.oui-v2-stream-track { position:absolute; inset:0 0 auto; will-change:transform; }
.oui-v2-stream-copy > span { display:block; min-height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.oui-v2-flip-char { display:inline-block; transform-origin:50% 55%; backface-visibility:hidden; }
.oui-v2-flow { overflow-y:auto; overscroll-behavior:contain; touch-action:pan-y; }
.oui-v2-flow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:32px 12px; min-height:160%; }
.oui-v2-flow-col { display:flex; flex-direction:column; gap:18px; will-change:transform; }
.oui-v2-flow-col img { height:clamp(120px,18vw,220px); object-fit:cover; border-radius:12px; }
.oui-v2-parallax { overflow-y:auto; scroll-snap-type:y proximity; overscroll-behavior:contain; }
.oui-v2-parallax-slide { position:relative; min-height:100%; display:grid; grid-template-columns:1fr 4fr 1fr; align-items:center; gap:16px; padding:24px; scroll-snap-align:start; perspective:900px; }
.oui-v2-parallax-slide img { height:75%; max-height:340px; border-radius:12px; box-shadow:0 12px 30px #0002; }
.oui-v2-parallax-slide img:first-child,.oui-v2-parallax-slide img:last-child { height:32%; opacity:.65; }
.oui-v2-stack-scroll { overflow-y:auto; overscroll-behavior:contain; }
.oui-v2-stack-spacer { min-height:260%; padding:24px; }
.oui-v2-stack-layer { position:sticky; top:24px; height:calc(100% - 48px); max-height:330px; border-radius:14px; overflow:hidden; transform-origin:50% 0; box-shadow:0 14px 36px #0002; }
.oui-v2-stack-layer + .oui-v2-stack-layer { margin-top:80px; }
.oui-v2-aura { position:relative; isolation:isolate; }
.oui-v2-aura-copy { position:absolute; inset:0; pointer-events:none; color:var(--oui-aura); clip-path:circle(0 at 50% 50%); }
.oui-v2-canvas-control { display:flex; flex-wrap:wrap; gap:6px; margin-block:10px; }
.oui-v2-canvas-control button { min-height:44px; padding:6px 12px; border:1px solid var(--mx-border); border-radius:10px; background:var(--mx-surface); color:var(--mx-text); }
.oui-v2-canvas-control button[aria-pressed="true"] { background:var(--mx-accent-lo); color:var(--mx-accent-ink); }
.oui-v2-grid-mask canvas { width:100%; height:100%; }
.oui-v2-media-list { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr); gap:16px; }
.oui-v2-media-rows { display:flex; flex-direction:column; justify-content:center; gap:6px; }
.oui-v2-media-rows button { color:var(--mx-text); background:transparent; text-align:start; border:0; border-bottom:1px solid var(--mx-border); padding:14px 10px; min-height:44px; }
.oui-v2-media-rows button[aria-pressed="true"] { color:var(--mx-accent-ink); background:var(--mx-accent-lo); }
.oui-v2-pixel-cover { position:absolute; inset:0; display:grid; pointer-events:none; z-index:3; }
.oui-v2-pixel-cover i { background:var(--mx-surface,#fff); opacity:0; }
.oui-v2-folder[data-folder-variant] { --oui-folder-hue:260; --oui-folder-angle:12deg; }
.oui-v2-folder[data-folder-variant="rudras"] { --oui-folder-hue:18; --oui-folder-angle:18deg; }
.oui-v2-folder[data-folder-variant="ardra"] { --oui-folder-hue:205; --oui-folder-angle:8deg; }
.oui-v2-folder[data-folder-variant="shakti"] { --oui-folder-hue:330; --oui-folder-angle:16deg; }
.oui-v2-folder[data-folder-variant="kubera"] { --oui-folder-hue:45; --oui-folder-angle:6deg; }
.oui-v2-folder[data-folder-variant="hari"] { --oui-folder-hue:145; --oui-folder-angle:14deg; }
.oui-v2-folder[data-folder-variant="ravi"] { --oui-folder-hue:30; --oui-folder-angle:20deg; }
.oui-v2-folder[data-folder-variant="durga"] { --oui-folder-hue:355; --oui-folder-angle:10deg; }
.oui-v2-folder[data-folder-variant="nandi"] { --oui-folder-hue:225; --oui-folder-angle:4deg; }
.oui-v2-folder .oui-folder-card { border-color:hsl(var(--oui-folder-hue) 60% 65% / .5); }
.oui-v2-folder-stage { position:relative; display:block; width:100%; height:300px; overflow:hidden; border-radius:16px; background:var(--mx-raised); perspective:800px; }
.oui-v2-folder-icon { position:absolute; width:100px; height:80px; left:calc(50% - 50px); top:calc(55% - 40px); z-index:3; }
.oui-v2-folder-back,.oui-v2-folder-front { position:absolute; inset:0; background:var(--mx-accent); border-radius:8px; box-shadow:inset 0 1px #fff5,0 8px 16px #0002; }
.oui-v2-folder-back { clip-path:polygon(0 0,40% 0,51% 15%,100% 15%,100% 100%,0 100%); filter:brightness(.82); }
.oui-v2-folder-ripple { position:absolute; width:40px; height:40px; border:1px solid var(--mx-accent); border-radius:50%; top:calc(55% - 20px); left:calc(50% - 20px); pointer-events:none; opacity:0; }
.oui-v2-folder-front { inset:15% 0 0; transform-origin:50% 100%; }
.oui-v2-folder-preview { position:absolute; top:calc(55% - 30px); left:calc(50% - 30px); width:60px; height:60px; overflow:hidden; background:var(--mx-surface); color:var(--mx-text); border:1px solid var(--mx-border); border-radius:8px; box-shadow:0 6px 14px #0002; z-index:2; }
.oui-v2-folder-preview img { width:100%; height:100%; object-fit:cover; }
.oui-v2-folder-preview.is-file { font-size:10px; display:flex; align-items:center; justify-content:center; padding:3px; line-height:1.2; overflow-wrap:anywhere; }
.oui-v2-folder[data-folder-variant="durga"] .oui-v2-folder-preview,.oui-v2-folder[data-folder-variant="nandi"] .oui-v2-folder-preview { z-index:4; }
.oui-v2.oui-pxcarousel [data-oui-slide].is-on { animation:none; }
.oui-v2 .oui-v2-stage:focus-visible { outline:3px solid var(--mx-accent); outline-offset:3px; }
@media(max-width:639px) { .oui-v2-stage { min-height:200px; height:280px; } .oui-v2-flow-grid{gap:6px;padding-inline:6px}.oui-v2-media-list{grid-template-columns:1fr}.oui-v2-parallax-slide{gap:8px;padding:12px}.oui-v2-stream{gap:8px;font-size:14px} }
@media(prefers-reduced-motion:reduce) { .oui-v2-stage * { scroll-behavior:auto!important; } .oui-v2-stream-viewport{mask-image:none} }
@media(forced-colors:active) { .oui-v2-stage {border:1px solid CanvasText}.oui-v2-aura-copy{display:none} }