.c2i-wrap{--c2i-pad:48px}.c2i-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 20px;display:flex}.c2i-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.c2i-group>.lbl{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--dim-solid)}.c2i-lang{background:var(--ink);border:1px solid var(--line-2);color:var(--text);font-family:var(--font-mono);border-radius:8px;outline:none;padding:8px 10px;font-size:.82rem}.c2i-detected{font-family:var(--font-mono);color:var(--dim-solid);font-size:.74rem}.c2i-chip{border:1px solid var(--line-2);color:var(--steel);font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:7px;padding:6px 11px}.c2i-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.c2i-sw{cursor:pointer;border:2px solid #0000;border-radius:7px;width:26px;height:26px;padding:0}.c2i-sw.on{border-color:var(--text);box-shadow:0 0 0 2px var(--panel)}.c2i-range{width:96px;accent-color:var(--accent)}.c2i-preview{background:linear-gradient(45deg, #0000 46%, var(--line) 46% 54%, #0000 54%) 0 0 / 18px 18px, var(--panel);justify-content:center;padding:26px;display:flex;overflow:auto}.c2i-stage{--c2i-pad:48px;padding:var(--c2i-pad);border-radius:4px;display:inline-flex}.c2i-stage[data-bg=candy]{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.c2i-stage[data-bg=ocean]{background:linear-gradient(135deg,#2e3192,#1bffff)}.c2i-stage[data-bg=sunset]{background:linear-gradient(135deg,#f83600,#f9d423)}.c2i-stage[data-bg=grape]{background:linear-gradient(135deg,#667eea,#764ba2)}.c2i-stage[data-bg=mint]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.c2i-stage[data-bg=peach]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.c2i-stage[data-bg=night]{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.c2i-stage[data-bg=rose]{background:linear-gradient(135deg,#ee9ca7,#ffdde1)}.c2i-stage[data-bg=sky]{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.c2i-stage[data-bg=dusk]{background:linear-gradient(135deg,#4b6cb7,#182848)}.c2i-stage[data-bg=solid]{background:#1e1e2e}.c2i-stage[data-bg=none]{background:0 0}.c2i-stage[data-bg=custom]{background:var(--c2i-custombg,#1e1e2e)}.c2i-stage[data-bg=image]{background:var(--c2i-bgimg) center / cover no-repeat, #1e1e2e}.c2i-bgcolor{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:7px;width:30px;height:28px;padding:0}.c2i-bgimg-btn{letter-spacing:.04em;color:var(--steel);border:1px solid var(--line-2);background:var(--ink);justify-content:center;align-items:center;font-size:.62rem;display:inline-flex}.c2i-stage[data-ratio="16-9"]{width:1000px;height:562px}.c2i-stage[data-ratio="1-1"]{width:800px;height:800px}.c2i-stage[data-ratio="4-3"]{width:1000px;height:750px}.c2i-stage[data-ratio=og]{width:1000px;height:524px}.c2i-stage[data-ratio=story]{width:506px;height:900px}.c2i-stage[data-ratio]:not([data-ratio=auto]){justify-content:center;align-items:center;overflow:hidden}.c2i-panes{align-items:flex-start;gap:22px;display:flex}.c2i-col{flex-direction:column;align-items:stretch;min-width:0;display:flex}.c2i-label{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 3px #00000073;text-align:center;outline:none;padding:0 4px 10px;font-size:.82rem;font-weight:600}.c2i-window{--c2i-fs:15px;border-radius:12px;min-width:320px;max-width:900px;overflow:hidden;box-shadow:0 22px 60px -12px #0000008c,0 0 0 1px #ffffff0d}.c2i-titlebar{align-items:center;gap:12px;padding:12px 16px;display:flex}.c2i-window[data-chrome=off] .c2i-titlebar{display:none}.c2i-dots{gap:8px;display:inline-flex}.c2i-dots i{border-radius:50%;width:12px;height:12px;display:block}.c2i-dots i:first-child{background:#ff5f57}.c2i-dots i:nth-child(2){background:#febc2e}.c2i-dots i:nth-child(3){background:#28c840}.c2i-title{font-family:var(--font-mono);opacity:.7;outline:none;min-width:20px;font-size:.82rem}.c2i-editor{padding:18px 22px 20px;display:flex}.c2i-gutter,.c2i-pre,.c2i-input{font-family:var(--c2i-font,ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);font-size:var(--c2i-fs);tab-size:2;letter-spacing:0;line-height:1.62}.c2i-gutter{text-align:right;white-space:pre;opacity:.35;-webkit-user-select:none;user-select:none;margin:0 16px 0 0}.c2i-window[data-lines=off] .c2i-gutter{display:none}.c2i-codebox{min-width:0;position:relative}.c2i-pre{margin:0;overflow:visible}.c2i-pre .c2i-code{white-space:normal;display:block}.c2i-line{white-space:pre;display:block}.c2i-line.c2i-dim{opacity:.3}.c2i-line.c2i-add{background:#57ab5a2b}.c2i-line.c2i-del{background:#e5534b26}.c2i-input{resize:none;white-space:pre;color:#0000;-webkit-text-fill-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset:0;overflow:auto}.c2i-window[data-code-theme=one-dark]{background:#282c34}.c2i-window[data-code-theme=one-dark] .c2i-code,.c2i-window[data-code-theme=one-dark] .c2i-title{color:#abb2bf}.c2i-window[data-code-theme=one-dark] .c2i-input{caret-color:#abb2bf}[data-code-theme=one-dark] .hljs-comment{color:#5c6370;font-style:italic}[data-code-theme=one-dark] .hljs-keyword,[data-code-theme=one-dark] .hljs-built_in{color:#c678dd}[data-code-theme=one-dark] .hljs-string,[data-code-theme=one-dark] .hljs-regexp{color:#98c379}[data-code-theme=one-dark] .hljs-number,[data-code-theme=one-dark] .hljs-literal{color:#d19a66}[data-code-theme=one-dark] .hljs-title,[data-code-theme=one-dark] .hljs-title.function_{color:#61afef}[data-code-theme=one-dark] .hljs-attr,[data-code-theme=one-dark] .hljs-variable,[data-code-theme=one-dark] .hljs-property,[data-code-theme=one-dark] .hljs-tag,[data-code-theme=one-dark] .hljs-name,[data-code-theme=one-dark] .hljs-selector-tag{color:#e06c75}[data-code-theme=one-dark] .hljs-type,[data-code-theme=one-dark] .hljs-class .hljs-title{color:#e5c07b}.c2i-window[data-code-theme=dracula]{background:#282a36}.c2i-window[data-code-theme=dracula] .c2i-code,.c2i-window[data-code-theme=dracula] .c2i-title{color:#f8f8f2}.c2i-window[data-code-theme=dracula] .c2i-input{caret-color:#f8f8f2}[data-code-theme=dracula] .hljs-comment{color:#6272a4;font-style:italic}[data-code-theme=dracula] .hljs-keyword,[data-code-theme=dracula] .hljs-built_in{color:#ff79c6}[data-code-theme=dracula] .hljs-string,[data-code-theme=dracula] .hljs-regexp{color:#f1fa8c}[data-code-theme=dracula] .hljs-number,[data-code-theme=dracula] .hljs-literal{color:#bd93f9}[data-code-theme=dracula] .hljs-title,[data-code-theme=dracula] .hljs-title.function_{color:#50fa7b}[data-code-theme=dracula] .hljs-attr,[data-code-theme=dracula] .hljs-variable,[data-code-theme=dracula] .hljs-property{color:#8be9fd}[data-code-theme=dracula] .hljs-tag,[data-code-theme=dracula] .hljs-name,[data-code-theme=dracula] .hljs-selector-tag{color:#ff79c6}[data-code-theme=dracula] .hljs-type{color:#8be9fd}.c2i-window[data-code-theme=night-owl]{background:#011627}.c2i-window[data-code-theme=night-owl] .c2i-code,.c2i-window[data-code-theme=night-owl] .c2i-title{color:#d6deeb}.c2i-window[data-code-theme=night-owl] .c2i-input{caret-color:#d6deeb}[data-code-theme=night-owl] .hljs-comment{color:#637777;font-style:italic}[data-code-theme=night-owl] .hljs-keyword,[data-code-theme=night-owl] .hljs-built_in{color:#c792ea}[data-code-theme=night-owl] .hljs-string,[data-code-theme=night-owl] .hljs-regexp{color:#ecc48d}[data-code-theme=night-owl] .hljs-number,[data-code-theme=night-owl] .hljs-literal{color:#f78c6c}[data-code-theme=night-owl] .hljs-title,[data-code-theme=night-owl] .hljs-title.function_{color:#82aaff}[data-code-theme=night-owl] .hljs-attr,[data-code-theme=night-owl] .hljs-variable,[data-code-theme=night-owl] .hljs-property{color:#7fdbca}[data-code-theme=night-owl] .hljs-tag,[data-code-theme=night-owl] .hljs-name,[data-code-theme=night-owl] .hljs-selector-tag{color:#caece6}[data-code-theme=night-owl] .hljs-type{color:#addb67}.c2i-window[data-code-theme=monokai]{background:#272822}.c2i-window[data-code-theme=monokai] .c2i-code,.c2i-window[data-code-theme=monokai] .c2i-title{color:#f8f8f2}.c2i-window[data-code-theme=monokai] .c2i-input{caret-color:#f8f8f2}[data-code-theme=monokai] .hljs-comment{color:#75715e;font-style:italic}[data-code-theme=monokai] .hljs-keyword,[data-code-theme=monokai] .hljs-built_in{color:#f92672}[data-code-theme=monokai] .hljs-string,[data-code-theme=monokai] .hljs-regexp{color:#e6db74}[data-code-theme=monokai] .hljs-number,[data-code-theme=monokai] .hljs-literal{color:#ae81ff}[data-code-theme=monokai] .hljs-title,[data-code-theme=monokai] .hljs-title.function_{color:#a6e22e}[data-code-theme=monokai] .hljs-attr,[data-code-theme=monokai] .hljs-variable,[data-code-theme=monokai] .hljs-property{color:#fd971f}[data-code-theme=monokai] .hljs-tag,[data-code-theme=monokai] .hljs-name,[data-code-theme=monokai] .hljs-selector-tag{color:#f92672}[data-code-theme=monokai] .hljs-type{color:#66d9ef}.c2i-window[data-code-theme=github-dark]{background:#0d1117}.c2i-window[data-code-theme=github-dark] .c2i-code,.c2i-window[data-code-theme=github-dark] .c2i-title{color:#c9d1d9}.c2i-window[data-code-theme=github-dark] .c2i-input{caret-color:#c9d1d9}[data-code-theme=github-dark] .hljs-comment{color:#8b949e}[data-code-theme=github-dark] .hljs-keyword,[data-code-theme=github-dark] .hljs-built_in{color:#ff7b72}[data-code-theme=github-dark] .hljs-string,[data-code-theme=github-dark] .hljs-regexp{color:#a5d6ff}[data-code-theme=github-dark] .hljs-number,[data-code-theme=github-dark] .hljs-literal{color:#79c0ff}[data-code-theme=github-dark] .hljs-title,[data-code-theme=github-dark] .hljs-title.function_{color:#d2a8ff}[data-code-theme=github-dark] .hljs-attr,[data-code-theme=github-dark] .hljs-variable,[data-code-theme=github-dark] .hljs-property{color:#79c0ff}[data-code-theme=github-dark] .hljs-tag,[data-code-theme=github-dark] .hljs-name,[data-code-theme=github-dark] .hljs-selector-tag{color:#7ee787}[data-code-theme=github-dark] .hljs-type{color:#ffa657}.c2i-window[data-code-theme=github-light]{background:#fff}.c2i-window[data-code-theme=github-light] .c2i-code,.c2i-window[data-code-theme=github-light] .c2i-title{color:#24292f}.c2i-window[data-code-theme=github-light] .c2i-input{caret-color:#24292f}[data-code-theme=github-light] .hljs-comment{color:#6e7781}[data-code-theme=github-light] .hljs-keyword,[data-code-theme=github-light] .hljs-built_in{color:#cf222e}[data-code-theme=github-light] .hljs-string,[data-code-theme=github-light] .hljs-regexp{color:#0a3069}[data-code-theme=github-light] .hljs-number,[data-code-theme=github-light] .hljs-literal{color:#0550ae}[data-code-theme=github-light] .hljs-title,[data-code-theme=github-light] .hljs-title.function_{color:#8250df}[data-code-theme=github-light] .hljs-attr,[data-code-theme=github-light] .hljs-variable,[data-code-theme=github-light] .hljs-property{color:#0550ae}[data-code-theme=github-light] .hljs-tag,[data-code-theme=github-light] .hljs-name,[data-code-theme=github-light] .hljs-selector-tag{color:#116329}[data-code-theme=github-light] .hljs-type{color:#953800}.c2i-window[data-code-theme=nord]{background:#2e3440}.c2i-window[data-code-theme=nord] .c2i-code,.c2i-window[data-code-theme=nord] .c2i-title{color:#d8dee9}.c2i-window[data-code-theme=nord] .c2i-input{caret-color:#d8dee9}[data-code-theme=nord] .hljs-comment{color:#616e88;font-style:italic}[data-code-theme=nord] .hljs-keyword,[data-code-theme=nord] .hljs-built_in{color:#81a1c1}[data-code-theme=nord] .hljs-string,[data-code-theme=nord] .hljs-regexp{color:#a3be8c}[data-code-theme=nord] .hljs-number,[data-code-theme=nord] .hljs-literal{color:#b48ead}[data-code-theme=nord] .hljs-title,[data-code-theme=nord] .hljs-title.function_{color:#88c0d0}[data-code-theme=nord] .hljs-attr,[data-code-theme=nord] .hljs-variable,[data-code-theme=nord] .hljs-property{color:#8fbcbb}[data-code-theme=nord] .hljs-tag,[data-code-theme=nord] .hljs-name,[data-code-theme=nord] .hljs-selector-tag{color:#81a1c1}[data-code-theme=nord] .hljs-type{color:#8fbcbb}.c2i-window[data-code-theme=tokyo-night]{background:#1a1b26}.c2i-window[data-code-theme=tokyo-night] .c2i-code,.c2i-window[data-code-theme=tokyo-night] .c2i-title{color:#a9b1d6}.c2i-window[data-code-theme=tokyo-night] .c2i-input{caret-color:#a9b1d6}[data-code-theme=tokyo-night] .hljs-comment{color:#565f89;font-style:italic}[data-code-theme=tokyo-night] .hljs-keyword,[data-code-theme=tokyo-night] .hljs-built_in{color:#bb9af7}[data-code-theme=tokyo-night] .hljs-string,[data-code-theme=tokyo-night] .hljs-regexp{color:#9ece6a}[data-code-theme=tokyo-night] .hljs-number,[data-code-theme=tokyo-night] .hljs-literal{color:#ff9e64}[data-code-theme=tokyo-night] .hljs-title,[data-code-theme=tokyo-night] .hljs-title.function_{color:#7aa2f7}[data-code-theme=tokyo-night] .hljs-attr,[data-code-theme=tokyo-night] .hljs-variable,[data-code-theme=tokyo-night] .hljs-property{color:#73daca}[data-code-theme=tokyo-night] .hljs-tag,[data-code-theme=tokyo-night] .hljs-name,[data-code-theme=tokyo-night] .hljs-selector-tag{color:#f7768e}[data-code-theme=tokyo-night] .hljs-type{color:#2ac3de}.c2i-window[data-code-theme=solarized]{background:#002b36}.c2i-window[data-code-theme=solarized] .c2i-code,.c2i-window[data-code-theme=solarized] .c2i-title{color:#839496}.c2i-window[data-code-theme=solarized] .c2i-input{caret-color:#839496}[data-code-theme=solarized] .hljs-comment{color:#586e75;font-style:italic}[data-code-theme=solarized] .hljs-keyword,[data-code-theme=solarized] .hljs-built_in{color:#859900}[data-code-theme=solarized] .hljs-string,[data-code-theme=solarized] .hljs-regexp{color:#2aa198}[data-code-theme=solarized] .hljs-number,[data-code-theme=solarized] .hljs-literal{color:#d33682}[data-code-theme=solarized] .hljs-title,[data-code-theme=solarized] .hljs-title.function_{color:#268bd2}[data-code-theme=solarized] .hljs-attr,[data-code-theme=solarized] .hljs-variable,[data-code-theme=solarized] .hljs-property{color:#b58900}[data-code-theme=solarized] .hljs-tag,[data-code-theme=solarized] .hljs-name,[data-code-theme=solarized] .hljs-selector-tag{color:#268bd2}[data-code-theme=solarized] .hljs-type{color:#b58900}.c2i-window[data-code-theme=ayu]{background:#0b0e14}.c2i-window[data-code-theme=ayu] .c2i-code,.c2i-window[data-code-theme=ayu] .c2i-title{color:#bfbdb6}.c2i-window[data-code-theme=ayu] .c2i-input{caret-color:#bfbdb6}[data-code-theme=ayu] .hljs-comment{color:#626a73;font-style:italic}[data-code-theme=ayu] .hljs-keyword,[data-code-theme=ayu] .hljs-built_in{color:#ff8f40}[data-code-theme=ayu] .hljs-string,[data-code-theme=ayu] .hljs-regexp{color:#aad94c}[data-code-theme=ayu] .hljs-number,[data-code-theme=ayu] .hljs-literal{color:#d2a6ff}[data-code-theme=ayu] .hljs-title,[data-code-theme=ayu] .hljs-title.function_{color:#ffb454}[data-code-theme=ayu] .hljs-attr,[data-code-theme=ayu] .hljs-variable,[data-code-theme=ayu] .hljs-property{color:#59c2ff}[data-code-theme=ayu] .hljs-tag,[data-code-theme=ayu] .hljs-name,[data-code-theme=ayu] .hljs-selector-tag{color:#f07178}[data-code-theme=ayu] .hljs-type{color:#59c2ff}.c2i-window[data-code-theme=catppuccin]{background:#1e1e2e}.c2i-window[data-code-theme=catppuccin] .c2i-code,.c2i-window[data-code-theme=catppuccin] .c2i-title{color:#cdd6f4}.c2i-window[data-code-theme=catppuccin] .c2i-input{caret-color:#cdd6f4}[data-code-theme=catppuccin] .hljs-comment{color:#6c7086;font-style:italic}[data-code-theme=catppuccin] .hljs-keyword,[data-code-theme=catppuccin] .hljs-built_in{color:#cba6f7}[data-code-theme=catppuccin] .hljs-string,[data-code-theme=catppuccin] .hljs-regexp{color:#a6e3a1}[data-code-theme=catppuccin] .hljs-number,[data-code-theme=catppuccin] .hljs-literal{color:#fab387}[data-code-theme=catppuccin] .hljs-title,[data-code-theme=catppuccin] .hljs-title.function_{color:#89b4fa}[data-code-theme=catppuccin] .hljs-attr,[data-code-theme=catppuccin] .hljs-variable,[data-code-theme=catppuccin] .hljs-property{color:#f9e2af}[data-code-theme=catppuccin] .hljs-tag,[data-code-theme=catppuccin] .hljs-name,[data-code-theme=catppuccin] .hljs-selector-tag{color:#f38ba8}[data-code-theme=catppuccin] .hljs-type{color:#f9e2af}.c2i-credit{text-align:right;font-family:var(--c2i-font,monospace);color:#fff;opacity:.42;padding:2px 22px 14px;font-size:.72rem}.c2i-window[data-code-theme=github-light] .c2i-credit{color:#24292f}.c2i-window.c2i-drop{outline:2px dashed var(--accent);outline-offset:-6px}.c2i-presets .c2i-chip{text-transform:none;letter-spacing:0}.c2i-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.c2i-toast{font-family:var(--font-mono);color:var(--accent);margin-left:auto;font-size:.8rem}.c2i-secondary{border:1px solid var(--line-2);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.88rem}.c2i-secondary:hover{border-color:var(--accent)}@media (width<=640px){.c2i-stage{--c2i-pad:26px}.c2i-window{min-width:0}}