@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededed;font-synthesis:none;--line:#242424;background:#050505;font-family:Geist,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}::selection{color:#050505;background:#ededed}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline-offset:3px;outline:2px solid #0070f3}header,footer{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 40px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:9px;width:fit-content;font-weight:600;display:inline-flex}.mark{border-bottom:17px solid #ededed;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0}nav{color:#999;gap:28px;font-size:14px;display:flex}nav a{align-items:center;gap:4px;transition:color .2s;display:flex}nav a:hover{color:#ededed}.github{justify-self:end}main{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:1440px;margin:0 auto}.hero{text-align:center;background-image:radial-gradient(#292929 1px,#0000 1px);background-position:50%;background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;min-height:610px;padding:100px 24px;display:flex;position:relative}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0505059e 0,#050505 68%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(50px,6.2vw,88px);font-weight:600;line-height:.98}.hero>p{color:#999;max-width:610px;margin:30px auto 0;font-size:17px;line-height:1.65}.hero-actions{gap:10px;margin-top:34px;display:flex}.hero-actions a,.hero-actions button,.closer button{cursor:pointer;color:#ededed;background:#111;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 18px;display:inline-flex}.hero-actions .primary{color:#050505;background:#ededed;border-color:#ededed}.hero-actions a:hover,.hero-actions button:hover,.closer button:hover{background:#1c1c1c}.hero-actions .primary:hover{background:#ccc}.gallery{border-top:1px solid var(--line);scroll-margin-top:0}.gallery-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 28px;display:grid}.gallery-bar p{color:#666;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.gallery-bar p span{color:#ededed}.gallery-links{align-items:center;gap:5px;display:flex}.gallery-links a{color:#666;font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;width:30px;height:30px;font-size:11px;transition:color .2s,background .2s;display:grid}.gallery-links a:hover{color:#ededed;background:#161616}.gallery-links a.active{color:#050505;background:#ededed}.gallery-arrows{justify-self:end;gap:6px;display:flex}.gallery-arrows button{color:#ededed;cursor:pointer;background:#111;border:1px solid #333;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:grid}.gallery-arrows button:hover{background:#1c1c1c}.demo{border-bottom:1px solid var(--line);min-width:0}.active-demo{animation:.35s cubic-bezier(.16,1,.3,1) demo-in}.canvas-shell{aspect-ratio:2;background:#050505;overflow:hidden}@keyframes demo-in{0%{opacity:.7;filter:blur(5px)}to{opacity:1;filter:blur()}}canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block}.radiance-shell,.transmission-shell{position:relative}.draw-hint{color:#fffc;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:18px;left:50%;translate:-50%}.monolith-paint{z-index:2;opacity:0;cursor:default;position:absolute;inset:0}.monolith-paint-move{pointer-events:none}.monolith-tools{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505db;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:6px;padding:5px;display:flex;position:absolute;top:14px;left:14px}.tool-group{align-items:center;gap:2px;display:flex}.monolith-tools button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:30px;font-size:12px;display:inline-flex}.monolith-tools .tool-button{padding:0 9px}.monolith-tools .tool-button:hover,.monolith-tools .tool-button.active,.monolith-tools .clear-tool:hover{color:#fff;background:#ffffff1f}.monolith-tools .tool-button.active{box-shadow:inset 0 0 0 1px #ffffff14}.monolith-tools .clear-tool{padding:0 8px}.monolith-tools input[type=range]{accent-color:#fff;width:74px}.tool-divider{background:#ffffff29;width:1px;height:20px;margin:0 2px}.paint-colors{align-items:center;gap:2px;padding:0 2px;display:flex}.paint-colors button{width:28px;padding:0;position:relative}.paint-colors button:after{content:"";background:var(--swatch);width:12px;height:12px;box-shadow:0 0 8px color-mix(in srgb, var(--swatch) 60%, transparent);border-radius:50%}.paint-colors button:hover:after{scale:1.12}.paint-colors button.active:before{content:"";border:1px solid #ffffffe6;border-radius:50%;width:20px;height:20px;position:absolute}.paint-colors button.active:after{box-shadow:0 0 8px color-mix(in srgb, var(--swatch) 70%, transparent), 0 0 0 2px #111}.monolith-hint{z-index:3;color:#fffc;letter-spacing:.07em;text-transform:uppercase;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:15px;left:50%;translate:-50%}.gpu-error{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.gpu-error span{color:#fff;font-weight:500}.gpu-error p{max-width:300px;font-size:13px}.demo-copy{grid-template-columns:1.1fr 1fr;align-items:start;gap:20px;min-height:178px;padding:26px 28px 30px;display:grid}.demo-copy>div{align-items:baseline;gap:15px;display:flex}.index{font-variant-numeric:tabular-nums;color:#999;font-size:12px}h2{letter-spacing:-.025em;margin:0;font-size:20px}.demo-copy p{color:#aaa;margin:0;font-size:14px;line-height:1.55}.tech{color:#777;grid-column:2;font-size:12px}.closer{justify-content:space-between;align-items:end;min-height:430px;padding:72px 7vw;display:flex}.closer h2{letter-spacing:-.04em;font-size:clamp(38px,5vw,64px);line-height:1}.closer p{color:#999;max-width:520px;margin:24px 0 0;line-height:1.6}.closer button{flex:none}footer{border-top:1px solid var(--line);color:#888;border-bottom:0;font-size:13px}footer .brand{color:#ededed}footer .mark{border-bottom-width:13px;border-left-width:7px;border-right-width:7px}footer p{text-align:center}footer>a:last-child{justify-self:end;align-items:center;gap:4px;display:flex}@media (width<=760px){header{grid-template-columns:1fr auto;padding:0 20px}nav{display:none}.hero{min-height:560px;padding:80px 20px}h1{font-size:50px}.hero-actions{flex-direction:column;width:100%;max-width:280px}.hero-actions a,.hero-actions button{justify-content:center}.gallery-bar{grid-template-columns:1fr auto;min-height:64px;padding:0 20px}.gallery-links{display:none}.canvas-shell{aspect-ratio:1.1}.monolith-tools{left:10px;right:10px;overflow-x:auto}.monolith-tools input[type=range],.tool-label{display:none}.monolith-tools button{flex:none}.demo-copy{grid-template-columns:1fr;min-height:0;padding:22px 20px 28px}.tech{grid-column:1}.closer{flex-direction:column;align-items:flex-start;gap:40px;padding:70px 24px}footer{grid-template-columns:1fr auto;height:auto;min-height:130px;padding:28px 20px}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.active-demo{animation:none}}.demo:fullscreen{background:#000;width:100vw;height:100vh}:is(.demo:fullscreen .canvas-shell,.demo:fullscreen .transmission-shell,.demo:fullscreen .fractal-shell){aspect-ratio:auto;width:100%;height:100%}.demo:fullscreen .demo-copy{display:none}.fractal-shell{aspect-ratio:2;background:#000;position:relative;overflow:hidden}.fractal-shell canvas{position:absolute;inset:0}.fractal-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505d1;border:1px solid #fff3;border-radius:8px;align-items:center;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden}.fractal-controls span{color:#aaa;padding:0 12px;font-size:11px}.fractal-controls button{color:#ddd;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff29;width:38px;height:36px;padding:0}.fractal-controls .pause-fractal{width:auto;padding:0 11px;font-size:11px}.fractal-controls button:hover{background:#ffffff1f}.dev-demo-page{background:#000;border:0;max-width:none;position:fixed;inset:0}.dev-demo-page>.canvas-shell,.dev-demo-page>.transmission-shell,.dev-demo-page>.fractal-shell{aspect-ratio:auto;width:100%;height:100%}.dev-demo-picker{z-index:10;color:#999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505d6;border:1px solid #fff3;border-radius:8px;align-items:center;gap:9px;padding:6px 8px 6px 11px;font-size:11px;display:flex;position:fixed;top:16px;left:16px}.dev-demo-picker select{color:#eee;font:inherit;background:#1a1a1a;border:0;border-radius:5px;padding:6px 28px 6px 8px}@media (width<=760px){.fractal-shell{aspect-ratio:1.1}.fractal-controls{bottom:10px;right:10px}.fractal-controls span{display:none}}