.wl-shell{--wl-bg:#080e15;--wl-line:#26363e;--wl-text:#e8eeef;--wl-muted:#95aab4;--wl-accent:#b3e9df;background:var(--wl-bg);color:var(--wl-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;padding:0 clamp(18px,3vw,48px) 40px;font-family:Manrope,system-ui,sans-serif}.wl-shell *{box-sizing:border-box}.wl-shell button,.wl-shell input,.wl-shell select{font:inherit}.wl-shell button{cursor:pointer}.wl-shell button:disabled,.wl-shell fieldset:disabled{opacity:.45}.wl-shell button:disabled{cursor:wait}.wl-shell a{text-decoration:none}.wl-shell :is(button,a,summary,input,select):focus-visible{outline:2px solid var(--wl-accent);outline-offset:4px}.wl-header{border-bottom:1px solid var(--wl-line);letter-spacing:.06em;align-items:center;gap:32px;height:76px;font:11px DM Mono,monospace;display:flex}.wl-brand{color:var(--wl-text);font:22px DM Mono,monospace}.wl-brand span{color:var(--wl-muted);margin-left:8px;font-size:12px}.wl-back{color:var(--wl-muted)}.wl-number{color:#aac2c6;margin-left:auto}.wl-intro{justify-content:space-between;align-items:end;gap:24px;padding:30px 0;display:flex}.wl-eyebrow{letter-spacing:.12em;color:#9ed7ce;margin:0 0 12px;font:11px DM Mono,monospace}.wl-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.1}.wl-intro h1 em{color:var(--wl-accent);font-family:Georgia,serif;font-weight:400}.wl-intro h1 span{color:var(--wl-muted);letter-spacing:0;margin-left:22px;font-size:15px;font-weight:400}.wl-intro>p{color:var(--wl-muted);margin:0 0 3px;font-size:13px;line-height:1.9}.wl-workspace{grid-template-columns:minmax(0,1fr) 322px;align-items:start;gap:18px;display:grid}.wl-view{border:1px solid var(--wl-line);background:#060e15;border-radius:6px;position:sticky;top:16px;overflow:hidden}.wl-view-heading{color:#95aeb7;letter-spacing:.06em;z-index:1;justify-content:space-between;gap:20px;padding:20px 22px;font:10px DM Mono,monospace;display:flex;position:relative}.wl-view-heading>span:first-child{color:#b3e9df;align-items:center;gap:8px;display:flex}.wl-view-heading i{background:#a5e6d4;border-radius:50%;width:5px;height:5px;display:inline-block}.wl-view-heading i.paused{background:#efcb96}.wl-stage{height:clamp(400px,46vw,610px);position:relative}.wl-stage iframe{border:0;width:100%;height:100%;display:block}.wl-transport{border-top:1px solid var(--wl-line);align-items:center;gap:7px;padding:16px 22px 10px;display:flex}.wl-transport button,.wl-error button{color:#d5e4e6;background:#16252d;border:1px solid #36505b;border-radius:3px;padding:10px 13px;font-size:12px}.wl-transport button:hover{background:#273c44}.wl-transport .wl-primary{background:var(--wl-accent);border-color:var(--wl-accent);color:#14352e;min-width:100px}.wl-transport>span{color:#809ba5;letter-spacing:.07em;margin-left:auto;font:9px DM Mono,monospace}.wl-gesture{color:var(--wl-muted);margin:0 22px 18px;font-size:11px;line-height:1.7}.wl-panel{border:1px solid var(--wl-line);background:#101b23;border-radius:6px;padding:24px 20px}.wl-panel h2{letter-spacing:-.03em;margin:0 0 26px;font-size:23px;font-weight:500;line-height:1.5}.wl-panel fieldset{border:0;min-width:0;margin:0;padding:0}.wl-panel legend{color:#b6c8cc;margin:0 0 12px;font:11px DM Mono,monospace}.wl-experiment{width:100%;color:var(--wl-text);text-align:left;background:#15252e;border:1px solid #273c47;border-radius:3px;align-items:center;gap:12px;margin-bottom:8px;padding:13px 11px;display:flex}.wl-experiment>span{color:#759aa3;font:11px DM Mono,monospace}.wl-experiment strong{font-size:13px;font-weight:500}.wl-experiment small{color:var(--wl-muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}.wl-experiment b{color:#acdfd6;margin-left:auto;font-size:17px;font-weight:400}.wl-experiment:hover,.wl-experiment[aria-pressed=true]{background:#1c383d;border-color:#8bc2b7}.wl-help{color:var(--wl-muted);margin:10px 0 0;font-size:11px;line-height:1.75}.wl-control-section{border-top:1px solid var(--wl-line);margin-top:22px;padding-top:20px;font-size:12px}.wl-range>span{justify-content:space-between;margin-bottom:10px;display:flex}.wl-range output{color:var(--wl-accent);font:12px DM Mono,monospace}.wl-range input{accent-color:#b3e9df;width:100%;height:20px;margin:0}.wl-toggle{align-items:center;gap:9px;margin-top:19px;line-height:1.6;display:flex}.wl-toggle input{accent-color:var(--wl-accent);width:16px;height:16px}.wl-control-section select{color:#d6e4e7;background:#172a33;border:1px solid #35505b;border-radius:3px;width:100%;margin-top:10px;padding:11px 8px;font-size:11px}.wl-observations{grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0 26px;display:grid}.wl-observations article{border-right:1px solid var(--wl-line);padding-right:24px}.wl-observations article:last-child{border:0}.wl-observations span{color:#8bb7b5;letter-spacing:.09em;font:10px DM Mono,monospace}.wl-observations h2{letter-spacing:-.025em;margin:14px 0 10px;font-size:19px;font-weight:500}.wl-observations p,.wl-method p{color:var(--wl-muted);margin:0;font-size:13px;line-height:1.9}.wl-method{border:1px solid var(--wl-line);border-radius:5px;padding:20px 24px}.wl-method summary{cursor:pointer;font-size:14px}.wl-method summary>span{float:right;color:var(--wl-accent)}.wl-method-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0 5px;display:grid}.wl-method h2{margin:0 0 12px;font-size:16px;font-weight:500}.wl-method p{margin:0 0 14px}.wl-method a,.wl-footer a{color:var(--wl-accent);font-size:12px}.wl-method a{margin-top:10px;display:block}.wl-footer{justify-content:space-between;gap:20px;margin-top:26px;display:flex}.wl-error{text-align:center;background:#0b1723f5;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:35px;font-size:14px;line-height:1.8;display:flex;position:absolute;inset:0}.wl-error a{color:var(--wl-accent);font-size:12px}.wl-notice{color:#efcf9a;background:#182831d9;padding:12px;font-size:12px;position:absolute;bottom:8px;left:20px;right:20px}.water-light-preview{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.water-light-card canvas{visibility:hidden}.wl-demo-bar{background:#142a30;border-bottom:1px solid #42615f;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.wl-demo-bar .wl-eyebrow{font-size:12px}.wl-demo-bar p{color:#bfd3d7;margin:7px 0 0;font-size:14px;line-height:1.6}.wl-demo-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.wl-demo-actions button,.wl-demo-navigation button,.wl-free-actions button{color:#d5eeea;white-space:nowrap;background:#1b353d;border:1px solid #476566;border-radius:4px;padding:10px 13px;font-size:14px}.wl-demo-actions .wl-demo-start{color:#11332c;background:#b3e9df;border-color:#b3e9df;font-weight:600}.wl-demo-actions button:hover,.wl-free-actions button:hover{filter:brightness(1.13)}.wl-guide{border-bottom:1px solid var(--wl-line);background:#0e1d27;padding:17px 22px 14px}.wl-guide-copy>span{color:#8bbeb8;letter-spacing:.07em;font:12px DM Mono,monospace}.wl-guide h2{margin:8px 0;font-size:19px;font-weight:500}.wl-guide p{color:#c2d3d7;max-width:72ch;margin:0;font-size:14px;line-height:1.7}.wl-demo-navigation{align-items:center;gap:14px;margin-top:14px;display:flex}.wl-demo-navigation button{padding:6px 12px}.wl-demo-navigation progress{-webkit-appearance:none;appearance:none;accent-color:#b3e9df;background:#294148;border:0;border-radius:3px;width:100%;height:4px;display:block}.wl-demo-navigation progress::-webkit-progress-bar{background:#294148;border-radius:3px}.wl-demo-navigation progress::-webkit-progress-value{background:#b3e9df;border-radius:3px}.wl-demo-navigation progress::-moz-progress-bar{background:#b3e9df}.wl-cutaway{color:#b3e9df;pointer-events:none;margin:0;font:12px/1.7 DM Mono,monospace;position:absolute;top:8px;left:22px;right:22px}.wl-free-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.wl-tour-method{margin-bottom:16px}.wl-panel h2{margin-bottom:18px}.wl-panel legend,.wl-control-section,.wl-toggle,.wl-range>span,.wl-control-section select,.wl-experiment strong{font-size:14px}.wl-experiment small,.wl-help{font-size:12px}.wl-experiment{gap:9px}.wl-experiment>span{font-size:12px}.wl-workspace{grid-template-columns:minmax(0,1fr) 342px}.wl-stage{height:clamp(360px,40vw,520px)}@media (max-width:1100px){.wl-intro>p{display:none}.wl-workspace{grid-template-columns:minmax(0,1fr) 300px}.wl-panel{padding:20px 16px}.wl-view-heading>span:last-child,.wl-transport>span{display:none}.wl-intro h1 span{margin:12px 0 0;display:block}.wl-stage{height:440px}.wl-demo-bar{flex-direction:column;align-items:start;gap:12px}.wl-demo-actions{justify-content:flex-start}}@media (max-width:780px){.wl-header{gap:14px;height:64px}.wl-brand{font-size:18px}.wl-brand span{font-size:10px}.wl-number{font-size:9px}.wl-back{font-size:10px}.wl-intro{padding:26px 0}.wl-workspace{grid-template-columns:1fr}.wl-view{position:relative;top:0}.wl-stage{height:390px}.wl-transport{padding:14px 14px 10px}.wl-gesture{margin:0 14px 16px}.wl-panel{padding:22px}.wl-panel h2 br{display:none}.wl-observations{grid-template-columns:1fr;gap:23px}.wl-observations article{border:0;padding:0}.wl-method-grid{grid-template-columns:1fr;gap:24px}.wl-footer{flex-direction:column}.wl-view-heading,.wl-method{padding:18px}}