.playground .public-library-header{max-width:1320px}.playground-main{max-width:1320px;margin:0 auto;padding:36px 0 48px}.playground .playground-intro{max-width:760px;margin-bottom:22px}.playground h1{margin-bottom:10px;font-size:clamp(28px,3.4vw,40px)}.playground .playground-intro>p:last-child{font-size:15px;line-height:1.7}.playground-loading{color:#54695f;align-items:center;gap:8px;padding:80px 0;font-size:14px;display:flex}.playground-bench{--cs-border:#dce5df;background:#fff;border:1px solid #dce5df;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px #e7eee9,0 18px 40px -28px #152c2459}.playground-toolbar{background:#fafcfb;border-bottom:1px solid #dce5df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.playground-languages{background:#f1f5f2;border:1px solid #dce5df;border-radius:9px;min-width:0;margin:0;padding:3px;display:inline-flex}.playground-languages>button{color:#4d6258;border-radius:6px;height:28px;padding:0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.playground-languages>button:hover{color:#087158}.playground-languages>button[aria-pressed=true]{color:#0b4f3e;background:#fff;font-weight:650;box-shadow:0 1px 2px #152c2429}.playground-languages>button:focus-visible{outline-offset:1px;outline:2px solid #087158}.playground-icon:focus-visible{outline-offset:1px;outline:2px solid #087158}.playground-stdin textarea:focus-visible{outline-offset:1px;outline:2px solid #087158}.playground-actions{align-items:center;gap:8px;display:flex}.playground-icon{color:#60766c;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.playground-icon:hover:not(:disabled){color:#087158;background:#eaf2ed}.playground-icon:disabled{opacity:.4;cursor:not-allowed}.public-library a.playground-signin{color:#fff;background:#087158;border-radius:8px;align-items:center;height:28px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.public-library a.playground-signin:hover{background:#065c48}.playground-grid{grid-template-columns:minmax(0,3fr) minmax(300px,2fr);height:min(72vh,680px);min-height:420px;display:grid}.playground-editor{border-right:1px solid #dce5df;min-width:0;min-height:0}.playground-side{flex-direction:column;min-width:0;min-height:0;display:flex}.playground-stdin{border-bottom:1px solid #dce5df;flex-direction:column;flex:0 0 38%;min-height:0;display:flex}.playground-stdin>span{color:#3c5148;letter-spacing:.02em;justify-content:space-between;align-items:baseline;padding:9px 14px 6px;font-size:12px;font-weight:650;display:flex}.playground-stdin small{color:#5f7268;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:400}.playground-stdin textarea{color:#152c24;resize:none;white-space:pre;background:#f7f9f7;border:1px solid #dce5df;border-radius:8px;flex:1;min-height:0;margin:0 10px 10px;padding:9px 11px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.6}.playground-output{flex:1;min-height:0;padding:12px 14px;overflow:auto}.playground-empty{color:#66796f;margin:18px 0;font-size:13px;line-height:1.7}.playground-error{color:#b23b35;font-size:12px}.playground-footer{color:#5b6e65;background:#fafcfb;border-top:1px solid #dce5df;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:9px 14px;font-size:11.5px;display:flex}.playground-footer>output{color:#0b6b52;margin-left:auto;font-weight:600}.playground-share-url{color:#152c24;background:#fff;border:1px solid #dce5df;border-radius:6px;flex:260px;min-width:0;height:26px;padding:0 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.playground-replaced{color:#5c4a1d;background:#fbf6e8;border:1px solid #e3d7b8;border-radius:8px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px 10px;padding:6px 10px;display:flex}.playground-replaced>button{color:#4f3f17;background:#fff;border:1px solid #d6c79f;border-radius:6px;padding:2px 9px;font-weight:600}.playground-replaced>button:hover{background:#f3ead2}.playground-share-url:focus-visible{outline-offset:1px;outline:2px solid #087158}.playground-replaced>button:focus-visible{outline-offset:1px;outline:2px solid #087158}@media (max-width:860px){.public-library.playground{padding:0 14px}.playground-grid{grid-template-columns:minmax(0,1fr);height:auto}.playground-editor{border-bottom:1px solid #dce5df;border-right:0;height:56vh;min-height:320px}.playground-stdin{flex-basis:auto;height:180px}.playground-output{min-height:160px}.playground-footer>output{margin-left:0}}@media screen{.dark .playground-loading{color:#b4c8be}.dark .playground-bench{--cs-border:#2b322d;background:#191919;border:1px solid #2b322d;box-shadow:0 1px #292e2a,0 18px 40px -28px #152c2459}.dark .playground-toolbar{background:#171817;border-bottom:1px solid #2b322d}.dark .playground-languages{background:#121412;border:1px solid #2b322d}.dark .playground-languages>button{color:#b7cbc1}.dark .playground-languages>button:hover{color:#8ed5bc}.dark .playground-languages>button[aria-pressed=true]{color:#a9ddca;background:#191919;box-shadow:0 1px 2px #152c2429}.dark .playground-languages>button:focus-visible{outline:2px solid #8ed5bc}.dark .playground-icon:focus-visible{outline:2px solid #8ed5bc}.dark .playground-stdin textarea:focus-visible{outline:2px solid #8ed5bc}.dark .playground-icon{color:#afc3ba}.dark .playground-icon:hover:not(:disabled){color:#8ed5bc;background:#0e1210}.dark .public-library a.playground-signin{color:#fff;background:#087158;text-decoration:none}.dark .public-library a.playground-signin:hover{background:#065c48}.dark .playground-editor{border-right:1px solid #2b322d}.dark .playground-stdin{border-bottom:1px solid #2b322d}.dark .playground-stdin>span{color:#bdd2c8}.dark .playground-stdin small{color:#b2c4ba}.dark .playground-stdin textarea{color:#cbe3d9;background:#151615;border:1px solid #2b322d}.dark .playground-empty{color:#b0c1b8}.dark .playground-error{color:#fca69c}.dark .playground-footer{color:#b4c5bd;background:#171817;border-top:1px solid #2b322d}.dark .playground-footer>output{color:#93d7bd}.dark .playground-share-url{color:#cbe3d9;background:#191919;border:1px solid #2b322d}.dark .playground-replaced{color:#dccaa2;background:#17140d;border:1px solid #3d3319}.dark .playground-replaced>button{color:#dfcfab;background:#191919;border:1px solid #443919}.dark .playground-replaced>button:hover{background:#171205}.dark .playground-share-url:focus-visible{outline:2px solid #8ed5bc}.dark .playground-replaced>button:focus-visible{outline:2px solid #8ed5bc}@media (max-width:860px){.dark .playground-editor{border-bottom:1px solid #2b322d;border-right:0}}}