.init-code-flex-workspace *,.init-code-flex-workspace *::before,.init-code-flex-workspace *::after{box-sizing:border-box;margin:0;padding:0}.init-code-flex-workspace{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:14px;color:#1e293b}.init-code-flex-workspace .preview-stage{width:100%;background-color:#d4d4d4;background-image:linear-gradient(45deg,#c8c8c8 25%,transparent 25%),linear-gradient(-45deg,#c8c8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8c8 75%),linear-gradient(-45deg,transparent 75%,#c8c8c8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #b0b0b0;border-radius:6px;min-height:200px}.init-code-flex-workspace .snap-background{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:0!important;transition:padding 0.2s ease}.init-code-flex-workspace .pad-xs{padding:8px}.init-code-flex-workspace .pad-small{padding:16px}.init-code-flex-workspace .pad-medium{padding:40px}.init-code-flex-workspace .pad-large{padding:64px}.init-code-flex-workspace .pad-xl{padding:96px}.init-code-flex-workspace .bg-cyberpunk{background:linear-gradient(135deg,#f900c1 0%,#00106a 100%)}.init-code-flex-workspace .bg-aurora{background:linear-gradient(135deg,#0575e6 0%,#00f260 100%)}.init-code-flex-workspace .bg-sunset{background:linear-gradient(135deg,#f12711 0%,#f5af19 100%)}.init-code-flex-workspace .bg-midnight{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%)}.init-code-flex-workspace .bg-vaporwave{background:linear-gradient(135deg,#ff6ec7 0%,#a855f7 40%,#3b82f6 80%,#06b6d4 100%)}.init-code-flex-workspace .bg-forest{background:linear-gradient(135deg,#134e5e 0%,#71b280 100%)}.init-code-flex-workspace .bg-rose-gold{background:linear-gradient(135deg,#b76e79 0%,#f5c2c7 50%,#e8a4a8 100%)}.init-code-flex-workspace .bg-golden{background:linear-gradient(135deg,#c79b3a 0%,#f5e27a 50%,#c79b3a 100%)}.init-code-flex-workspace .bg-mesh-ocean{background-color:#0f2027;background-image:radial-gradient(ellipse at 20% 30%,rgb(0 150 255 / .4) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgb(0 220 180 / .3) 0%,transparent 60%)}.init-code-flex-workspace .bg-mesh-purple{background-color:#1a0533;background-image:radial-gradient(ellipse at 10% 20%,rgb(180 0 255 / .45) 0%,transparent 55%),radial-gradient(ellipse at 90% 80%,rgb(255 0 120 / .3) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgb(60 0 130 / .5) 0%,transparent 70%)}.init-code-flex-workspace .bg-mesh-ember{background-color:#1a0a00;background-image:radial-gradient(ellipse at 30% 60%,rgb(255 80 0 / .5) 0%,transparent 60%),radial-gradient(ellipse at 75% 20%,rgb(255 200 0 / .3) 0%,transparent 50%)}.init-code-flex-workspace .bg-minimal-dark{background:#1e293b}.init-code-flex-workspace .bg-slate-950{background:#020617}.init-code-flex-workspace .bg-pure-white{background:#fff}.init-code-flex-workspace .bg-paper{background:#faf7f2}.init-code-flex-workspace .bg-transparent{background:transparent!important}.init-code-flex-workspace .snap-window{width:100%;border-radius:10px;overflow:hidden;border:1px solid rgb(255 255 255 / .08)}.init-code-flex-workspace .shadow-premium{box-shadow:0 2px 4px rgb(0 0 0 / .12),0 8px 20px rgb(0 0 0 / .2),0 24px 56px rgb(0 0 0 / .35),0 0 0 1px rgb(255 255 255 / .04) inset}.init-code-flex-workspace .shadow-soft{box-shadow:0 4px 16px rgb(0 0 0 / .1),0 16px 40px rgb(0 0 0 / .12)}.init-code-flex-workspace .shadow-none{box-shadow:none}.init-code-flex-workspace .snap-window.width-auto{width:100%;max-width:none}.init-code-flex-workspace .snap-window.width-sm{width:480px;max-width:100%}.init-code-flex-workspace .snap-window.width-md{width:680px;max-width:100%}.init-code-flex-workspace .snap-window.width-lg{width:860px;max-width:100%}.init-code-flex-workspace .window-header{display:flex;align-items:center;padding:12px 16px;background:#fff0;border-bottom:1px solid rgb(255 255 255 / .05);border-top-left-radius:10px;border-top-right-radius:10px;gap:0;position:relative;min-height:44px}.init-code-flex-workspace[data-frame="macos"] .window-header{justify-content:space-between;background:var(--snap-header-bg,#363636)!important;border-bottom:1px solid var(--snap-header-border,#3f3f3f)!important}.init-code-flex-workspace[data-frame="macos"] .mac-dots{display:flex;gap:7px;width:60px;flex-shrink:0}.init-code-flex-workspace[data-frame="macos"] .dot{width:11px;height:11px;border-radius:50%}.init-code-flex-workspace[data-frame="macos"] .dot.red{background:#ff5f56;box-shadow:0 0 0 .5px rgb(0 0 0 / .15)}.init-code-flex-workspace[data-frame="macos"] .dot.yellow{background:#ffbd2e;box-shadow:0 0 0 .5px rgb(0 0 0 / .15)}.init-code-flex-workspace[data-frame="macos"] .dot.green{background:#27c93f;box-shadow:0 0 0 .5px rgb(0 0 0 / .15)}.init-code-flex-workspace[data-frame="macos"] .window-actions-fake{width:60px}.init-code-flex-workspace[data-frame="chrome"] .window-header{background:#292929;border-bottom-color:#3d3d3d;padding:0;flex-direction:column;min-height:auto}.init-code-flex-workspace[data-frame="chrome"] .chrome-bar{display:flex;align-items:center;width:100%;padding:8px 12px;gap:8px;background:#202020}.init-code-flex-workspace[data-frame="chrome"] .chrome-win-btns{display:flex;gap:5px;flex-shrink:0}.init-code-flex-workspace[data-frame="chrome"] .chrome-win-btn{width:11px;height:11px;border-radius:50%;border:none;display:inline-block}.init-code-flex-workspace[data-frame="chrome"] .chrome-win-btn.r{background:#ff5f56}.init-code-flex-workspace[data-frame="chrome"] .chrome-win-btn.y{background:#ffbd2e}.init-code-flex-workspace[data-frame="chrome"] .chrome-win-btn.g{background:#27c93f}.init-code-flex-workspace[data-frame="chrome"] .chrome-tab-bar{display:flex;align-items:flex-end;padding:0 12px;gap:0;background:#202020;height:32px}.init-code-flex-workspace[data-frame="chrome"] .chrome-tab{display:flex;align-items:center;gap:6px;padding:0 14px;height:28px;background:#2d2d2d;border-radius:8px 8px 0 0;font-size:11px;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;overflow:hidden;max-width:200px;text-overflow:ellipsis}.init-code-flex-workspace[data-frame="chrome"] .chrome-favicon{width:14px;height:14px;background:#5c5c5c;border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.init-code-flex-workspace[data-frame="chrome"] .chrome-favicon svg{width:10px;height:10px}.init-code-flex-workspace[data-frame="chrome"] .chrome-address-bar{flex:1;background:#3c3c3c;border-radius:4px;padding:4px 10px;font-size:11px;color:#b0b0b0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.init-code-flex-workspace[data-frame="chrome"] .chrome-actions{display:flex;gap:6px;flex-shrink:0;opacity:.5}.init-code-flex-workspace[data-frame="chrome"] .chrome-action-btn{width:18px;height:18px;border-radius:50%;background:#555}.init-code-flex-workspace[data-frame="chrome"] .mac-dots,.init-code-flex-workspace[data-frame="chrome"] .window-title,.init-code-flex-workspace[data-frame="chrome"] .window-actions-fake{display:none}.init-code-flex-workspace:not([data-frame="chrome"]) .chrome-bar,.init-code-flex-workspace:not([data-frame="chrome"]) .chrome-tab-bar{display:none}.init-code-flex-workspace[data-frame="arc"] .window-header{background:linear-gradient(180deg,#1f1630 0%,#16102a 100%);border-bottom-color:rgb(150 100 255 / .12);justify-content:space-between}.init-code-flex-workspace[data-frame="arc"] .mac-dots{display:flex;gap:7px;width:60px}.init-code-flex-workspace[data-frame="arc"] .dot{width:11px;height:11px;border-radius:50%}.init-code-flex-workspace[data-frame="arc"] .dot.red{background:#ff5f56}.init-code-flex-workspace[data-frame="arc"] .dot.yellow{background:#ffbd2e}.init-code-flex-workspace[data-frame="arc"] .dot.green{background:#27c93f}.init-code-flex-workspace[data-frame="arc"] .window-title{color:rgb(200 180 255 / .75);font-size:11px}.init-code-flex-workspace[data-frame="arc"] .arc-badge{font-size:9px;background:rgb(150 100 255 / .25);color:rgb(220 200 255 / .9);padding:1px 6px;border-radius:10px;border:1px solid rgb(150 100 255 / .25)}.init-code-flex-workspace:not([data-frame="arc"]) .arc-badge{display:none}.init-code-flex-workspace[data-frame="vscode"] .window-header{background:#1f1f1f;border-bottom:1px solid #252525;padding:0;flex-direction:column;min-height:auto}.init-code-flex-workspace[data-frame="vscode"] .vscode-titlebar{display:flex;align-items:center;width:100%;padding:5px 12px;gap:12px;background:#3c3c3c}.init-code-flex-workspace[data-frame="vscode"] .vscode-menu{display:flex;gap:2px;flex-shrink:0}.init-code-flex-workspace[data-frame="vscode"] .vscode-menu-item{font-size:11px;color:#ccc;padding:2px 8px;border-radius:3px;cursor:default}.init-code-flex-workspace[data-frame="vscode"] .vscode-title-center{flex:1;text-align:center;font-size:12px;color:#9d9d9d}.init-code-flex-workspace[data-frame="vscode"] .vscode-win-btns{display:flex;gap:0;flex-shrink:0}.init-code-flex-workspace[data-frame="vscode"] .vscode-win-btn{width:46px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ccc;cursor:default}.init-code-flex-workspace[data-frame="vscode"] .vscode-win-btn.close:hover{background:#e81123;color:#fff}.init-code-flex-workspace[data-frame="vscode"] .vscode-tabs{display:flex;align-items:flex-end;background:#252526;padding:0;height:35px;border-bottom:1px solid #1e1e1e}.init-code-flex-workspace[data-frame="vscode"] .vscode-tab{display:flex;align-items:center;gap:6px;padding:0 14px;height:35px;background:#1e1e1e;border-top:2px solid #007acc;border-right:1px solid #252526;font-size:12px;color:#ccc;white-space:nowrap}.init-code-flex-workspace[data-frame="vscode"] .vscode-tab .tab-icon{font-size:10px;color:#e8c36a}.init-code-flex-workspace[data-frame="vscode"] .vscode-tab .tab-close{font-size:10px;color:#888;margin-left:4px}.init-code-flex-workspace[data-frame="vscode"] .mac-dots,.init-code-flex-workspace[data-frame="vscode"] .window-title,.init-code-flex-workspace[data-frame="vscode"] .window-actions-fake{display:none}.init-code-flex-workspace:not([data-frame="vscode"]) .vscode-titlebar,.init-code-flex-workspace:not([data-frame="vscode"]) .vscode-tabs{display:none}.init-code-flex-workspace[data-frame="none"] .window-header{display:none}.init-code-flex-workspace .window-title{color:#a3a3a3;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500}.init-code-flex-workspace .window-actions-fake{width:60px}.init-code-flex-workspace .window-body{padding:20px 24px;position:relative;overflow-x:auto}.init-code-flex-workspace .window-body pre,.init-code-flex-workspace .window-body code{margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;text-shadow:none!important;font-size:14px!important;line-height:1.6!important;white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-word!important}.init-code-flex-workspace[data-font="fira-code"] .window-body pre,.init-code-flex-workspace[data-font="fira-code"] .window-body code{font-family:'Fira Code',monospace!important}.init-code-flex-workspace[data-font="jetbrains"] .window-body pre,.init-code-flex-workspace[data-font="jetbrains"] .window-body code{font-family:'JetBrains Mono',monospace!important}.init-code-flex-workspace[data-font="cascadia"] .window-body pre,.init-code-flex-workspace[data-font="cascadia"] .window-body code{font-family:'Cascadia Code','Cascadia Mono',monospace!important}.init-code-flex-workspace[data-font="source-code"] .window-body pre,.init-code-flex-workspace[data-font="source-code"] .window-body code{font-family:'Source Code Pro',monospace!important}.init-code-flex-workspace[data-font="ibm-plex"] .window-body pre,.init-code-flex-workspace[data-font="ibm-plex"] .window-body code{font-family:'IBM Plex Mono',monospace!important}.init-code-flex-workspace[data-font="inconsolata"] .window-body pre,.init-code-flex-workspace[data-font="inconsolata"] .window-body code{font-family:'Inconsolata',monospace!important}.init-code-flex-workspace[data-fontsize="12"] .window-body pre,.init-code-flex-workspace[data-fontsize="12"] .window-body code{font-size:12px!important}.init-code-flex-workspace[data-fontsize="13"] .window-body pre,.init-code-flex-workspace[data-fontsize="13"] .window-body code{font-size:13px!important}.init-code-flex-workspace[data-fontsize="14"] .window-body pre,.init-code-flex-workspace[data-fontsize="14"] .window-body code{font-size:14px!important}.init-code-flex-workspace[data-fontsize="15"] .window-body pre,.init-code-flex-workspace[data-fontsize="15"] .window-body code{font-size:15px!important}.init-code-flex-workspace[data-fontsize="16"] .window-body pre,.init-code-flex-workspace[data-fontsize="16"] .window-body code{font-size:16px!important}.init-code-flex-workspace .line-numbers-wrapper{display:flex;gap:16px}.init-code-flex-workspace .line-numbers-col{display:none;flex-direction:column;text-align:right;user-select:none;flex-shrink:0}.init-code-flex-workspace[data-linenums="true"] .line-numbers-col{display:flex}.init-code-flex-workspace .line-numbers-col span{font-family:inherit;font-size:14px!important;line-height:1.6!important;color:rgb(128 128 128 / .4);display:block}.init-code-flex-workspace .line-numbers-code{flex:1;min-width:0}.init-code-flex-workspace .snap-watermark{display:none;position:absolute;bottom:12px;right:14px;font-size:11px;color:rgb(255 255 255 / .2);font-family:ui-monospace,monospace;pointer-events:none;user-select:none}.init-code-flex-workspace[data-watermark="true"] .snap-watermark{display:block}.init-code-flex-workspace .canvas-toolbar{background:#f8fafc;padding:16px;border:1px solid #e2e8f0;border-radius:8px}.init-code-flex-workspace .toolbar-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;align-items:end}.init-code-flex-workspace .toolbar-section+.toolbar-section{margin-top:12px;padding-top:12px;border-top:1px solid #e9eef4}.init-code-flex-workspace .tool-item{display:flex;flex-direction:column;gap:5px}.init-code-flex-workspace .tool-item.full-width{grid-column:1 / -1}.init-code-flex-workspace .tool-item label{font-size:10.5px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.6px}.init-code-flex-workspace .tool-item select,.init-code-flex-workspace .tool-item input[type="text"]{width:100%;padding:6px 9px;font-size:13px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#1e293b;outline:none;transition:border-color 0.15s;appearance:auto}.init-code-flex-workspace .tool-item select:focus,.init-code-flex-workspace .tool-item input[type="text"]:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgb(99 102 241 / .12)}.init-code-flex-workspace .toggle-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;height:30px}.init-code-flex-workspace .toggle-item{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:12.5px;color:#475569;font-weight:500}.init-code-flex-workspace .toggle-item input[type="checkbox"]{width:14px;height:14px;accent-color:#6366f1;cursor:pointer}.init-code-flex-workspace .editor-stage #code-input{width:100%;min-height:200px;font-family:'Fira Code',JetBrains Mono,Consolas,Monaco,monospace;font-size:13.5px;line-height:1.55;border:1px solid #cbd5e1;border-radius:6px;padding:14px 16px;background:#f9fafb;color:#1e293b;resize:vertical;outline:none;transition:border-color 0.15s}.init-code-flex-workspace .editor-stage #code-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgb(99 102 241 / .1)}.init-code-flex-workspace .action-buttons-wrapper{display:flex;gap:10px;flex-wrap:wrap}.init-code-flex-workspace .icf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:opacity 0.15s,transform 0.1s;text-decoration:none}.init-code-flex-workspace .icf-btn:active{transform:scale(.97)}.init-code-flex-workspace .icf-btn:disabled{opacity:.55;cursor:not-allowed}.init-code-flex-workspace .icf-btn-primary{background:#6366f1;color:#fff}.init-code-flex-workspace .icf-btn-primary:hover:not(:disabled){background:#4f46e5}.init-code-flex-workspace .icf-btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.init-code-flex-workspace .icf-btn-secondary:hover:not(:disabled){background:#e2e8f0}.init-code-flex-workspace .icf-btn-ghost{background:#fff0;color:#64748b;border:1px solid #e2e8f0}.init-code-flex-workspace .icf-btn-ghost:hover:not(:disabled){background:#f1f5f9}.init-code-flex-workspace .icf-toast{display:none;align-items:center;gap:7px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500}.init-code-flex-workspace .icf-toast.success{display:inline-flex;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.init-code-flex-workspace .icf-toast.error{display:inline-flex;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.uk-light .init-code-flex-workspace .canvas-toolbar{background:#1e293b;border-color:rgb(255 255 255 / .07)}.uk-light .init-code-flex-workspace .toolbar-section+.toolbar-section{border-top-color:rgb(255 255 255 / .06)}.uk-light .init-code-flex-workspace .tool-item label{color:#94a3b8}.uk-light .init-code-flex-workspace .tool-item select,.uk-light .init-code-flex-workspace .tool-item input[type="text"]{background:#0f172a;color:#f1f5f9;border-color:rgb(255 255 255 / .08)}.uk-light .init-code-flex-workspace .toggle-item{color:#94a3b8}.uk-light .init-code-flex-workspace .editor-stage #code-input{background:#0f172a;color:#f1f5f9;border-color:rgb(255 255 255 / .08)}.uk-light .init-code-flex-workspace .icf-btn-secondary{background:#1e293b;color:#e2e8f0;border-color:rgb(255 255 255 / .08)}.uk-light .init-code-flex-workspace .preview-stage{background-color:#0d1117;border-color:#1e293b}@media (max-width:640px){.init-code-flex-workspace .toolbar-section{grid-template-columns:1fr 1fr}.init-code-flex-workspace .action-buttons-wrapper{flex-direction:column}.init-code-flex-workspace .icf-btn{width:100%;justify-content:center}}