@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Mono:wght@400;500;700&family=Inter:wght@400;500;600&display=swap";._GzYRV{line-height:1.2;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{font-size:1.2em;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{font-weight:600;margin-right:5px;color:#000}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{font-weight:bolder;margin-right:5px;color:#fdf6e3}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}.welcome-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-out}.welcome-hero{text-align:center;padding:60px 20px;margin-bottom:40px;width:100%;position:relative;overflow:hidden}.welcome-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,var(--logo-color) 0%,transparent 70%);opacity:.05;pointer-events:none}.welcome-logo{font-family:"Press Start 2P",var(--font-family);font-size:32px;color:var(--logo-color);text-shadow:var(--logo-glow);margin-bottom:16px;letter-spacing:2px;animation:pulse 3s ease-in-out infinite}.welcome-logo-pixel{font-family:var(--font-family);font-size:48px;font-weight:700;color:var(--logo-color);text-shadow:2px 2px 0 var(--border-color),4px 4px 0 rgba(0,0,0,.2),var(--logo-glow);letter-spacing:4px;margin-bottom:16px;image-rendering:pixelated}.welcome-tagline{font-size:18px;color:var(--sidebar-fg);max-width:500px;margin:0 auto;line-height:1.6}.welcome-stats{display:flex;justify-content:center;gap:40px;margin-top:30px}.welcome-stat{text-align:center}.welcome-stat-number{font-size:32px;font-weight:700;color:var(--logo-color);display:block}.welcome-stat-label{font-size:12px;color:var(--sidebar-fg);text-transform:uppercase;letter-spacing:1px}.welcome-search{width:100%;max-width:500px;margin-bottom:40px;position:relative}.welcome-search-input{width:100%;padding:14px 20px 14px 48px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--input-fg);font-size:15px;transition:all var(--transition-fast)}.welcome-search-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #528bff1a}.welcome-search-input::placeholder{color:var(--input-placeholder)}.welcome-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--input-placeholder);width:20px;height:20px}.welcome-categories{width:100%}.welcome-category{margin-bottom:32px}.welcome-category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.welcome-category-icon{width:24px;height:24px;color:var(--logo-color)}.welcome-category-title{font-size:16px;font-weight:600;color:var(--editor-fg)}.welcome-category-count{font-size:12px;color:var(--sidebar-fg);background-color:var(--sidebar-item-hover);padding:2px 8px;border-radius:10px}.welcome-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.welcome-tool-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:var(--card-bg);border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.welcome-tool-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color var(--transition-fast)}.welcome-tool-card:hover{background-color:var(--card-hover);border-color:var(--input-focus-border);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.welcome-tool-card:hover:before{background-color:var(--logo-color)}.welcome-tool-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--sidebar-item-hover);border-radius:6px;color:var(--logo-color);flex-shrink:0}.welcome-tool-icon svg{width:18px;height:18px}.welcome-tool-info{flex:1;min-width:0}.welcome-tool-name{font-size:14px;font-weight:500;color:var(--editor-fg);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-tool-desc{font-size:11px;color:var(--sidebar-fg);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-tool-favorite{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--sidebar-fg);opacity:0;transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.welcome-tool-card:hover .welcome-tool-favorite{opacity:.6}.welcome-tool-favorite:hover{opacity:1!important;background-color:var(--sidebar-item-hover)}.welcome-tool-favorite.active{opacity:1;color:var(--warning)}.welcome-tool-favorite svg{width:14px;height:14px}.welcome-quick-actions{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.welcome-quick-action{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--button-secondary-bg);color:var(--button-secondary-fg);border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all var(--transition-fast)}.welcome-quick-action:hover{background-color:var(--button-secondary-hover);transform:translateY(-1px)}.welcome-quick-action svg{width:16px;height:16px}.welcome-tips{margin-top:40px;padding:20px;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;text-align:center}.welcome-tips-title{font-size:12px;font-weight:600;color:var(--sidebar-fg);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.welcome-tips-list{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.welcome-tip{font-size:12px;color:var(--sidebar-fg)}.welcome-tip kbd{display:inline-block;padding:2px 6px;margin:0 2px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;font-family:var(--font-family);font-size:11px}@media(max-width:768px){.welcome-hero{padding:40px 16px}.welcome-logo-pixel{font-size:32px}.welcome-stats{gap:24px}.welcome-stat-number{font-size:24px}.welcome-tools-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}:root{--font-family: "Consolas", "Courier New", monospace;--font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--border-radius: 4px;--transition-fast: .15s ease;--transition-normal: .25s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}[data-theme=dark]{--editor-bg: #1e1e1e;--editor-fg: #abb2bf;--editor-line-highlight: #2c313c;--editor-selection: #3e4451;--editor-cursor: #528bff;--sidebar-bg: #21252b;--sidebar-fg: #abb2bf;--sidebar-item-hover: #2c313c;--sidebar-item-active: #3e4451;--activity-bar-bg: #21252b;--activity-bar-fg: #636d83;--activity-bar-active: #d7dae0;--activity-bar-border: #181a1f;--titlebar-bg: #21252b;--titlebar-fg: #9da5b4;--titlebar-active-fg: #ffffff;--menu-bg: #21252b;--menu-fg: #cccccc;--menu-hover-bg: #3e4451;--menu-separator: #3e4451;--menu-border: #454545;--dropdown-bg: #21252b;--dropdown-fg: #cccccc;--dropdown-hover-bg: #094771;--dropdown-border: #454545;--dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .4);--tab-bar-bg: #21252b;--tab-bg: #21252b;--tab-active-bg: #1e1e1e;--tab-hover-bg: #2c313c;--tab-fg: #9da5b4;--tab-active-fg: #ffffff;--tab-border: #181a1f;--tab-active-border: #528bff;--statusbar-bg: #21252b;--statusbar-fg: #9da5b4;--statusbar-item-hover: #3e4451;--statusbar-border: #181a1f;--input-bg: #1e1e1e;--input-fg: #cccccc;--input-border: #3e4451;--input-focus-border: #528bff;--input-placeholder: #636d83;--button-primary-bg: #528bff;--button-primary-fg: #ffffff;--button-primary-hover: #6b9dff;--button-secondary-bg: #3e4451;--button-secondary-fg: #cccccc;--button-secondary-hover: #4e5666;--scrollbar-bg: transparent;--scrollbar-thumb: #424751;--scrollbar-thumb-hover: #5a6069;--syntax-keyword: #c678dd;--syntax-string: #98c379;--syntax-number: #d19a66;--syntax-function: #61afef;--syntax-variable: #e5c07b;--syntax-comment: #5c6370;--syntax-operator: #56b6c2;--syntax-property: #e06c75;--success: #98c379;--warning: #e5c07b;--error: #e06c75;--info: #61afef;--border-color: #181a1f;--shadow-color: rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .5);--panel-bg: #21252b;--panel-border: #181a1f;--card-bg: #282c34;--card-hover: #2c313c;--logo-color: #61afef;--logo-glow: 0 0 20px rgba(97, 175, 239, .3)}[data-theme=light]{--editor-bg: #ffffff;--editor-fg: #24292e;--editor-line-highlight: #f3f4f6;--editor-selection: #add6ff;--editor-cursor: #005cc5;--sidebar-bg: #f3f3f3;--sidebar-fg: #616161;--sidebar-item-hover: #e8e8e8;--sidebar-item-active: #d6d6d6;--activity-bar-bg: #2c2c2c;--activity-bar-fg: #ffffff80;--activity-bar-active: #ffffff;--activity-bar-border: #333333;--titlebar-bg: #dddddd;--titlebar-fg: #333333;--titlebar-active-fg: #111111;--menu-bg: #ffffff;--menu-fg: #333333;--menu-hover-bg: #e8e8e8;--menu-separator: #d4d4d4;--menu-border: #c8c8c8;--dropdown-bg: #ffffff;--dropdown-fg: #333333;--dropdown-hover-bg: #0060c0;--dropdown-border: #c8c8c8;--dropdown-shadow: 0 4px 16px rgba(0, 0, 0, .16);--tab-bar-bg: #ececec;--tab-bg: #ececec;--tab-active-bg: #ffffff;--tab-hover-bg: #e0e0e0;--tab-fg: #5f6a79;--tab-active-fg: #333333;--tab-border: #e5e5e5;--tab-active-border: #005cc5;--statusbar-bg: #007acc;--statusbar-fg: #ffffff;--statusbar-item-hover: #1f8ad2;--statusbar-border: #16825d;--input-bg: #ffffff;--input-fg: #3b3b3b;--input-border: #cecece;--input-focus-border: #0066b8;--input-placeholder: #a0a0a0;--button-primary-bg: #007acc;--button-primary-fg: #ffffff;--button-primary-hover: #0062a3;--button-secondary-bg: #e5e5e5;--button-secondary-fg: #3b3b3b;--button-secondary-hover: #cccccc;--scrollbar-bg: transparent;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #929292;--syntax-keyword: #af00db;--syntax-string: #a31515;--syntax-number: #098658;--syntax-function: #795e26;--syntax-variable: #001080;--syntax-comment: #008000;--syntax-operator: #0000ff;--syntax-property: #e06c75;--success: #16825d;--warning: #dbb12a;--error: #d73a49;--info: #007acc;--border-color: #e5e5e5;--shadow-color: rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .3);--panel-bg: #f3f3f3;--panel-border: #e5e5e5;--card-bg: #ffffff;--card-hover: #f3f4f6;--logo-color: #007acc;--logo-glow: 0 0 20px rgba(0, 122, 204, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family-ui);font-size:13px;line-height:1.5;background-color:var(--editor-bg);color:var(--editor-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--editor-selection)}:focus-visible{outline:1px solid var(--input-focus-border);outline-offset:-1px}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.bg-info{background-color:var(--info)}.json-highlighter{background:transparent}[data-theme=dark] .json-key{color:#e06c75}[data-theme=dark] .json-string{color:#98c379}[data-theme=dark] .json-number{color:#d19a66}[data-theme=dark] .json-boolean{color:#c678dd}[data-theme=dark] .json-bracket{color:#abb2bf}[data-theme=light] .json-key{color:#001080;font-weight:600}[data-theme=light] .json-string{color:#a31515}[data-theme=light] .json-number{color:#098658}[data-theme=light] .json-boolean{color:#af00db}[data-theme=light] .json-bracket{color:#24292e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-content{display:flex;flex:1;overflow:hidden}.titlebar{display:flex;align-items:center;height:35px;background-color:var(--titlebar-bg);border-bottom:1px solid var(--border-color);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.titlebar-logo{display:flex;align-items:center;padding:0 var(--spacing-md);height:100%}.titlebar-logo-text{font-family:"Press Start 2P",var(--font-family);font-size:11px;color:var(--logo-color);text-shadow:var(--logo-glow);letter-spacing:-.5px;cursor:default}.logo-pixel{font-family:var(--font-family);font-size:13px;font-weight:700;color:var(--logo-color);text-shadow:1px 1px 0 var(--border-color),var(--logo-glow);image-rendering:pixelated}.menu-bar{display:flex;align-items:center;flex:1;height:100%;-webkit-app-region:no-drag}.menu-item{position:relative;padding:0 var(--spacing-sm);height:100%;display:flex;align-items:center;color:var(--menu-fg);cursor:pointer;transition:background-color var(--transition-fast);font-size:13px}.menu-item:hover,.menu-item.active{background-color:var(--menu-hover-bg)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:200px;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow);z-index:var(--z-dropdown);animation:slideDown .1s ease-out}.menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);color:var(--dropdown-fg);cursor:pointer;transition:background-color var(--transition-fast);font-size:13px;white-space:nowrap}.menu-dropdown-item:hover{background-color:var(--dropdown-hover-bg);color:#fff}.menu-dropdown-item .shortcut{margin-left:var(--spacing-xl);opacity:.6;font-size:12px}.menu-dropdown-item .submenu-arrow{margin-left:auto;padding-left:var(--spacing-md)}.menu-dropdown-separator{height:1px;background-color:var(--menu-separator);margin:var(--spacing-xs) 0}.menu-dropdown-item.has-submenu{position:relative}.submenu{position:absolute;left:100%;top:0;min-width:200px;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow);animation:slideDown .1s ease-out}.theme-toggle{display:flex;align-items:center;justify-content:center;width:35px;height:100%;cursor:pointer;color:var(--menu-fg);transition:background-color var(--transition-fast);margin-left:auto;-webkit-app-region:no-drag}.theme-toggle:hover{background-color:var(--menu-hover-bg)}.theme-toggle svg{width:16px;height:16px}.activity-bar{display:flex;flex-direction:column;width:48px;background-color:var(--activity-bar-bg);border-right:1px solid var(--activity-bar-border)}.activity-bar-top{display:flex;flex-direction:column;flex:1}.activity-bar-bottom{display:flex;flex-direction:column;padding-bottom:var(--spacing-sm)}.activity-bar-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--activity-bar-fg);cursor:pointer;transition:color var(--transition-fast);position:relative}.activity-bar-item:hover,.activity-bar-item.active{color:var(--activity-bar-active)}.activity-bar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--activity-bar-active)}.activity-bar-item svg{width:24px;height:24px}.sidebar{display:flex;flex-direction:column;min-width:150px;max-width:500px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:0;border-right:none}.sidebar-resizer{width:4px;cursor:ew-resize;background:transparent;transition:background-color .15s ease;flex-shrink:0}.sidebar-resizer:hover,.sidebar-resizer:active{background-color:var(--input-focus-border)}.sidebar-collapsed-trigger{display:flex;align-items:center;justify-content:center;width:20px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);cursor:pointer;color:var(--sidebar-fg);transition:background-color var(--transition-fast);flex-shrink:0}.sidebar-collapsed-trigger:hover{background-color:var(--sidebar-item-hover)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius);cursor:pointer;color:var(--sidebar-fg);background:transparent;border:none;transition:background-color var(--transition-fast)}.sidebar-collapse-btn:hover{background-color:var(--sidebar-item-hover)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);height:35px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sidebar-fg);border-bottom:1px solid var(--border-color)}.sidebar-header-actions{display:flex;gap:var(--spacing-xs)}.sidebar-header-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--border-radius);cursor:pointer;color:var(--sidebar-fg);transition:background-color var(--transition-fast)}.sidebar-header-action:hover{background-color:var(--sidebar-item-hover)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--sidebar-fg);opacity:.7}.sidebar-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.sidebar-empty-text{font-size:12px;line-height:1.6}.sidebar-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);padding-left:var(--spacing-lg);cursor:pointer;color:var(--sidebar-fg);transition:background-color var(--transition-fast);font-size:13px;gap:var(--spacing-sm)}.sidebar-item:hover{background-color:var(--sidebar-item-hover)}.sidebar-item.active{background-color:var(--sidebar-item-active)}.sidebar-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.sidebar-item:hover .sidebar-item-actions{opacity:1}.sidebar-item-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius);border:none;background:transparent;color:var(--sidebar-fg);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-item-action:hover{background-color:var(--sidebar-item-hover)}.sidebar-item.dragging{opacity:.5}.sidebar-item.drag-over{position:relative}.sidebar-item.drag-over:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--logo-color)}.editor-container{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.tab-bar{display:flex;align-items:center;height:35px;background-color:var(--tab-bar-bg);border-bottom:1px solid var(--tab-border);overflow-x:auto;overflow-y:hidden}.tab-bar::-webkit-scrollbar{height:3px}.tab{display:flex;align-items:center;height:100%;padding:0 var(--spacing-md);padding-right:var(--spacing-xs);gap:var(--spacing-sm);background-color:var(--tab-bg);color:var(--tab-fg);border-right:1px solid var(--tab-border);cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap;font-size:13px;min-width:0;max-width:200px;position:relative}.tab:hover{background-color:var(--tab-hover-bg)}.tab.active{background-color:var(--tab-active-bg);color:var(--tab-active-fg)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--tab-active-border)}.tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-title{flex:1;overflow:hidden;text-overflow:ellipsis}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;border-radius:3px;transition:background-color var(--transition-fast);opacity:0;flex-shrink:0;cursor:pointer;color:var(--tab-fg);padding:0;margin:0}.tab:hover .tab-close,.tab.active .tab-close{opacity:.6}.tab-close:hover{background-color:var(--sidebar-item-hover);opacity:1!important}.tab.dragging{opacity:.5}.tab.drag-over{position:relative}.tab.drag-over:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--tab-active-border)}.tab-context-menu{position:fixed;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--border-radius);box-shadow:var(--dropdown-shadow);z-index:var(--z-dropdown);min-width:180px;animation:slideDown .1s ease-out}.tab-context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--dropdown-fg);cursor:pointer;font-size:13px;transition:background-color var(--transition-fast)}.tab-context-menu-item:hover{background-color:var(--dropdown-hover-bg);color:#fff}.tab-context-menu-item:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.tab-context-menu-item:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.editor-content{flex:1;overflow:auto;background-color:var(--editor-bg)}.statusbar{display:flex;align-items:center;justify-content:space-between;height:22px;background-color:var(--statusbar-bg);border-top:1px solid var(--statusbar-border);padding:0 var(--spacing-sm);font-size:12px;color:var(--statusbar-fg);-webkit-user-select:none;user-select:none}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.statusbar-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);height:100%;cursor:default;transition:background-color var(--transition-fast)}.statusbar-item:hover{background-color:var(--statusbar-item-hover)}.statusbar-item svg{width:14px;height:14px}.tool-container{padding:var(--spacing-xl);height:100%;overflow-y:auto}.tool-header{margin-bottom:var(--spacing-xl)}.tool-title{font-size:24px;font-weight:600;color:var(--editor-fg);margin-bottom:var(--spacing-sm)}.tool-description{font-size:14px;color:var(--sidebar-fg);opacity:.8}.tool-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-size:12px;font-weight:500;color:var(--sidebar-fg);text-transform:uppercase;letter-spacing:.5px}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--input-fg);font-family:var(--font-family);font-size:13px;transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--input-focus-border)}.input-field::placeholder{color:var(--input-placeholder)}textarea.input-field{min-height:150px;resize:vertical;line-height:1.6}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.button-primary{background-color:var(--button-primary-bg);color:var(--button-primary-fg)}.button-primary:hover{background-color:var(--button-primary-hover)}.button-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-fg)}.button-secondary:hover{background-color:var(--button-secondary-hover)}.button-icon{background:transparent;color:var(--sidebar-fg);padding:var(--spacing-sm);border-radius:var(--border-radius)}.button-icon:hover{background-color:var(--sidebar-item-hover)}.output-area{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius);padding:var(--spacing-md);font-family:var(--font-family);font-size:13px;line-height:1.6;min-height:150px;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-all}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:900px){.split-panels{grid-template-columns:1fr}}.action-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.action-bar .button{min-width:100px}.favorite-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--input-border);border-radius:var(--border-radius);color:var(--sidebar-fg);cursor:pointer;transition:all var(--transition-fast);font-size:12px}.favorite-button:hover{background-color:var(--sidebar-item-hover);border-color:var(--input-focus-border)}.favorite-button.active{color:var(--warning);border-color:var(--warning)}.favorite-button svg{width:14px;height:14px}@media(max-width:600px){.sidebar,.sidebar-resizer,.sidebar-collapsed-trigger,.menu-bar,.statusbar{display:none!important}.main-content{flex-direction:column}.editor-container{width:100%!important}.tool-container{padding:var(--spacing-md)}.tool-title{font-size:20px}.tab{max-width:120px;padding:0 var(--spacing-sm)}.tab-title{font-size:12px}.titlebar{justify-content:space-between;padding:0 var(--spacing-md)}.titlebar-logo{padding:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}