.card-stage{display:grid;place-items:center;padding:2.5rem 1.5rem;min-height:340px;overflow:auto}.card{display:inline-block;max-width:100%;transition:padding .15s var(--ease),background .25s var(--ease)}.card-window{overflow:hidden;box-shadow:var(--shadow-lg);text-align:left;background:var(--theme-bg);color:var(--theme-fg)}.card-body{background:var(--theme-bg)}.card-menubar,.card-scrollbar,.card-grip{display:none}.card-titlebar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem}.card-dots{display:flex;gap:.5rem}.card-dot{width:12px;height:12px;border-radius:50%}.card-dot.r{background:#ff5f57}.card-dot.y{background:#febc2e}.card-dot.g{background:#28c840}.card-title{flex:1;font-size:.8125rem;font-family:var(--font-ui);opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-chrome=macos] .card-title{text-align:center;margin-right:44px}[data-chrome=windows] .card-titlebar{padding:.7rem .375rem .7rem .875rem}[data-chrome=windows] .card-title{text-align:left}.win-controls{display:flex;align-items:center}.win-btn{display:grid;place-items:center;width:38px;opacity:.62}[data-chrome=linux] .card-titlebar{padding:.6rem .75rem .6rem 1rem}[data-chrome=linux] .card-title{text-align:center;margin-left:28px;font-weight:600;opacity:.7}.gnome-controls{display:flex;align-items:center}.gnome-btn{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,currentColor 15%,transparent)}.gnome-btn svg{opacity:.75}[data-chrome=plain] .card-title{text-align:center}.card-code{padding:.5rem 1.25rem 1.25rem;overflow-x:auto;tab-size:4}.card-code .shiki{background:transparent!important;margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:1.6}.card-code .shiki code{display:block;font-family:inherit}.card-code .shiki .line{min-height:1.6em}.card-window.numbered{--gutter: 3.5em}.card-window.numbered .card-code .shiki code{counter-reset:line}.card-window.numbered .card-code .shiki .line:before{counter-increment:line;content:counter(line);display:inline-block;width:calc(var(--gutter) - 1em);margin-right:1em;text-align:right;opacity:.32;user-select:none}.card-window.numbered .card-editor textarea{padding-left:var(--gutter)}.card-editor{position:relative}.card-editor textarea{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;outline:none;resize:none;overflow:hidden;background:transparent;color:transparent;font:inherit;line-height:1.6;white-space:pre}[data-chrome=win311] .card-title,[data-chrome=win95] .card-title,[data-chrome=winxp] .card-title,[data-chrome=macos9] .card-title{font-family:Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:.75rem;opacity:1;margin:0}.card-window[data-chrome=win311]{border:4px solid #c0c0c0;box-shadow:inset 0 0 0 1px gray,0 0 0 1px #000}[data-chrome=win311] .card-titlebar{background:navy;padding:.25rem .3rem;gap:.3rem}[data-chrome=win311] .card-title{color:#fff;text-align:center}.r-sys,.r-btn{display:grid;place-items:center;width:20px;height:18px;flex:none;color:#000;background:silver;border:1px solid;border-color:#fff #000 #000 #fff}.r-btns{display:flex;gap:2px}.card-window[data-chrome=win95]{border:3px solid #c0c0c0;box-shadow:inset 0 0 0 1px #dfdfdf,0 0 0 1px #000}[data-chrome=win95] .card-titlebar{background:linear-gradient(90deg,navy,#1084d0);padding:.2rem .2rem .2rem .4rem;gap:.3rem}[data-chrome=win95] .card-title{color:#fff;text-align:left}.card-window[data-chrome=winxp]{border:3px solid #0831d9;border-top:none}[data-chrome=winxp] .card-titlebar{background:linear-gradient(180deg,#0058ee,#3593ff 8%,#288eff 40%,#127dff 88%,#036ffc);padding:.3rem .3rem .3rem .6rem;border-radius:8px 8px 0 0;gap:.4rem}[data-chrome=winxp] .card-title{color:#fff;text-shadow:1px 1px 1px rgb(0 0 0 / .5);text-align:left}.xp-btns{display:flex;gap:2px}.xp-btn{display:grid;place-items:center;width:21px;height:21px;flex:none;color:#fff;border-radius:3px;border:1px solid rgb(255 255 255 / .7);background:linear-gradient(180deg,#4a9bfd,#1063d4)}.xp-btn.close{background:linear-gradient(180deg,#ea6c56,#cc2b12)}.card-window[data-chrome=macos9]{border:1px solid #666;box-shadow:2px 2px #00000059}[data-chrome=macos8] .card-titlebar{background-color:#ccc;background-image:repeating-linear-gradient(180deg,#fff 0 1px,#777 1px 2px);background-size:100% 12px;background-repeat:no-repeat;background-position:0 2px;height:19px;padding:0;border-bottom:1px solid #999999;gap:6px}[data-chrome=macos8] .card-title{color:#000;text-align:center;background:#ccc;flex:0 1 auto;margin:0 auto;padding:0 .6rem;opacity:1}[data-chrome=macos8] .os9-box{width:12px;height:12px;background:#ccc;border:1px solid #777777;box-shadow:1px 1px #fff}.os9-left,.os9-right{display:flex;align-items:center}[data-chrome=macos8] .os9-left{background:#ccc;padding:0 5px 0 2px}[data-chrome=macos8] .os9-right{background:#ccc;padding:0 2px 0 4px;gap:3px}[data-chrome=macos9] .os9-left{background:#ddd;padding:0 5px 0 2px}[data-chrome=macos9] .os9-right{background:#ddd;padding:0 2px 0 4px;gap:3px}[data-chrome=macos8] .card-body{display:flex;margin:0 1px 1px;border:1px solid #333}[data-chrome=macos8] .card-code{flex:1;min-width:0}[data-chrome=macos8] .card-scrollbar{display:block;width:15px;flex:none;border-left:1px solid #333;background:linear-gradient(180deg,#ccc 0 15px,transparent 15px),linear-gradient(0deg,#ccc 0 15px,transparent 15px),repeating-linear-gradient(180deg,#bdbdbd 0 1px,#e4e4e4 1px 2px)}[data-chrome=macos8] .card-grip{display:block;height:14px;width:14px;margin-left:auto;background:repeating-linear-gradient(135deg,#555 0 1px,#ccc 1px 3px);border-top:1px solid #333;border-left:1px solid #333}.os9-box.collapse{box-shadow:inset 1px 1px #fff,inset -1px -1px #999,inset 0 -4px 0 -3px #666}[data-chrome=macos9] .card-titlebar{background:repeating-linear-gradient(180deg,#9a9a9a 0 1px,#ddd 1px 2px);padding:.35rem .5rem;border-bottom:1px solid #666;gap:.5rem}[data-chrome=macos9] .card-titlebar>*{position:relative}[data-chrome=macos9] .card-title{color:#000;text-align:center;background:#ddd;flex:0 1 auto;margin:0 auto;padding:0 .5rem;opacity:1}.os9-right{display:flex;gap:.35rem}.os9-box{width:13px;height:13px;flex:none;background:#ddd;border:1px solid #666;box-shadow:inset 1px 1px #fff,inset -1px -1px #999}.os9-box.zoom{box-shadow:inset 1px 1px #fff,inset -1px -1px #999,inset 0 0 0 3px #ddd,inset 0 0 0 4px #666}.card-menubar{font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:.6875rem;color:#000;padding:2px 4px;gap:2px}.menu-item{padding:1px 6px}[data-chrome=win311] .card-menubar,[data-chrome=win95] .card-menubar,[data-chrome=winxp] .card-menubar{display:flex}.card-window[data-chrome=win311],.card-window[data-chrome=win95],.card-window[data-chrome=winxp]{background:silver}[data-chrome=win311] .card-body,[data-chrome=win95] .card-body{margin:0 3px 3px;border:2px solid;border-color:#808080 #dfdfdf #dfdfdf #808080;box-shadow:inset 1px 1px #000,inset -1px -1px #fff}[data-chrome=win311] .card-menubar,[data-chrome=win95] .card-menubar{border-bottom:1px solid #808080;margin-bottom:3px}.card-window[data-chrome=winxp]{background:#ece9d8}[data-chrome=winxp] .card-menubar{background:#ece9d8;border-bottom:1px solid #aca899}[data-chrome=winxp] .card-body{margin:3px;border:1px solid;border-color:#7f9db9 #fff #fff #7f9db9}.card-window[data-chrome=macos8]{background:#ccc;border:1px solid #333;box-shadow:inset 1px 1px #fff,inset -1px -1px #888,3px 3px #0006}.card-window[data-chrome=macos9]{background:#ddd}[data-chrome=macos9] .card-body{display:flex;margin:0 1px 1px;border:1px solid #666}[data-chrome=macos9] .card-code{flex:1;min-width:0}[data-chrome=macos9] .card-scrollbar{display:block;width:15px;flex:none;border-left:1px solid #666;background:linear-gradient(180deg,#ddd 0 15px,transparent 15px),linear-gradient(0deg,#ddd 0 15px,transparent 15px),repeating-linear-gradient(180deg,#cfcfcf 0 1px,#eee 1px 2px)}[data-chrome=macos9] .card-grip{display:block;height:14px;margin-left:auto;width:14px;background:repeating-linear-gradient(135deg,#666 0 1px,#ddd 1px 3px);border-top:1px solid #666;border-left:1px solid #666}[data-chrome=cde]{--cde-base: #b24f86;--cde-top: color-mix(in srgb, white 45%, var(--cde-base));--cde-bottom: color-mix(in srgb, black 45%, var(--cde-base))}.card-window[data-chrome=cde]{position:relative;background:var(--cde-base);padding:5px;box-shadow:0 0 0 1px var(--cde-bottom)}.card-window[data-chrome=cde]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 2px 2px 0 var(--cde-top),inset -2px -2px 0 var(--cde-bottom)}.card-window[data-chrome=cde]:after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom)),linear-gradient(var(--cde-bottom),var(--cde-bottom));background-size:1px 5px,1px 5px,1px 5px,1px 5px,5px 1px,5px 1px,5px 1px,5px 1px;background-position:20px 0,calc(100% - 20px) 0,20px 100%,calc(100% - 20px) 100%,0 20px,0 calc(100% - 20px),100% 20px,100% calc(100% - 20px)}[data-chrome=cde] .card-titlebar{background:var(--cde-base);padding:.25rem;gap:.3rem;border:2px solid;border-color:var(--cde-top) var(--cde-bottom) var(--cde-bottom) var(--cde-top);margin-bottom:5px}[data-chrome=cde] .card-title{color:#000;text-align:center;font-family:Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:.75rem;opacity:1}.cde-right{display:flex;gap:.3rem}.cde-btn{display:grid;place-items:center;width:20px;height:18px;flex:none;background:var(--cde-base);border:2px solid;border-color:var(--cde-top) var(--cde-bottom) var(--cde-bottom) var(--cde-top)}[data-chrome=cde] .card-body{border:2px solid;border-color:var(--cde-bottom) var(--cde-top) var(--cde-top) var(--cde-bottom)}.cde-glyph{display:block;background:var(--cde-base);border:1px solid;border-color:var(--cde-top) var(--cde-bottom) var(--cde-bottom) var(--cde-top)}.cde-glyph.menu{width:12px;height:4px}.cde-glyph.min{width:5px;height:5px}.cde-glyph.max{width:10px;height:10px}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono-bolditalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Fira Code;src:url(../fonts/fira-code-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(../fonts/fira-code-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/geist-mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/geist-mono-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/geist-mono-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/geist-mono-bolditalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Hack;src:url(../fonts/hack-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hack;src:url(../fonts/hack-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hack;src:url(../fonts/hack-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Hack;src:url(../fonts/hack-bolditalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}