.try-app{--gutter:20px;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.site-header-compact{min-height:60px;padding-inline:var(--gutter);flex:none}.site-header-compact .brand-icon{width:32px;height:32px}.site-header-compact .brand-name{font-size:30px}.site-header-compact .primary-nav{font-size:16.5px}.site-header-compact .primary-nav .nav-cta{min-width:0;min-height:40px;padding:6px 18px;font-size:16.5px}.nav-cta[aria-current=page]{box-shadow:0 0 0 3px #c9859133}.try-workspace{--split:.6fr;--rest:.4fr;grid-template-rows:minmax(0, var(--split)) 14px minmax(0, var(--rest));min-height:0;padding:16px var(--gutter) var(--gutter);flex:1;display:grid}.try-workspace.is-side{grid-template-rows:none;grid-template-columns:minmax(0, var(--split)) 14px minmax(0, var(--rest))}.try-app .code-titlebar{gap:12px;height:52px;margin-inline:18px}.try-file{color:#dedfe1;min-width:0;height:32px;font:500 14px/1 var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;margin-left:-8px;padding:0 10px 0 8px;display:inline-flex}.try-file:hover,.try-file[aria-expanded=true]{background:#2a2e31;border-color:#454b4e}.try-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.try-chevron{fill:none;stroke:#9aa0a3;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:10px;height:7px}.try-edited{color:var(--lotus);font-size:10px}.try-edited[hidden]{display:none}.try-menu{z-index:20;background:#26292c;border:1px solid #454b4e;border-radius:10px;width:min(380px,100vw - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 18px 40px -12px #000000a0}.try-menu[hidden]{display:none}.try-menu-item{color:#e6e8e8;text-align:left;cursor:pointer;width:100%;font:500 13px/1.3 var(--mono);background:0 0;border:0;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px 8px 30px;display:flex;position:relative}.try-menu-item[hidden]{display:none}.try-menu-item:hover,.try-menu-item:focus-visible{background:#34393c;outline:none}.try-menu-item[aria-checked=true]:before{content:"";background:#9cdb86;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:12px}.try-menu-title{align-items:center;gap:8px;display:flex}.try-menu-description{color:#9aa0a3;font:400 13.5px/1.35 "Source Serif 4",Georgia,serif}.try-menu-label{color:#7c8286;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px 4px 30px}.try-menu-rule{background:#3b4043;height:1px;margin:6px 4px}.try-menu-version[hidden]{display:none}.try-menu-version p{color:#7c8286;font:400 12px/1.4 var(--mono);margin:0;padding:4px 10px 6px 30px}.try-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.try-button{color:#c8ccce;height:32px;font:500 13px/1 var(--mono);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #454b4e;border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.try-button:hover:not(:disabled){color:#fff;border-color:#6b7276}.try-button:disabled{opacity:.4;cursor:default}.try-button[hidden]{display:none}.try-run{color:#fff;background:#2e6b4b;border-color:#3b8560;padding-inline:14px}.try-run:hover:not(:disabled){background:#367a56;border-color:#4a9a6f}.try-run.is-running{background:#5a3a41;border-color:#7a4f58}.try-run.is-running:hover:not(:disabled){background:#6d4750;border-color:#8d5d67}.try-run-label{min-width:4ch}.try-run kbd{color:#ffffffb8;font:500 14.5px/1 system-ui,sans-serif}.try-icon{justify-content:center;width:32px;padding:0}.try-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:16px;height:13px}.try-workspace.is-side .split-side,.try-workspace:not(.is-side) .split-stacked{display:none}.try-editor{flex-direction:column;min-height:0;display:flex;box-shadow:0 10px 28px -14px #0000004d}.try-editor-body{flex:1;min-height:0}.try-editor-body .cm-editor{height:100%}.try-noscript{color:#e6e8e8;font:14px/1.7 var(--mono);margin:0;padding:16px 22px;overflow:auto}.try-divider{cursor:row-resize;touch-action:none;position:relative}.try-divider:after{content:"";background:var(--rule);border-radius:4px;width:44px;height:4px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.try-divider:hover:after,.try-divider:focus-visible:after{background:var(--lotus)}.try-divider:focus-visible{outline:none}.is-side .try-divider{cursor:col-resize}.is-side .try-divider:after{width:4px;height:44px}.try-terminal{flex-direction:column;min-height:0;display:flex;box-shadow:0 10px 28px -14px #0000004d}.term-prompt{color:#9cdb86;font:500 14px/1 var(--mono)}.term{cursor:text;flex:1;min-height:0;padding:14px 22px 18px;overflow:auto}#term-out{color:#e6e8e8;font:14px/1.6 var(--mono);font-feature-settings:"liga" 0, "calt" 0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.term-dim{color:#7c8286}.term-intro{color:#c8ccce}.term-working{animation:1.2s ease-in-out infinite try-pulse}@keyframes try-pulse{50%{opacity:.45}}.term-error{color:#f29c83}.term-failed{color:#e2a3ae}.term-typed{color:#9cdb86}.term-line{vertical-align:top;color:#9cdb86;caret-color:#9cdb86;white-space:pre-wrap;outline:none;min-width:3ch;max-width:100%;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.try-app{--gutter:16px;height:auto;overflow:visible}.site-header-compact{flex-wrap:wrap;gap:12px;padding-block:12px}.try-workspace,.try-workspace.is-side{flex-direction:column;gap:14px;display:flex}.try-editor{height:62vh}.try-divider,#layout{display:none}.try-terminal{height:46vh}}@media (width<=560px){.try-app .code-titlebar{gap:8px;margin-inline:12px}.try-run kbd{display:none}}