@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap";:root{--bg-page: #1A1A1A;--bg-card: #0D0D0D;--bg-surface: #2D2D2D;--border: #3D3D3D;--gray-500: #444444;--gray-600: #666666;--orange-primary: #FF6B35;--teal-success: #00D4AA;--white-primary: #FFFFFF;--font-mono: "JetBrains Mono", monospace;--font-display: "Oswald", sans-serif;font-family:var(--font-mono);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--white-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--orange-primary);text-decoration:none}a:hover{color:#ff7d4d}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0}button{border-radius:0;border:none;font-family:var(--font-mono);cursor:pointer}input,select,textarea{font-family:var(--font-mono);border-radius:0}._sidebar_1khzn_1{width:240px;flex-shrink:0;background:#0d0d0d;padding:24px;display:flex;flex-direction:column;gap:32px;height:100%;overflow-y:auto}._logoSection_1khzn_13{display:flex;flex-direction:column;gap:8px}._sysLabel_1khzn_19{font-family:JetBrains Mono,monospace;font-size:10px;color:#ff6b35}._logoText_1khzn_25{font-family:Oswald,sans-serif;font-size:24px;font-weight:600;letter-spacing:2px;color:#fff;margin:0}._versionTag_1khzn_34{font-family:JetBrains Mono,monospace;font-size:10px;color:#666}._divider_1khzn_40{height:1px;background:#3d3d3d;width:100%}._fontSection_1khzn_46{display:flex;flex-direction:column;gap:16px}._dropZone_1khzn_52{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:120px;background:#2d2d2d;border:1px solid #3D3D3D;cursor:pointer;transition:all .2s}._dropZone_1khzn_52:hover,._dropZoneActive_1khzn_66{border-color:#ff6b35;background:#ff6b351a}._dropIcon_1khzn_71{width:32px;height:32px;color:#666}._dropZone_1khzn_52:hover ._dropIcon_1khzn_71,._dropZoneActive_1khzn_66 ._dropIcon_1khzn_71{color:#ff6b35}._dropText_1khzn_82{font-family:JetBrains Mono,monospace;font-size:12px;color:#666}._dropHint_1khzn_88{font-family:JetBrains Mono,monospace;font-size:10px;color:#ff6b35}._cachedSection_1khzn_94{display:flex;flex-direction:column;gap:12px}._dropdown_1khzn_100{position:relative}._dropdownButton_1khzn_104{width:100%;height:40px;padding:0 12px;background:#2d2d2d;border:1px solid #3D3D3D;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}._dropdownButton_1khzn_104:hover{border-color:#ff6b35}._chevron_1khzn_124{width:16px;height:16px;color:#666;transition:transform .2s}._chevronOpen_1khzn_131{transform:rotate(180deg)}._dropdownList_1khzn_135{position:absolute;top:100%;left:0;right:0;background:#2d2d2d;border:1px solid #3D3D3D;border-top:none;z-index:100;max-height:200px;overflow-y:auto}._dropdownItem_1khzn_148{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;color:#fff;transition:background .2s}._dropdownItem_1khzn_148:hover{background:#ff6b351a}._dropdownItemActive_1khzn_165{background:#ff6b35;color:#0d0d0d}._dropdownItemActive_1khzn_165:hover{background:#ff6b35}._fontActions_1khzn_174{display:flex;align-items:center;gap:8px}._checkIcon_1khzn_180{width:14px;height:14px}._deleteBtn_1khzn_185{width:20px;height:20px;background:transparent;border:none;cursor:pointer;padding:2px;opacity:.5;transition:opacity .2s}._deleteBtn_1khzn_185:hover{opacity:1}._deleteBtn_1khzn_185 svg{width:100%;height:100%;color:currentColor}._emptyMessage_1khzn_206{padding:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:#666;text-align:center}._section_i4r1i_1{display:flex;flex-direction:column;gap:12px;width:100%}._sectionLabel_i4r1i_8{font-family:JetBrains Mono,monospace;font-size:10px;color:#666;margin-bottom:4px}._row_i4r1i_15{display:flex;align-items:center;gap:12px;width:100%}._label_i4r1i_22{font-family:JetBrains Mono,monospace;font-size:11px;color:#666;min-width:120px;flex-shrink:0}._input_i4r1i_30{flex:1;height:36px;padding:0 12px;background:#2d2d2d;border:1px solid #3D3D3D;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;outline:none;transition:border-color .2s}._input_i4r1i_30:focus{border-color:#ff6b35}._select_i4r1i_47{flex:1;height:36px;padding:0 36px 0 12px;background:#2d2d2d;border:1px solid #3D3D3D;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}._select_i4r1i_47:focus{border-color:#ff6b35}._colorWrapper_i4r1i_69{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:#2d2d2d;border:1px solid #3D3D3D}._colorSwatch_i4r1i_80{width:20px;height:20px;padding:0;border:none;cursor:pointer;background:none}._colorSwatch_i4r1i_80::-webkit-color-swatch-wrapper{padding:0}._colorSwatch_i4r1i_80::-webkit-color-swatch{border:none;border-radius:0}._colorText_i4r1i_98{flex:1;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;outline:none}._toggle_i4r1i_108{width:40px;height:20px;padding:2px;background:#2d2d2d;border:1px solid #3D3D3D;cursor:pointer;position:relative;display:flex;align-items:center}._toggle_i4r1i_108._toggleOn_i4r1i_120{background:#ff6b35;border-color:#ff6b35;justify-content:flex-end}._toggleThumb_i4r1i_126{width:16px;height:16px;background:#444;transition:transform .2s}._toggle_i4r1i_108._toggleOn_i4r1i_120 ._toggleThumb_i4r1i_126{background:#0d0d0d}._controlsPanel_1h575_1{display:flex;flex-direction:column;gap:24px;height:100%;background:#0d0d0d;padding:24px 0 24px 24px;border-left:1px solid #3D3D3D;border-right:1px solid #3D3D3D;width:400px;flex-shrink:0;overflow:hidden}._header_1h575_15{display:flex;flex-direction:column;gap:8px}._sysLabel_1h575_21{font-family:JetBrains Mono,monospace;font-size:10px;color:#ff6b35}._title_1h575_27{font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;color:#fff;margin:0}._scrollContainer_1h575_36{flex:1;overflow-y:auto;padding-right:16px;display:flex;flex-direction:column;gap:20px}._scrollContainer_1h575_36::-webkit-scrollbar{width:6px}._scrollContainer_1h575_36::-webkit-scrollbar-track{background:#2d2d2d}._scrollContainer_1h575_36::-webkit-scrollbar-thumb{background:#444}._section_1h575_57{display:flex;flex-direction:column;gap:12px;width:100%}._sectionLabel_1h575_64{font-family:JetBrains Mono,monospace;font-size:10px;color:#666}._previewPanel_1ofyd_1{flex:1;background:#1a1a1a;padding:32px;display:flex;flex-direction:column;gap:24px;height:100%;overflow:hidden}._header_1ofyd_12{display:flex;align-items:center;justify-content:space-between}._titleBlock_1ofyd_18{display:flex;flex-direction:column;gap:8px}._sysLabel_1ofyd_24{font-family:JetBrains Mono,monospace;font-size:10px;color:#ff6b35}._title_1ofyd_18{font-family:Oswald,sans-serif;font-size:20px;font-weight:600;letter-spacing:1px;color:#fff;margin:0}._exportButtons_1ofyd_39{display:flex;gap:8px}._btn_1ofyd_44{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:none;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}._btn_1ofyd_44 svg{width:16px;height:16px}._btnSecondary_1ofyd_62{background:#2d2d2d;color:#fff;border:1px solid #3D3D3D}._btnSecondary_1ofyd_62:hover{border-color:#ff6b35;background:#ff6b351a}._btnPrimary_1ofyd_73{background:#ff6b35;color:#0d0d0d}._btnPrimary_1ofyd_73:hover{background:#ff7d4d}._canvas_1ofyd_82{flex:1;background:#0d0d0d;border:1px solid #3D3D3D;display:flex;flex-direction:column;position:relative;min-height:300px}._canvasLabel_1ofyd_92{position:absolute;top:16px;left:16px;font-family:JetBrains Mono,monospace;font-size:10px;color:#444;z-index:10}._footer_1ofyd_102{display:flex;align-items:center;justify-content:space-between}._sampleInput_1ofyd_108{flex:1;display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;background:#2d2d2d;border:1px solid #3D3D3D;transition:border-color .2s}._sampleInput_1ofyd_108:focus-within{border-color:#ff6b35}._sampleInput_1ofyd_108 svg{width:16px;height:16px;color:#ff6b35;flex-shrink:0}._sampleInput_1ofyd_108 input{flex:1;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:13px;outline:none}._sampleInput_1ofyd_108 input::placeholder{color:#666}._inputHint_1ofyd_145{font-family:JetBrains Mono,monospace;font-size:10px;color:#666;flex-shrink:0}._container_rtpn9_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-height:100vh;padding:32px;background:#1a1a1a}._iconBox_rtpn9_12{width:80px;height:80px;background:#0d0d0d;border:1px solid #3D3D3D;display:flex;align-items:center;justify-content:center}._iconBox_rtpn9_12 svg{width:40px;height:40px;color:#ff6b35}._content_rtpn9_28{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}._sysLabel_rtpn9_36{font-family:JetBrains Mono,monospace;font-size:10px;color:#ff6b35;text-align:center}._title_rtpn9_43{font-family:Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:2px;color:#fff;margin:0;text-align:center}._description_rtpn9_53{font-family:JetBrains Mono,monospace;font-size:13px;color:#666;line-height:1.6;text-align:center;max-width:300px;margin:0}._codeBlock_rtpn9_63{display:flex;flex-direction:column;gap:8px;padding:20px;background:#0d0d0d;border:1px solid #3D3D3D;width:100%;max-width:300px}._codeLine_rtpn9_74{font-family:JetBrains Mono,monospace;font-size:11px;color:#666}._codeLineHighlight_rtpn9_80{font-family:JetBrains Mono,monospace;font-size:11px;color:#ff6b35}._features_rtpn9_86{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}._featuresLabel_rtpn9_94{font-family:JetBrains Mono,monospace;font-size:10px;color:#666}._feature_rtpn9_86{display:flex;align-items:center;gap:12px}._feature_rtpn9_86 svg{width:16px;height:16px;color:#00d4aa;flex-shrink:0}._feature_rtpn9_86 span{font-family:JetBrains Mono,monospace;font-size:11px;color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:JetBrains Mono,monospace;background:#1a1a1a;color:#fff}.app{display:flex;width:100%;height:100vh;background:#1a1a1a}.main-content{display:flex;flex:1;height:100%;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#444}::-webkit-scrollbar-thumb:hover{background:#555}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*:focus{outline:none}*:focus-visible{outline:2px solid #FF6B35;outline-offset:2px}::selection{background:#ff6b35;color:#0d0d0d}