.zg-scene{--zg-ink:#143e2c;--zg-muted:#456553;--zg-line:#1e4a312e;isolation:isolate;min-height:100svh;color:var(--zg-ink);font-family:var(--font-zoo),sans-serif;background:#e3eee4;font-size:14px;line-height:1.5;position:relative;overflow:clip}.zg-scene[data-theme=dark]{--zg-ink:#f1f5ed;--zg-muted:#c0cec2;--zg-line:#daefdf3b;background:#111e19}.zg-scene *{box-sizing:border-box}.zg-scene ::selection{color:#123c2a;background:#aacfb7}.zg-scene :focus-visible{outline-offset:5px;outline:2px solid}.zg-scene button,.zg-scene select,.zg-scene input{font:inherit;color:inherit}.zg-scene button,.zg-scene a,.zg-scene select{-webkit-tap-highlight-color:transparent}.zg-scene button,.zg-scene select{cursor:pointer}.zg-scene a{color:inherit;text-decoration:none}.zg-backdrop,.zg-canvas{pointer-events:none;z-index:-2;width:100%;height:100%;position:fixed;inset:0}.zg-backdrop{background:linear-gradient(#f0f7f021,#f0f7f021),var(--zg-background) center/cover no-repeat}.zg-scene[data-theme=dark] .zg-backdrop{background-image:linear-gradient(#07130d2e,#07130d2e),var(--zg-background)}.zg-canvas{opacity:0;z-index:-1}.zg-scene[data-glass=gpu] .zg-canvas{opacity:1}.zg-playground{max-width:1800px;margin:auto;padding:24px 4vw 36px}.zg-skip{z-index:5;background:#fff;padding:12px;position:absolute;top:-100px}.zg-skip:focus{top:0}.zg-surface{-webkit-backdrop-filter:blur(10px);background:#f5faf457;position:relative;box-shadow:inset 0 1px #ffffff9e,0 8px 24px #0c241714}.zg-scene[data-theme=dark] .zg-surface{background:#111e1899;box-shadow:inset 0 1px #ebf9f054,0 8px 24px #00000021}.zg-scene[data-glass=gpu] .zg-surface{-webkit-backdrop-filter:none;background:0 0}.zg-scene .zg-jade{color:#fff;background:#175a3fe0}.zg-scene[data-glass=fallback] .zg-frost{-webkit-backdrop-filter:blur(18px);background:#eff7ebbd}.zg-scene[data-glass=fallback][data-theme=dark] .zg-frost{background:#111e18c7}.zg-scene[data-glass=fallback] .zg-jade{color:#fff;background:#175a3fe0}.zg-header-wrap{z-index:3;border-radius:28px;max-width:1240px;margin:0 auto}.zg-header{justify-content:space-between;align-items:center;gap:22px;min-height:70px;padding:12px 24px;display:flex}.zg-brand{letter-spacing:-.04em;font-size:30px;font-weight:800;line-height:1}.zg-brand span{font-weight:500}.zg-header nav{align-items:center;gap:28px;font-size:13px;font-weight:650;display:flex}.zg-header a:hover{opacity:.7}.zg-header-actions{align-items:center;gap:8px;display:flex}.zg-icon{background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.zg-icon:hover{background:#809b8626}.zg-header select{background:0 0;border:0;padding:8px 2px;font-size:12px}.zg-scene option{color:#173c29;background:#eef4ec}.zg-header-1{border-radius:20px;max-width:1050px}.zg-header-1 .zg-header{min-height:80px}.zg-header-2{border-radius:8px 8px 32px 32px;max-width:none}.zg-header-2 .zg-header{min-height:60px}.zg-header-2 nav{margin-left:34px;margin-right:auto}.zg-workspace{max-width:1180px;margin:clamp(45px,7vh,95px) auto 0;position:relative}.zg-intro{max-width:500px;margin-bottom:28px}.zg-intro h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 15px;font-size:clamp(28px,3.2vw,46px);font-weight:650;line-height:1.14}.zg-intro p{color:var(--zg-muted);white-space:pre-line;margin:0;font-size:15px;line-height:1.7}.zg-controls{border-radius:22px;width:410px;max-width:100%;padding:22px 25px}.zg-control-group h2{margin:0 0 9px;font-size:12px;font-weight:700}.zg-segments{background:#76957d1f;border-radius:10px;gap:3px;padding:3px;display:flex}.zg-segments button{background:0 0;border:0;border-radius:7px;flex:1;padding:7px 4px;font-size:12px;transition:background .2s}.zg-segments button[aria-pressed=true]{color:#143e2c;background:#ffffffad;box-shadow:0 2px 7px #132b1912}.zg-sliders{gap:10px;display:grid}.zg-sliders label{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.zg-sliders input{accent-color:#39845d;cursor:pointer;width:52%}.zg-object-controls{gap:8px;display:flex}.zg-object-controls select,.zg-object-controls button{background:#809b8621;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.zg-object-controls select{flex:1;min-width:0}.zg-object-controls button{align-items:center;gap:7px;display:flex}.zg-object-controls button:disabled{opacity:.4;cursor:default}.zg-control-bottom{border-top:1px solid var(--zg-line);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:12px;font-size:11px;display:flex}.zg-control-bottom label{align-items:center;gap:6px;display:flex}.zg-control-bottom input{accent-color:#39845d}.zg-control-bottom select{background:0 0;border:0;max-width:125px;font-size:11px}.zg-button-study{flex-wrap:wrap;gap:22px;margin:30px 0 0;display:flex}.zg-button-study>div>span{color:var(--zg-muted);margin:9px 0 0 14px;font-size:11px;display:block}.zg-button-surface{transform-origin:50%;border-radius:999px;display:inline-flex}.zg-demo-button{border-radius:inherit;align-items:center;gap:20px;min-height:48px;padding:12px 21px;font-size:13px;font-weight:650;transition:filter .15s;display:flex}.zg-demo-button:active{filter:brightness(.9)}@media (min-width:1600px){.zg-workspace{margin-top:10vh}.zg-controls{width:450px}}@media (max-width:800px){.zg-playground{padding:14px 18px 26px}.zg-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.zg-header .zg-brand{font-size:26px}.zg-header nav{order:3;justify-content:center;gap:25px;width:100%;font-size:12px}.zg-header-2 nav{margin:0}.zg-header-actions{margin-left:auto}.zg-header-1 .zg-header{min-height:70px}.zg-workspace{margin-top:42px}.zg-controls{width:380px}.zg-intro p{font-size:14px}.zg-button-study{gap:18px 12px}.zg-demo-button{gap:10px;padding:12px 17px}.zg-backdrop{background-position:57%}}@media (max-width:420px){.zg-controls{padding:19px}.zg-header nav{gap:18px}.zg-button-study>div:last-child{margin-right:20px}}@media (prefers-reduced-motion:reduce){.zg-scene *{scroll-behavior:auto!important;transition:none!important}}.zg-engine-stage{z-index:-1;pointer-events:none;position:fixed;inset:0}.zg-engine-stage>canvas,.zg-engine-stage iframe{border:0;width:100%;height:100%;display:block}.zg-engine-stage+.zg-canvas{z-index:0}.zg-playground{z-index:1;position:relative}.zg-mode-options{flex-wrap:wrap;gap:5px;display:flex}.zg-mode-options button{background:#809b861f;border:1px solid #0000;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:650}.zg-mode-options button[aria-pressed=true]{background:#9bbb9e3d;border-color:currentColor}.zg-effect-select{background:#809b8621;border:0;border-radius:8px;width:100%;margin-top:10px;padding:8px 10px;font-size:12px!important}.zg-burst{border:1px solid var(--zg-line);background:#809b8621;border-radius:8px;width:100%;margin-top:16px;padding:8px;font-size:12px!important}.zg-render-error{color:#20432e;background:#f1f7ed;border-radius:12px;max-width:260px;padding:16px;font-size:13px;position:fixed;bottom:4vh;right:6vw}.zg-engine-stage canvas{touch-action:pan-y}.zg-scene{--zg-panel-base:#f5faf4;--zg-panel-tint:#9cd1ad}.zg-scene[data-theme=dark]{--zg-panel-base:#192620;--zg-panel-tint:#14402b}.zg-scene[data-glass=fallback] .zg-surface[data-custom-material]{background:var(--zg-custom-fill);-webkit-backdrop-filter:blur(var(--zg-custom-blur))}.zg-background-options{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.zg-background-options button{border:1px solid var(--zg-line);text-align:left;background:0 0;border-radius:8px;padding:9px 7px;font-size:11px}.zg-background-options button[aria-pressed=true]{background:#9bbb9e4d;border-color:currentColor}.zg-surface-sliders{margin-top:14px}.zg-surface-sliders output{font-variant-numeric:tabular-nums;font-size:10px}.zg-interface-study{gap:24px;width:calc(100% - 475px);display:grid;position:absolute;top:135px;right:0}.zg-section-sample,.zg-table-sample{border-radius:24px;padding:30px;overflow:hidden}.zg-section-sample h2{letter-spacing:-.025em;max-width:330px;margin:0 0 18px;font-size:clamp(22px,2.4vw,34px);line-height:1.2}.zg-section-sample p{max-width:440px;margin:0 0 24px;font-size:14px;line-height:1.7}.zg-section-sample a{align-items:center;gap:12px;font-weight:650;display:inline-flex}.zg-sample-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.zg-sample-title h2{margin:0;font-size:18px}.zg-sample-title span{font-size:11px}.zg-table-scroll{scrollbar-width:thin;scrollbar-color:#6d9680 transparent;max-height:230px;overflow:auto}.zg-table-sample table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.zg-table-sample th{font-weight:500}.zg-table-sample td,.zg-table-sample th{border-bottom:1px solid var(--zg-line);white-space:nowrap;padding:13px 8px}.zg-table-sample td:first-child{font-weight:650}.zg-table-sample tbody tr:hover{background:#82af9226}.zg-controls{padding:20px 23px}.zg-control-group+.zg-control-group{margin-top:16px}.zg-controls label.zg-control-group{display:block}@media (max-width:1050px){.zg-interface-study{grid-template-columns:1fr 1fr;width:100%;margin-top:28px;position:static}.zg-section-sample,.zg-table-sample{padding:24px}}@media (max-width:650px){.zg-interface-study{grid-template-columns:1fr}.zg-header nav{gap:15px}.zg-table-sample{padding:22px 16px}}.zg-table-sample table,.zg-table-sample thead,.zg-table-sample tbody,.zg-table-sample tr,.zg-table-sample th,.zg-table-sample td{color:inherit;background-color:#0000}.zg-sliders input[type=range]{box-shadow:none;background:0 0;border:0;min-height:0;padding:0}