:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f1ff;background:#05050a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#05050a}button,input{font:inherit}button{cursor:pointer}.showcase-shell{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 65% 48%,rgba(58,24,106,.2),transparent 34%),radial-gradient(circle at 90% 15%,rgba(26,87,150,.12),transparent 24%),#05050a}.showcase-shell:before{position:absolute;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.36;background-image:radial-gradient(rgba(255,255,255,.22) .5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent)}.ambient{position:absolute;z-index:-1;width:42vw;height:42vw;border-radius:50%;filter:blur(70px);opacity:.15;pointer-events:none}.ambient-one{top:13%;left:26%;background:#8732db}.ambient-two{right:-14%;bottom:-26%;background:#168edc}.stage{position:absolute;inset:0}.canvas-host{width:100%;height:100%;touch-action:none}.canvas-host canvas{display:block;width:100%;height:100%;outline:none}.control-panel{position:absolute;top:50%;left:clamp(18px,3.2vw,50px);width:min(300px,calc(100vw - 36px));padding:27px 26px 22px;transform:translateY(-50%);border:1px solid rgba(222,210,255,.19);border-radius:18px;background:linear-gradient(145deg,#13111ee0,#08080eb3);box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff12;backdrop-filter:blur(18px)}.panel-heading{padding-bottom:23px;border-bottom:1px solid rgba(222,210,255,.13)}.eyebrow{margin:0 0 14px;color:#b4a3ed;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.panel-heading h1{margin:0;color:#f5f1ff;font-size:22px;font-weight:600;letter-spacing:-.035em}.panel-intro{margin:11px 0 0;color:#978fa9;font-size:12px;line-height:1.55}.control-list{display:grid;gap:17px;padding:22px 0 20px}.control{display:grid;gap:10px}.control-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d8d1e5;font-size:12px}.control output{min-width:43px;color:#b7abff;font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}input[type=range]{width:100%;height:3px;margin:0;appearance:none;border-radius:99px;outline:none;background:linear-gradient(90deg,#7c52e9,#282434 68%)}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:2px solid #07070c;border-radius:50%;background:#e3dcff;box-shadow:0 0 0 1px #a98cff,0 0 14px #a67cff99}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #07070c;border-radius:50%;background:#e3dcff;box-shadow:0 0 0 1px #a98cff,0 0 14px #a67cff99}input[type=range]:focus-visible{outline:2px solid #b59aff;outline-offset:6px}.reset-button{width:100%;padding:11px 14px;border:1px solid rgba(185,152,255,.72);border-radius:8px;color:#d9cbff;background:#623ab81f;font-size:12px;font-weight:600;transition:background .2s ease,border-color .2s ease,transform .2s ease}.reset-button:hover{border-color:#d7c8ff;background:#825be038}.reset-button:active{transform:translateY(1px)}.reset-button:focus-visible{outline:2px solid #e8dfff;outline-offset:4px}.panel-footnote{margin:18px 0 0;color:#726b80;font:400 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.fallback-card{position:absolute;top:50%;left:58%;display:grid;gap:16px;width:min(300px,62vw);transform:translate(-50%,-50%);color:#d9d0e9;text-align:center}.fallback-card img{width:100%;border:1px solid rgba(222,210,255,.4);border-radius:16px;box-shadow:0 28px 80px #00000085}.fallback-card div{display:grid;gap:4px;font-size:12px}.fallback-card span{color:#9890a4}@media(max-width:760px){.showcase-shell{min-height:100svh}.stage{inset:0 0 174px}.control-panel{top:auto;right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;width:auto;padding:16px 17px 14px;transform:none;border-radius:16px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:11px}.eyebrow{margin:0;font-size:9px}.panel-heading h1{font-size:16px}.panel-intro,.panel-footnote{display:none}.control-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 15px;padding:13px 0 14px}.control{gap:7px}.control-topline{font-size:10px}.control output{font-size:9px;min-width:31px}input[type=range]{height:2px}input[type=range]::-webkit-slider-thumb{width:13px;height:13px}.reset-button{padding:9px 12px;font-size:11px}.fallback-card{top:41%;left:50%;width:min(245px,58vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}