.cs-recording-media{position:relative;width:100%;aspect-ratio:16/9;background:#090b12}.cs-recording-media img,.cs-recording-media video{width:100%;height:100%;object-fit:contain}.cs-recording-media video{position:absolute;inset:0}.cs-recording-media video[hidden]{display:none}.export-demo{margin:0;min-width:0;overflow:hidden;border:1px solid var(--rp-line,#30303f);border-radius:24px;background:var(--rp-surface,#11131e);color:var(--rp-ink,#f5f4ff);box-shadow:0 22px 65px -38px #7560cc55}.export-demo-header{display:flex;justify-content:space-between;padding:20px 24px 12px;font-size:12px;font-weight:600;letter-spacing:.04em}.export-demo-header span:last-child{color:#bba9fa;font-variant-numeric:tabular-nums}.export-demo-ratios{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 24px 18px}.export-demo-ratios button{min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;font-size:13px;font-weight:600}.export-demo-ratios button:hover{background:#9d85ed14}.export-demo-ratios button[aria-pressed=true]{background:#9d85ed24;border-color:#ac97ed80;color:var(--rp-ink,#f5f4ff)}.export-demo button:focus-visible,.export-demo-crop:focus-visible{outline:2px solid #c4b3ff;outline-offset:3px}.export-demo-canvas{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#7060b512,transparent 72%),#0b0d15}.export-demo-source{position:relative;max-width:100%;overflow:hidden;isolation:isolate}.export-demo-source img,.export-demo-source video{display:block;width:100%;height:100%;object-fit:contain}.export-demo-source video{position:absolute;inset:0}.export-demo-source video[hidden]{display:none}.export-demo-crop{position:absolute;box-sizing:border-box;border:1px solid #c7b6ff;box-shadow:0 0 0 900px #070910b3;cursor:grab;touch-action:none;transition:width .24s ease,height .24s ease,left .24s ease,top .24s ease}.export-demo-crop[data-dragging=true]{cursor:grabbing;transition:none}.export-demo-crop i{position:absolute;width:12px;height:12px;border:solid #dfd5ff;pointer-events:none}.export-demo-crop i:first-child{left:0;top:0;border-width:2px 0 0 2px}.export-demo-crop i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.export-demo-crop i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.export-demo-crop i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.export-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;font-size:11px;color:var(--rp-muted,#aaa8bf)}.export-demo-footer p{margin:0}.export-demo-footer button{min-height:44px;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}.export-demo[data-motion=paused] .export-demo-crop{transition:none}@media (prefers-reduced-motion:reduce){.export-demo-crop{transition:none}}@media (max-width:600px){.export-demo-header{padding:16px 16px 12px}.export-demo-ratios{padding:0 12px 14px}.export-demo-footer{padding:8px 12px}}