:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e3e3df;background:#111}body:has(.ink-environment){margin:0}.ink-environment{--muted:#a8aaa2;--border:#30332d;--accent:#cbd9a6;box-sizing:border-box;max-width:1400px;margin:auto;padding:28px 36px 36px;font:14px/1.55 Arial,Helvetica,sans-serif}.ink-environment *{box-sizing:border-box}.ink-environment a{color:inherit;text-underline-offset:4px;text-decoration-color:#73786d}.env-header,.env-intro,.env-toolbar,.env-panel-heading,.env-actions,.env-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.env-header{border-bottom:1px solid var(--border);padding-bottom:24px}.env-brand{letter-spacing:-2px;font-size:32px;font-weight:700;text-decoration:none}.env-slash{color:var(--muted);margin-left:12px;font-size:16px}.env-local,.env-repo,.env-status,.env-panel-heading>span{color:var(--muted);font-size:12px}.env-intro{margin:28px 0}.env-intro h1{letter-spacing:-.8px;margin:0 0 8px;font-size:28px;line-height:1.25}.env-intro p{color:var(--muted);margin:0}.env-toolbar{flex-wrap:wrap;margin-bottom:14px}.env-toolbar label{align-items:center;gap:12px;display:flex}.ink-environment button,.ink-environment select{font:inherit;color:inherit;cursor:pointer;background:#20231e;border:1px solid #41473a;border-radius:6px;padding:8px 12px}.ink-environment select{max-width:350px}.ink-environment button:disabled{opacity:.4;cursor:default}.ink-environment button:not(:disabled):hover{border-color:var(--accent)}.ink-environment .env-primary{background:var(--accent);color:#1b2113;border-color:var(--accent);font-weight:600}.env-actions{justify-content:flex-end;gap:8px}.env-status{min-height:22px;margin-bottom:16px}.env-status .env-error{color:#efb2a6}.env-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;display:grid}.env-panel{border:1px solid var(--border);background:#181b17;border-radius:10px;min-width:0;overflow:hidden}.env-panel-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:48px;padding:12px 16px}.env-panel h2{margin:0;font-size:14px;font-weight:500}.env-panel-heading button{padding:3px 8px;font-size:11px}.env-panel-heading select{max-width:70%;padding:4px 8px;font-size:12px}.env-editor{background:#141713;height:560px;display:flex}.env-editor>pre{-webkit-user-select:none;user-select:none;text-align:right;color:#656b5e;border-right:1px solid #24291e;flex-shrink:0;width:48px;margin:0;padding:16px 8px 16px 0;overflow:hidden}.ink-environment textarea,.env-editor pre,.ink-environment pre,.ink-environment code{tab-size:4;font:12px/1.7 IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.ink-environment textarea{color:#d9dfcf;resize:vertical;background:0 0;border:0;outline:none;min-width:0;padding:16px}.env-editor textarea{resize:none;width:100%;height:100%}.ink-environment textarea:focus-visible{box-shadow:inset 0 0 0 1px #a4b68c}.ink-environment button:focus-visible,.ink-environment select:focus-visible,.ink-environment a:focus-visible,.ink-environment summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.env-right{flex-direction:column;gap:18px;min-width:0;display:flex}.env-input{width:100%;height:160px;display:block}.env-signature{color:var(--muted);overflow-wrap:anywhere;margin:12px 16px 0;font:11px/1.5 ui-monospace,monospace}.env-help{border-top:1px solid var(--border);color:var(--muted);padding:10px 16px;font-size:12px}.ink-environment summary{cursor:pointer}.env-help p{margin-bottom:0}.env-result{flex:1;min-height:240px}.env-result pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:150px;max-height:350px;margin:0;padding:16px;overflow:auto}.env-performance{margin-top:18px}.env-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px 16px;display:grid}.env-metrics span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.env-metrics strong{color:var(--accent);font:400 22px/1.2 ui-monospace,monospace}.env-performance>p,.env-performance>details{color:var(--muted);margin:0 0 16px;padding:0 16px;font-size:12px}.env-performance details p{max-width:850px}.env-performance pre{color:#d6dece;max-height:250px;overflow:auto}.env-generated{color:var(--muted);margin-top:20px;font-size:13px}.env-generated button{margin:12px 0}.env-generated pre{border:1px solid var(--border);white-space:pre;background:#161914;border-radius:8px;max-height:360px;padding:16px;overflow:auto}.env-footer{color:var(--muted);max-width:900px;margin-top:24px;font-size:12px}.env-footer p{margin:8px 0}.env-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.ink-environment{padding:20px 16px}.env-grid{grid-template-columns:1fr}.env-editor{height:460px}.env-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.env-toolbar label{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.env-toolbar select{width:100%;max-width:100%}.env-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.env-local{display:none}.env-intro h1{font-size:24px}.env-panel-heading>span{font-size:10px}.env-panel-heading select{max-width:100%}}.env-execution{color:#a9a9b2;align-items:center;gap:20px;margin:14px 0;font-size:13px;display:flex}.env-execution label{align-items:center;gap:12px;display:flex}.env-placement{margin:24px 0}.env-placement pre{color:#c8d6ef;white-space:pre-wrap;max-height:300px;padding:0 20px 20px;font-size:12px;overflow:auto}.env-execution select{color:#eee;background:#202027;border:1px solid #444;border-radius:5px;padding:8px}@media (width<=800px){.env-execution{flex-direction:column;align-items:flex-start;gap:10px}.env-actions{flex-wrap:wrap}}.env-stage-strip{flex-wrap:wrap;gap:12px;padding:0 20px 18px;display:flex}.env-stage{background:#202333;border:1px solid #3f4359;border-radius:7px;flex-direction:column;gap:6px;min-width:110px;padding:12px 16px;display:flex}.env-stage strong{color:#f0f0f6;font-size:14px}.env-stage span{color:#9db5ff;font-size:12px}.env-code-area{flex:1;min-width:0;position:relative;overflow:hidden}.env-code-area pre,.ink-environment .env-code-area textarea{font-variant-ligatures:none;letter-spacing:normal;tab-size:4;white-space:pre;overflow-wrap:normal;word-break:normal;text-align:left;border:0;width:100%;height:100%;margin:0;padding:16px;font:12px/1.7 IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.env-code-area pre{pointer-events:none;color:#d9dfcf;position:absolute;inset:0;overflow:hidden}.ink-environment .env-code-area textarea{resize:none;color:#0000;-webkit-text-fill-color:transparent;caret-color:#f2f2ec;background:0 0;display:block;position:relative}.env-code-area textarea::selection{background:#667c9a66}.env-input-editor{resize:vertical;height:220px;min-height:120px;max-height:700px}.env-source .env-panel-heading>div{color:var(--muted);font-size:11px}.ink-environment .tok-keyword{color:#c6aff0}.ink-environment .tok-type{color:#91cbd7}.ink-environment .tok-function{color:#e8d69e}.ink-environment .tok-string{color:#b6d39a}.ink-environment .tok-number{color:#ecb080}.ink-environment .tok-constant{color:#e9b48f}.ink-environment .tok-property{color:#a5cce6}.ink-environment .tok-operator{color:#c4c8d3}.ink-environment .tok-comment{color:#929a86;font-style:italic}@media (forced-colors:active){.env-code-area pre{display:none}.ink-environment .env-code-area textarea{color:canvastext;-webkit-text-fill-color:CanvasText;caret-color:canvastext}}
