:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf7;-webkit-font-smoothing:antialiased;background:#090d18;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #8ba6ff}.app{min-height:100vh}.topbar{background:#0c1221;border-bottom:1px solid #202940;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,3vw,44px);display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:11px;font-size:23px;font-weight:750;display:inline-flex}.brand-mark{color:#8d9bff;font-size:29px}.brand-accent{color:#a0adff}.topbar-right{align-items:center;gap:23px;display:flex}.pill{letter-spacing:1.8px;color:#b0badd;border:1px solid #343b5c;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.repo-link{color:#b5c4e5;font-size:13px}.repo-link:hover{color:#fff}.workspace{grid-template-columns:288px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.sidebar{background:#0d1424;border-right:1px solid #202940;padding:34px 20px}.eyebrow{letter-spacing:2.5px;color:#91a4f4;font-size:11px;font-weight:800}h1{letter-spacing:-.7px;margin:16px 0 8px;font-size:25px}.sidebar-lead{color:#8c9bb5;margin:0 0 27px;font-size:13px;line-height:1.8}.effect-list{gap:9px;display:grid}.effect-item{color:#b9c6dd;text-align:left;background:#111b2e;border:1px solid #26314a;border-radius:11px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:14px;display:flex}.effect-item:hover{border-color:#5a6c98}.effect-item[aria-current=true]{color:#fff;background:linear-gradient(110deg,#1d2850,#17213b);border-color:#6e84d0}.effect-name{font-size:14px;font-weight:700}.effect-type{color:#9eabd3;font-size:11px}.sidebar-footnote{color:#8090af;border-top:1px solid #26314a;gap:10px;margin-top:28px;padding-top:22px;font-size:12px;line-height:1.7;display:flex}.dot{background:#a0adff;border-radius:50%;flex:none;width:7px;height:7px;margin-top:7px}.viewer-area{width:100%;min-width:0;max-width:1650px;margin:0 auto;padding:30px clamp(16px,3vw,48px)}.viewer-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}h2{letter-spacing:-.9px;margin:8px 0 3px;font-size:clamp(24px,2.7vw,35px)}#effect-description{color:#94a4bf;margin:0;font-size:13px;line-height:1.65}.render-status{color:#99e6c0;background:#133129;border:1px solid #2d6654;border-radius:999px;flex:none;padding:8px 12px;font-size:11px;font-weight:700}.render-status.is-error{color:#ffb3bd;background:#3b1a25;border-color:#79334a}.viewport{isolation:isolate;background:radial-gradient(at 50% 60%,#1b2740 0%,#080c17 80%);border:1px solid #2a3650;border-radius:16px;width:100%;height:min(70vh,770px);min-height:340px;position:relative;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block}.viewport-top{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:17px;left:18px;right:18px}.viewport-label{letter-spacing:1.4px;color:#9fadc9;font-size:11px;font-weight:750}.viewport-help{color:#b8c6de;text-align:center;pointer-events:none;background:#0d1420d9;border:1px solid #364159;border-radius:7px;width:max-content;max-width:calc(100% - 26px);padding:9px 13px;font-size:11px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.error-banner{z-index:2;color:#ffd4d9;overflow-wrap:anywhere;background:#421f2e;border:1px solid #9b4155;border-radius:9px;padding:16px;font-size:13px;line-height:1.6;position:absolute;top:56px;left:18px;right:18px}.error-banner[hidden]{display:none}.toolbar{flex-wrap:wrap;align-items:center;gap:11px;margin:18px 0 0;display:flex}.control{color:#cbd6ee;background:#151f33;border:1px solid #303f5d;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:650}.control:hover{background:#1f2c46}.control.primary{color:#fff;background:#344979;border-color:#5571b3}.checkbox-control{color:#acbbd5;align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.checkbox-control input{accent-color:#98aafb;width:16px;height:16px}.viewer-note{color:#7384a2;margin:15px 0;font-size:11px;line-height:1.8}@media (width<=780px){.topbar{height:62px}.workspace{flex-direction:column;display:flex}.sidebar{border-bottom:1px solid #26314a;border-right:0;padding:20px 16px 16px}.sidebar h1{margin:9px 0 4px;font-size:19px}.sidebar-lead{margin-bottom:12px}.effect-list{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.effect-item{min-width:150px;max-width:220px}.sidebar-footnote{display:none}.viewer-area{padding:18px 12px}.viewer-header{margin-bottom:12px}h2{font-size:25px}.viewport{height:56vh;min-height:330px}.viewport-help{font-size:10px;bottom:12px}.pill{display:none}.checkbox-control{margin-left:0}}#intensity{accent-color:#98aafb;width:112px}#intensity-value{color:#d7e1fd;text-align:right;font-variant-numeric:tabular-nums;min-width:24px}