.zl-page{--zl-ink:#18201c;--zl-muted:#657069;--zl-accent:#8a9c65;--zl-studio:#e9ebe4;background:var(--zl-studio);color:var(--zl-ink);overscroll-behavior-y:none;height:100svh;overflow:clip hidden}.zl-page h1,.zl-page p{margin:0}html[data-zeno-load-state=loading],html[data-zeno-load-state=exiting]{overflow:hidden}.zl-load-in{perspective:1400px;z-index:100;background:radial-gradient(circle at 50% 46%,#ffffffad,#0000 38%),#d9dcd4;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zl-load-in[data-phase=exiting]{animation:zl-load-in-exit var(--zl-load-exit-duration) ease-in-out forwards;pointer-events:none;will-change:opacity}.zl-load-paper{transform-origin:top;width:min(940px,88vw);position:relative}.zl-load-paper-sheet{background:repeating-linear-gradient(0deg,#20272206 0 1px,#0000 1px 5px),#f2f0e7;border:1px solid #18201c1a;min-height:min(580px,72vh);padding:clamp(42px,6vw,78px);position:relative;box-shadow:0 24px 40px #2126222e,inset 0 0 72px #605b4b12,inset 0 -1px #18201c0d}.zl-load-paper-progress{color:#18201c9e;font-family:var(--font-space-grotesk), Arial, sans-serif;letter-spacing:.12em;font-size:11px;font-weight:680}.zl-load-in-center{flex-direction:column;justify-content:center;align-items:center;gap:34px;width:100%;min-height:min(430px,56vh);display:flex}.zl-load-logo-mark{aspect-ratio:1514/283;width:min(470px,64vw);position:relative}.zl-load-logo-letter{animation:1.6s ease-in-out infinite zl-load-letter-bounce;animation-delay:var(--letter-delay);transform-origin:bottom;position:absolute;top:0;bottom:0;overflow:hidden}.zl-load-logo-letter img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;height:100%;position:absolute;top:0}.zl-load-meter{background:#18201c24;width:min(540px,62vw);height:3px;position:relative;overflow:hidden}.zl-load-meter:after{content:"";opacity:.78;background:linear-gradient(90deg,#0000,#f2f0e7db,#0000);animation:1.5s ease-in-out infinite zl-load-meter-shimmer;position:absolute;inset:0;transform:translate(-100%)}.zl-load-meter>span{transform-origin:0;background:#18201c;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1);display:block}.zl-load-paper-progress{text-align:right;width:min(540px,62vw);margin-top:-22px}.zl-load-paper-roll-track{pointer-events:none;position:absolute;inset:0}.zl-load-paper-roll{opacity:0;transform-origin:50%;background:linear-gradient(#faf8ef 0%,#dad6c9 48%,#a8a397 100%);border:1px solid #18201c1f;border-radius:50%;height:28px;position:absolute;bottom:-14px;left:-4px;right:-4px;transform:scaleY(.35);box-shadow:0 13px 22px #1e231f30,inset 0 2px 3px #ffffffc7}.zl-load-in[data-phase=exiting] .zl-load-paper{animation:zl-load-paper-roll-up var(--zl-load-exit-duration) cubic-bezier(.45, 0, .2, 1) forwards;will-change:transform}.zl-load-in[data-phase=exiting] .zl-load-paper-sheet{animation:zl-load-paper-sheet-roll var(--zl-load-exit-duration) cubic-bezier(.45, 0, .2, 1) forwards;transform-origin:top;will-change:transform;overflow:hidden}.zl-load-in[data-phase=exiting] .zl-load-paper-roll-track{animation:zl-load-paper-roll-track var(--zl-load-exit-duration) cubic-bezier(.45, 0, .2, 1) forwards;will-change:transform}.zl-load-in[data-phase=exiting] .zl-load-paper-roll{animation:zl-load-paper-roll-cylinder var(--zl-load-exit-duration) ease-in-out forwards;will-change:transform, opacity}.zl-reveal{--reveal-progress:0;overflow-anchor:none;height:100svh;position:relative}.zl-stage{height:var(--zl-viewport-height,100svh);overflow-anchor:none;background:radial-gradient(circle at 50% 42%,#ffffff9e,#0000 38%),linear-gradient(145deg,#f1f2ec,#dfe4da);position:relative;overflow:hidden}.zl-canvas-wrap{touch-action:none}.zl-terminal-native-input{opacity:.01;clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:35%;left:50%}.zl-terminal-transcript{clip-path:inset(50%);white-space:pre;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.zl-stage:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#18201c14,#0000 18% 78%,#18201c14);position:absolute;inset:0}.zl-canvas-wrap{z-index:1;width:100%;height:100%;position:relative;overflow:hidden}.zl-canvas-wrap>canvas{width:100%!important;height:100%!important}.zl-studio-focus-dismiss-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.zl-studio-focus-dismiss-layer span{cursor:zoom-out;pointer-events:auto;position:absolute}.zl-studio-focus-dismiss-layer [data-zone=top]{height:clamp(76px,10vh,96px);inset:0 0 auto}.zl-studio-focus-dismiss-layer [data-zone=right]{width:clamp(32px,8vw,112px);top:clamp(76px,10vh,96px);bottom:0;right:0}.zl-studio-focus-dismiss-layer [data-zone=bottom]{height:clamp(24px,5vh,48px);bottom:0;left:clamp(184px,15vw,224px);right:clamp(32px,8vw,112px)}.zl-studio-focus-dismiss-layer [data-zone=left]{width:clamp(184px,15vw,224px);top:clamp(76px,10vh,96px);bottom:0;left:0}.zl-cycle-curtain{opacity:0;pointer-events:none;z-index:4;background:#f4f1e8;transition:opacity .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.zl-cycle-curtain[data-phase=covered],.zl-cycle-curtain[data-phase=covering]{opacity:1;transition-duration:.55s}.zl-cycle-curtain[data-phase=revealing]{opacity:0}.zl-poster{opacity:1;pointer-events:none;transform:scale(calc(2.25 - var(--reveal-progress) * 1.25));transition:opacity .42s;position:absolute;inset:-64% -28% -38%}.zl-poster img{object-fit:contain}.zl-reveal[data-loaded=true] .zl-poster{opacity:0}.zl-reveal[data-webgl-state=lost] .zl-poster{opacity:1;inset:4% 8% -9%;transform:scale(1)}.zl-intro-cue{color:#fffffff0;opacity:calc(1 - min(1, var(--reveal-progress) * 4));pointer-events:none;white-space:nowrap;z-index:5;grid-template-columns:auto 48px auto;align-items:center;gap:7px 13px;transition:opacity .22s;display:grid;position:absolute;bottom:clamp(28px,4.5vh,46px);left:50%;transform:translate(-50%)}.zl-intro-cue>span{letter-spacing:.08em;text-shadow:0 1px 12px #00000080;text-transform:uppercase;font-size:11px;font-weight:560}.zl-intro-cue>i{background:#ffffff59;height:1px;display:block;position:relative;overflow:hidden}.zl-intro-cue>i:after{content:"";background:#fffffff2;animation:1.8s ease-in-out infinite zl-scroll;position:absolute;inset:0;transform:translate(-100%)}.zl-intro-cue>small{color:#ffffffc2;text-shadow:0 1px 12px #00000080;font-size:10px}.zl-play-copy{max-width:min(440px,40vw);opacity:clamp(0, calc((var(--reveal-progress) - .62) * 7), 1);pointer-events:none;transform:translateY(clamp(0px, calc((.72 - var(--reveal-progress)) * 90px), 24px));z-index:5;transition:opacity .22s;position:absolute;bottom:clamp(34px,6.5vh,72px);left:clamp(24px,5.2vw,84px)}.zl-reveal[data-interactive=true] .zl-play-copy{pointer-events:auto}.zl-reveal[data-studio-panel=open] .zl-play-copy{opacity:.16;pointer-events:none}.zl-play-copy h1{font-family:var(--font-zeno-display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(36px,4.3vw,68px);font-weight:400;line-height:.98}.zl-play-copy[data-mode=studio] h1{max-width:360px;font-size:clamp(34px,3.6vw,58px)}.zl-pick-button{background:var(--zl-ink);color:#f5f6f0;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding:0 17px 0 21px;font-size:12px;transition:background-color .18s,transform .18s;display:inline-flex}.zl-action-dock{left:max(clamp(24px, 5.2vw, 84px), env(safe-area-inset-left));bottom:max(clamp(24px, 5vh, 52px), env(safe-area-inset-bottom));z-index:13;color:var(--zl-ink);position:absolute}.zl-action-dock>summary{cursor:pointer;background:#eff0eac2;border:1px solid #18201c3d;border-radius:999px;align-items:center;gap:12px;min-height:50px;padding:0 18px;font-size:13px;font-weight:600;list-style:none;transition:background .16s,transform .16s;display:flex}.zl-action-dock>summary::-webkit-details-marker{display:none}.zl-action-dock>summary:hover{background:#f0f1ea;transform:translateY(-2px)}.zl-action-dock[open]>summary{color:#f0f1ea;background:#18201c}.zl-action-dock>summary svg{width:21px;height:21px}.zl-action-dock-plus{margin-left:10px;font-size:20px;font-weight:400;transition:transform .16s}.zl-action-dock[open] .zl-action-dock-plus{transform:rotate(45deg)}.zl-action-dock>summary path,.zl-action-dock>summary circle{stroke:currentColor;stroke-width:1.5px}.zl-action-dock>summary circle{fill:#e1e3d9}.zl-action-dock[open]>summary circle{fill:#18201c}.zl-action-dock :focus-visible{outline:2px solid var(--zl-ink);outline-offset:3px}.zl-action-panel{overscroll-behavior:contain;touch-action:pan-y;background:#e9eae1;border:1px solid #18201c2e;border-radius:20px;width:min(306px,100vw - 40px);max-height:calc(100svh - 164px);padding:18px;position:absolute;bottom:58px;left:0;overflow-y:auto;box-shadow:0 12px 36px #1218151f}@media (max-width:820px){.zl-action-dock{left:max(16px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom))}}.zl-action-panel-label{letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.zl-action-panel-instruction{color:#18201cb8;margin:0 0 14px;font-size:12px;line-height:1.55}.zl-action-panel-grid{flex-wrap:wrap;gap:8px;display:flex}.zl-action-panel-grid .zl-pick-button{order:-1;width:100%}.zl-action-panel-grid>button{min-height:44px}.zl-action-panel-grid .zl-text-action{flex:auto;height:44px;padding-inline:13px;font-size:11px}.zl-action-panel-grid .zl-icon-action{width:44px;height:44px}.zl-layout-export summary{cursor:pointer;padding-block:8px;font-size:11px;font-weight:600}.zl-layout-export textarea{color:#18201c;width:100%;min-height:140px;font:10px/1.5 var(--font-zeno-mono);resize:vertical;background:#f6f7ef;border:1px solid #a4a99d;padding:10px}.zl-layout-export button{width:100%;margin-top:8px}.zl-text-action{color:var(--zl-ink);cursor:pointer;letter-spacing:-.01em;background:#f8f9f4d1;border:1px solid #18201c38;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 17px;font-size:12px;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.zl-text-action:hover:not(:disabled){background:#f8f9f4f5;border-color:#18201c7a;transform:translateY(-2px)}.zl-text-action[data-ready=true]{background:var(--zl-ink);border-color:var(--zl-ink);color:#f5f6f0}.zl-text-action:disabled{cursor:default;opacity:.38}.zl-text-action svg{width:17px;height:17px}.zl-text-action path,.zl-text-action circle{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px}.zl-icon-action{color:var(--zl-ink);cursor:pointer;background:#eff0eac7;border:1px solid #18201c3d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.zl-icon-action:hover{background:#f8f9f4f0;border-color:#18201c7a;transform:translateY(-2px)}.zl-icon-action[data-active=true]{background:var(--zl-ink);border-color:var(--zl-ink);color:#f5f6f0}.zl-icon-action:focus-visible,.zl-pick-button:focus-visible,.zl-text-action:focus-visible{outline:2px solid var(--zl-ink);outline-offset:3px}.zl-icon-action svg{width:21px;height:21px}.zl-icon-action path,.zl-icon-action circle{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px}.zl-pick-button:hover{background:#344039;transform:translateY(-2px)}.zl-pick-button:disabled{cursor:default;opacity:.54}.zl-icon-action:disabled{cursor:default;opacity:.46}.zl-pick-button svg{width:17px;height:17px}.zl-pick-button path{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.zl-loading-label{color:#18201c73;letter-spacing:.1em;pointer-events:none;text-transform:uppercase;z-index:4;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zl-studio-navigation{color:var(--zl-ink);z-index:6;gap:12px;width:150px;display:grid;position:absolute;top:clamp(92px,13.3vh,110px);left:clamp(20px,2.5vw,40px);right:auto}.zl-studio-index{gap:0;min-width:0;display:grid}.zl-studio-index-hint{color:#18201cb3;margin:12px 0 0;font-size:11px;line-height:1.5}.zl-studio-index>span{color:#18201c9e;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #18201c6b;padding:0 0 8px;font-size:9px}.zl-studio-index button{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #18201c2b;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:10px 0;font-size:12px;transition:border-color .18s,padding-left .18s;display:grid}.zl-studio-index button:hover,.zl-studio-index button[aria-pressed=true]{border-bottom-color:var(--zl-ink);padding-left:5px}.zl-studio-index button:focus-visible,.zl-studio-panel-close:focus-visible,.zl-studio-panel-cta:focus-visible{outline:2px solid var(--zl-ink);outline-offset:3px}.zl-studio-index small{color:#18201c80;letter-spacing:.09em;font-size:9px}.zl-layout-edit-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--zl-ink);cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;z-index:12;background:#eff0ead1;border:1px solid #18201c4d;border-radius:999px;padding:10px 15px;font-size:10px;position:absolute;top:auto;bottom:clamp(28px,5vh,52px);right:clamp(24px,4.5vw,72px)}.zl-layout-edit-toggle[aria-pressed=true]{color:#edf0e8;background:#17201b;top:84px;bottom:auto;right:22px}.zl-layout-editor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--zl-ink);z-index:11;background:#eff0eae6;border:1px solid #18201c47;gap:14px;width:min(300px,100vw - 44px);max-height:calc(100svh - 160px);padding:18px;display:grid;position:absolute;top:84px;left:22px;overflow:auto;box-shadow:0 18px 50px #12181521}.zl-layout-editor-head{border-bottom:1px solid #18201c2e;gap:8px;padding-bottom:12px;display:grid}.zl-layout-editor-head div{justify-content:space-between;align-items:baseline;display:flex}.zl-layout-editor-head span,.zl-layout-editor-head small{color:#18201c94;letter-spacing:.11em;text-transform:uppercase;font-size:9px}.zl-layout-editor-head strong{font-size:13px;font-weight:520}.zl-layout-object-list{flex-wrap:wrap;gap:6px;display:flex}.zl-layout-object-list button,.zl-layout-link-toggle,.zl-layout-rotate-row button,.zl-layout-editor-actions button,.zl-layout-move-grid button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #18201c38;min-height:34px;padding:7px 9px;font-size:10px}.zl-layout-object-list button[aria-pressed=true],.zl-layout-link-toggle[aria-pressed=true],.zl-layout-editor-actions .is-primary{color:#edf0e8;background:#17201b}.zl-layout-move-grid{grid-template-columns:repeat(3,38px);justify-content:center;gap:5px;display:grid}.zl-layout-move-grid button:first-child{grid-column:2}.zl-layout-move-grid button:nth-child(2){grid-area:2/1}.zl-layout-move-grid button:nth-child(3){grid-area:2/2}.zl-layout-move-grid button:nth-child(4){grid-area:2/3}.zl-layout-coordinate,.zl-layout-rotate-row,.zl-layout-editor-actions{justify-content:space-between;gap:8px;display:flex}.zl-layout-coordinate{color:#18201c9e;font-family:var(--font-zeno-mono);font-size:10px}.zl-layout-rotate-row button,.zl-layout-editor-actions button{flex:1}.zl-layout-rotate-row button:disabled{cursor:not-allowed;opacity:.38}.zl-layout-physics-note{color:#18201c94;margin:-5px 0 0;font-size:10px;line-height:1.4}.zl-layout-edit-toggle:focus-visible,.zl-layout-link-toggle:focus-visible,.zl-layout-editor button:focus-visible{outline-offset:2px;outline:2px solid #17201b}.zl-studio-preview-shortcuts{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;z-index:9;width:1px;height:1px;position:absolute;top:18px;left:18px;overflow:hidden}.zl-studio-preview-shortcuts:focus-within{clip:auto;clip-path:none;white-space:normal;background:#f4f3ecf5;border:1px solid #18201c47;align-items:center;gap:8px;width:auto;height:auto;padding:8px;display:flex;overflow:visible}.zl-studio-preview-shortcuts button{color:var(--zl-ink);cursor:pointer;font:inherit;background:0 0;border:1px solid #18201c3d;border-radius:999px;min-height:40px;padding:0 14px;font-size:11px}.zl-studio-preview-shortcuts button:focus-visible{outline:2px solid var(--zl-ink);outline-offset:2px}.zl-studio-panel{z-index:8;background:#f4f3ecf0;border:1px solid #18201c40;width:min(410px,100vw - 48px);max-height:calc(100svh - 166px);animation:.44s cubic-bezier(.22,1,.36,1) both zl-studio-panel-in;position:absolute;top:clamp(90px,11vh,118px);right:clamp(24px,4.5vw,72px);overflow:auto;box-shadow:0 22px 70px #18201c29}.zl-studio-panel[data-station=about],.zl-studio-panel[data-station=blog],.zl-studio-panel[data-station=demo]{left:clamp(24px,4.5vw,72px);right:auto}.zl-studio-panel-close{color:var(--zl-ink);cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:uppercase;z-index:2;background:#f4f3ece0;border:1px solid #18201c47;border-radius:999px;padding:8px 12px;font-size:10px;position:absolute;top:14px;right:14px}.zl-studio-panel-media{aspect-ratio:16/10;background:#dfe2d8;position:relative;overflow:hidden}.zl-studio-panel-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#18201c21);position:absolute;inset:0}.zl-studio-panel-media img{object-fit:cover}.zl-terminal{color:#dfe7dc;background:radial-gradient(circle at 82% 18%,#97b4951f,#0000 30%),#101713;height:100%;padding:18px}.zl-terminal-bar{border-bottom:1px solid #dfe7dc24;align-items:center;gap:6px;padding:0 0 13px;display:flex}.zl-terminal-bar>span{background:#657369;border-radius:50%;width:7px;height:7px}.zl-terminal-bar>span:nth-child(2){background:#879a72}.zl-terminal-bar>span:nth-child(3){background:#b6c3ad}.zl-terminal-bar>small{color:#dfe7dc7a;font-family:var(--font-zeno-mono);letter-spacing:.08em;margin-left:auto;font-size:8px}.zl-terminal pre{white-space:pre-wrap;margin:20px 0 0;overflow:hidden}.zl-terminal code{color:#c9d4c4;font-family:var(--font-zeno-mono);font-size:clamp(10px,1.05vw,12px);line-height:1.72}.zl-terminal code b{color:#f0f2ed;font-weight:550}.zl-terminal code span{color:#9db18f}.zl-terminal code i{font-style:normal;animation:.88s step-end infinite zl-terminal-cursor}.zl-studio-panel-body{padding:24px 26px 27px}.zl-studio-panel-body>p:first-child{color:#18201c94;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:9px}.zl-studio-panel-body h2{font-family:var(--font-zeno-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(28px,3vw,39px);font-weight:400;line-height:.98}.zl-studio-panel-body>p:nth-of-type(2){color:#18201cb8;margin:18px 0 22px;font-size:13px;line-height:1.55}.zl-studio-panel-cta{background:var(--zl-ink);color:#f5f6f0;cursor:pointer;font:inherit;border:0;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:11px;text-decoration:none;transition:background-color .18s,transform .18s;display:inline-flex}.zl-studio-panel-cta:hover{background:#344039;transform:translateY(-2px)}@keyframes zl-scroll{50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes zl-load-letter-bounce{0%,64%,to{transform:translateY(0)scaleY(1)}26%{transform:translateY(-10px)scaleY(1.015)}48%{transform:translateY(1px)scaleY(.985)}}@keyframes zl-load-meter-shimmer{0%,30%{transform:translate(-100%)}72%,to{transform:translate(100%)}}@keyframes zl-load-in-exit{0%{opacity:1}68%{opacity:1}to{opacity:0}}@keyframes zl-load-paper-roll-up{0%{transform:translateY(0)rotateX(0)scale(1)}to{transform:translateY(-47vh)rotateX(-9deg)scale(.96)}}@keyframes zl-load-paper-sheet-roll{0%{transform:scaleY(1)}to{transform:scaleY(.04)}}@keyframes zl-load-paper-roll-track{0%{transform:translateY(0)}to{transform:translateY(-96%)}}@keyframes zl-load-paper-roll-cylinder{0%{opacity:0;transform:scaleY(.35)}12%{opacity:1}to{opacity:1;transform:scaleY(1)rotateX(12deg)}}@keyframes zl-terminal-cursor{50%{opacity:0}}@keyframes zl-studio-panel-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:800px){.zl-reveal{height:100svh}.zl-studio-focus-dismiss-layer [data-zone=left],.zl-studio-focus-dismiss-layer [data-zone=right]{width:max(22px,5vw)}.zl-studio-focus-dismiss-layer [data-zone=bottom]{height:max(22px,4vh);left:max(22px,5vw);right:max(22px,5vw)}.zl-poster{inset:-42% -94% -28%}.zl-play-copy{bottom:max(26px, calc(env(safe-area-inset-bottom) + 12px));max-width:min(80vw,340px);left:22px;right:auto}.zl-intro-cue{bottom:max(28px, calc(env(safe-area-inset-bottom) + 12px))}.zl-play-copy h1{max-width:340px;font-size:clamp(28px,4.8vw,34px)}.zl-pick-button{min-height:46px}.zl-action-row{gap:7px;width:min(94vw,520px);margin-top:12px}.zl-text-action{height:42px;padding:0 13px;font-size:11px}.zl-icon-action{width:46px;height:46px}.zl-studio-navigation{width:auto;top:76px;left:16px;right:16px}.zl-studio-index{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eff0eac2;grid-template-columns:repeat(4,minmax(0,1fr))}.zl-studio-index>span,.zl-studio-index-hint,.zl-studio-index small{display:none}.zl-studio-index button{text-align:center;padding:9px 5px;font-size:10px;display:block}.zl-studio-index button:hover,.zl-studio-index button[aria-pressed=true]{padding-left:5px}.zl-studio-panel{bottom:max(14px, env(safe-area-inset-bottom));width:auto;max-height:72svh;top:auto;left:14px;right:14px}.zl-studio-panel[data-station=about],.zl-studio-panel[data-station=blog],.zl-studio-panel[data-station=demo]{left:14px;right:14px}.zl-studio-panel-media{aspect-ratio:16/8}.zl-studio-panel-body{padding:18px 20px 21px}.zl-studio-panel-body h2{font-size:28px}}@media (max-height:720px){.zl-play-copy{bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));max-width:min(520px,48vw)}.zl-play-copy h1{font-size:clamp(28px,4vw,52px)}.zl-action-row{overscroll-behavior:contain;scrollbar-width:thin;max-height:108px;margin-top:10px;padding:2px 4px 4px 0;overflow-y:auto}.zl-pick-button,.zl-text-action,.zl-icon-action{height:40px;min-height:40px}.zl-icon-action{width:40px}}@media (max-width:800px) and (max-height:720px){.zl-play-copy{bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px));max-width:calc(100vw - 44px)}.zl-play-copy h1{font-size:26px}.zl-action-row{width:calc(100vw - 44px);max-height:124px}}@media (max-width:820px),(pointer:coarse) and (max-height:500px){.zl-play-copy,.zl-play-copy[data-mode=studio]{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));max-width:none}.zl-play-copy h1,.zl-play-copy[data-mode=studio] h1{max-width:300px;font-size:clamp(25px,6.8vw,34px)}.zl-action-row{scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;width:100%;max-height:none;padding-bottom:6px;overflow:auto hidden}.zl-action-row>button{flex-shrink:0;height:44px;min-height:44px}.zl-studio-navigation{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));top:calc(72px + env(safe-area-inset-top));width:auto}.zl-studio-index{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:repeat(4,minmax(0,1fr))}.zl-studio-index>span,.zl-studio-index-hint,.zl-studio-index small{display:none}.zl-studio-index button{text-align:center;min-height:44px;padding:9px 5px;font-size:10px;display:block}.zl-layout-edit-toggle,.zl-layout-edit-toggle[aria-pressed=true]{top:calc(126px + env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));min-height:44px;bottom:auto}.zl-reveal[data-studio-panel=open] .zl-studio-index,.zl-reveal[data-studio-panel=open] .zl-play-copy,.zl-reveal[data-layout-editing=true] .zl-play-copy{display:none}.zl-layout-editor{top:auto;bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:18px;gap:10px;width:auto;max-height:46%;padding:14px}.zl-layout-editor button{min-height:44px;font-size:11px}.zl-layout-editor-head{padding-bottom:8px}.zl-layout-editor-head small{display:none}.zl-layout-object-list{touch-action:pan-x pan-y;flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.zl-layout-object-list button{flex-shrink:0}.zl-layout-move-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}.zl-layout-move-grid button:nth-child(n){grid-area:auto}}@media (max-height:500px) and (pointer:coarse){.zl-play-copy h1,.zl-studio-index{display:none}.zl-layout-edit-toggle,.zl-layout-edit-toggle[aria-pressed=true],.zl-studio-navigation{top:calc(76px + env(safe-area-inset-top))}.zl-layout-editor{width:min(360px,48vw);max-height:58%;left:auto}}.zl-play-copy[data-mode=home]{bottom:calc(max(clamp(24px, 5vh, 52px), env(safe-area-inset-bottom)) + 70px)}@media (prefers-reduced-motion:reduce){.zl-reveal{height:100svh}.zl-stage{position:relative}.zl-intro-cue,.zl-loading-label{display:none}.zl-play-copy{opacity:1;transform:none}.zl-poster{transform:scale(1)}.zl-intro-cue>i:after,.zl-load-in[data-phase=exiting],.zl-load-in[data-phase=exiting] .zl-load-paper,.zl-load-in[data-phase=exiting] .zl-load-paper-sheet,.zl-load-in[data-phase=exiting] .zl-load-paper-roll-track,.zl-load-in[data-phase=exiting] .zl-load-paper-roll,.zl-load-meter:after,.zl-load-logo-letter,.zl-terminal code i{animation:none}.zl-pick-button,.zl-load-meter>span,.zl-cycle-curtain,.zl-play-copy,.zl-poster,.zl-studio-index button,.zl-studio-panel-cta{transition:none}.zl-studio-panel{animation:none}}