.CodeScreenshotTool_root__4Z7en{display:flex;min-height:100vh;background:var(--bg-raised);color:#e2e2e2;font-family:var(--font-sans,system-ui,sans-serif)}.CodeScreenshotTool_panel__tsyPi{width:300px;flex-shrink:0;background:#111111;border-right:1px solid #222;display:flex;flex-direction:column;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;height:100vh}.CodeScreenshotTool_panelHeader__sby1w{padding:1.25rem 1.2rem .75rem;border-bottom:1px solid #1e1e1e}.CodeScreenshotTool_title__o6zXe{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .15rem}.CodeScreenshotTool_subtitle__1BJsi{font-size:.72rem;color:#555;margin:0}.CodeScreenshotTool_tabs__ksjz_{display:flex;border-bottom:1px solid #1e1e1e;overflow-x:auto;scrollbar-width:none}.CodeScreenshotTool_tabs__ksjz_::-webkit-scrollbar{display:none}.CodeScreenshotTool_tabBtn__mMxt0{flex:1 1;padding:.6rem .25rem;background:transparent;color:#555;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .12s;white-space:nowrap;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.CodeScreenshotTool_tabBtn__mMxt0:hover{color:#999}.CodeScreenshotTool_tabBtnActive__SUxGK{color:#e2e2e2!important;border-bottom-color:#6366f1}.CodeScreenshotTool_panelBody__M8JBV{flex:1 1;padding:1rem 1.1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.CodeScreenshotTool_fieldGroup__YTrfa{display:flex;flex-direction:column;gap:.45rem}.CodeScreenshotTool_fieldLabel__O19CU{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666}.CodeScreenshotTool_themeGrid__2N008{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.CodeScreenshotTool_themeChip__2Jvhp{padding:.35rem .5rem;border-radius:6px;border:2px solid transparent;font-size:.73rem;font-weight:600;cursor:pointer;text-align:left;transition:border-color .1s,transform .1s;line-height:1.3}.CodeScreenshotTool_themeChip__2Jvhp:hover{transform:scale(1.03)}.CodeScreenshotTool_themeChipActive__3v_ZC{border-color:var(--text-hero)!important}.CodeScreenshotTool_select__Zh3I0{width:100%;padding:.4rem .6rem;border:1px solid #2a2a2a;border-radius:6px;background:#181818;color:#e2e2e2;font-size:.82rem;outline:none;cursor:pointer;transition:border-color .12s}.CodeScreenshotTool_select__Zh3I0:focus{border-color:#6366f1}.CodeScreenshotTool_slider__QUJST{width:100%;accent-color:#6366f1;cursor:pointer}.CodeScreenshotTool_segmented__r39iy{display:flex;border:1px solid #2a2a2a;border-radius:6px;overflow:hidden}.CodeScreenshotTool_segBtn__qsW2J{flex:1 1;padding:.35rem 0;background:transparent;border:none;color:#666;font-size:.75rem;cursor:pointer;transition:all .1s}.CodeScreenshotTool_segBtn__qsW2J:hover{color:#ccc;background:#1a1a1a}.CodeScreenshotTool_segBtn__qsW2J+.CodeScreenshotTool_segBtn__qsW2J{border-left:1px solid #2a2a2a}.CodeScreenshotTool_segBtnActive__Oegw1{background:#1e1e3a!important;color:#818cf8!important}.CodeScreenshotTool_colorRow__V_IO1{display:flex;gap:.5rem;align-items:center}.CodeScreenshotTool_colorInput__XmY5g{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;padding:2px;background:#181818}.CodeScreenshotTool_colorText__gxGlD{flex:1 1;padding:.35rem .55rem;border:1px solid #2a2a2a;border-radius:6px;background:#181818;color:#e2e2e2;font-family:var(--font-mono,monospace);font-size:.82rem;outline:none}.CodeScreenshotTool_colorText__gxGlD:focus{border-color:#6366f1}.CodeScreenshotTool_gradientGrid__124x4{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.4rem;gap:.4rem}.CodeScreenshotTool_gradientChip__z9CPr{height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.CodeScreenshotTool_gradientChip__z9CPr:hover{transform:scale(1.1)}.CodeScreenshotTool_gradientChipActive__An85J{border-color:var(--text-hero)!important}.CodeScreenshotTool_checkRow__Icp7C{display:flex;align-items:center;justify-content:space-between}.CodeScreenshotTool_toggle__p3Ggi{position:relative;width:40px;height:22px;background:#2a2a2a;border:none;border-radius:11px;cursor:pointer;transition:background .2s}.CodeScreenshotTool_toggleOn__LfBK1{background:#6366f1}.CodeScreenshotTool_toggleThumb__v61NG{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-hero);transition:transform .2s}.CodeScreenshotTool_toggleOn__LfBK1 .CodeScreenshotTool_toggleThumb__v61NG{transform:translateX(18px)}.CodeScreenshotTool_fontList__AESdB{display:flex;flex-direction:column;gap:.3rem}.CodeScreenshotTool_fontChip__oRzB1{padding:.35rem .6rem;border:1px solid #2a2a2a;border-radius:6px;background:#181818;color:#aaa;font-size:.82rem;text-align:left;cursor:pointer;transition:all .1s}.CodeScreenshotTool_fontChip__oRzB1:hover{color:#e2e2e2;border-color:#444}.CodeScreenshotTool_fontChipActive__lRNG2{background:#1e1e3a!important;color:#818cf8!important;border-color:#6366f1!important}.CodeScreenshotTool_chromeGrid__lnnuO{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.CodeScreenshotTool_chromeChip__VeG0l{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem;border:1px solid #2a2a2a;border-radius:6px;background:#181818;color:#777;font-size:.72rem;cursor:pointer;transition:all .12s}.CodeScreenshotTool_chromeChip__VeG0l:hover{border-color:#444;color:#ccc}.CodeScreenshotTool_chromeChipActive__mL3fm{border-color:#6366f1!important;background:#1e1e3a!important;color:#818cf8!important}.CodeScreenshotTool_chromePrevMac__pwNcM{font-size:.55rem;letter-spacing:.15em;color:inherit}.CodeScreenshotTool_chromePrevWin__hwNEy{font-size:.7rem;letter-spacing:.1em;color:inherit}.CodeScreenshotTool_chromePrevMin__tppeG{font-size:.5rem;letter-spacing:0;color:inherit}.CodeScreenshotTool_chromePrevNone__3aY3C{font-size:.9rem;color:inherit}.CodeScreenshotTool_textInput__d_N41{width:100%;padding:.4rem .6rem;border:1px solid #2a2a2a;border-radius:6px;background:#181818;color:#e2e2e2;font-size:.82rem;outline:none;transition:border-color .12s}.CodeScreenshotTool_textInput__d_N41:focus{border-color:#6366f1}.CodeScreenshotTool_exportActions__v_cRB{display:flex;flex-direction:column;gap:.5rem}.CodeScreenshotTool_exportBtn__6z6lc{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:8px;border:1px solid #2a2a2a;background:#181818;color:#e2e2e2;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .12s}.CodeScreenshotTool_exportBtn__6z6lc:hover{background:#222;border-color:#6366f1}.CodeScreenshotTool_exportBtn__6z6lc:disabled{opacity:.5;cursor:wait}.CodeScreenshotTool_exportBtnIcon__9Jh1p{font-size:1rem}.CodeScreenshotTool_copyBtn__hyvOS{background:#1a1a2e;border-color:#6366f1;color:#818cf8}.CodeScreenshotTool_exportNote__quheN{font-size:.72rem;color:#555;line-height:1.5}.CodeScreenshotTool_quickExport__YGzCS{display:flex;gap:.5rem;padding:.85rem 1.1rem;border-top:1px solid #1e1e1e}.CodeScreenshotTool_quickBtn__KXcYp{flex:1 1;padding:.5rem 0;border-radius:6px;border:1px solid #2a2a2a;background:#181818;color:#aaa;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .12s}.CodeScreenshotTool_quickBtn__KXcYp:hover{background:#222;color:#e2e2e2;border-color:#6366f1}.CodeScreenshotTool_quickBtn__KXcYp:disabled{opacity:.4;cursor:wait}.CodeScreenshotTool_quickBtnCopied__M_3sb{background:#1a2a1a!important;color:#4ade80!important;border-color:#22c55e!important}.CodeScreenshotTool_main__hXplh{flex:1 1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.CodeScreenshotTool_editorWrap__bzRmH{position:relative;border-bottom:1px solid #1e1e1e;flex-shrink:0}.CodeScreenshotTool_codeInput__l_Ouh{width:100%;height:180px;padding:1rem 1.1rem;background:#0d0d0d;color:#666;border:none;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.82rem;line-height:1.6;resize:vertical;outline:none;-moz-tab-size:2;tab-size:2;box-sizing:border-box}.CodeScreenshotTool_codeInput__l_Ouh:focus{color:#aaa}.CodeScreenshotTool_editorHint__HxS5g{position:absolute;top:.5rem;right:.75rem;font-size:.65rem;color:#333;pointer-events:none}.CodeScreenshotTool_previewArea__wmla1{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow:auto;background:var(--bg-raised);background-image:radial-gradient(circle,#1a1a1a 1px,transparent 0);background-size:24px 24px}.CodeScreenshotTool_codeWindow__f4PiA{display:inline-block;min-width:400px}.CodeScreenshotTool_windowFrame__8vHjQ{overflow:hidden;min-width:320px}.CodeScreenshotTool_macosBar__8nGrm{display:flex;align-items:center;gap:8px;padding:13px 16px 10px}.CodeScreenshotTool_macBtn__ZN_jN{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.CodeScreenshotTool_winBar__w3Ayd{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.CodeScreenshotTool_winTitle__GpejS{font-size:.75rem;font-family:Segoe UI,sans-serif}.CodeScreenshotTool_winBtns__OtEcG{display:flex;gap:0}.CodeScreenshotTool_winBtn__haTKu{width:32px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:default}.CodeScreenshotTool_winClose__pegWI{color:var(--text-hero)!important;background:#e81123;border-radius:0 4px 0 0}.CodeScreenshotTool_minimalBar__1uuS1{height:6px}.CodeScreenshotTool_codeArea__h_Trv{padding:.9em 1.2em 1.2em;overflow-x:auto;line-height:1.6}.CodeScreenshotTool_codeTable__syP4I{border-spacing:0;border-collapse:separate;width:100%;line-height:1.6}.CodeScreenshotTool_lineNum__eP51x{text-align:right;padding-right:1.2em;padding-left:.2em;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;min-width:1.8em}.CodeScreenshotTool_codeLine__kHa5U{white-space:pre;padding:0;vertical-align:top}.CodeScreenshotTool_codeBlock___XorI{white-space:pre;line-height:1.6}.CodeScreenshotTool_codeArea__h_Trv .hljs{background:transparent!important;padding:0!important}.CodeScreenshotTool_watermark__pBzRo{padding:.5em 1.2em .7em;font-size:.75em;text-align:right;border-top:1px solid rgba(255,255,255,.06);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:900px){.CodeScreenshotTool_root__4Z7en{flex-direction:column}.CodeScreenshotTool_panel__tsyPi{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid #222}.CodeScreenshotTool_previewArea__wmla1{padding:1rem}}