.editor-container[data-v-2f852b7b]{display:flex;flex-direction:row;gap:15px;margin-bottom:15px;flex:1;overflow:hidden;height:100%}.editor[data-v-2f852b7b]{flex:1;min-width:300px;max-width:50%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd;border-radius:4px;background-color:#fdfdfd}.input-editor textarea[data-v-2f852b7b]{width:100%;height:100%;padding:10px;border:none;resize:none;outline:none;font-family:Courier New,monospace;font-size:14px;line-height:1.4}.output-editor[data-v-2f852b7b]{display:flex;flex-direction:column;overflow:hidden}.right-panel[data-v-2f852b7b]{display:flex;flex-direction:column;height:100%}.editor-header[data-v-2f852b7b]{padding:10px;border-bottom:1px solid #eee;flex-shrink:0}.editor-actions[data-v-2f852b7b]{display:flex;gap:8px}.editor-actions button[data-v-2f852b7b]{padding:5px 10px;font-size:12px;background-color:#3498db}.editor-actions button[data-v-2f852b7b]:hover{background-color:#2980b9}.icon-selection[data-v-2f852b7b]{flex-shrink:0}.output-container[data-v-2f852b7b]{flex:1;height:100%;overflow:auto;background-color:#f5f5f5;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.output-error[data-v-2f852b7b]{color:red;margin:0;white-space:pre-wrap;word-wrap:break-word}.output-highlight[data-v-2f852b7b]{margin:0;white-space:pre-wrap;word-wrap:break-word}.output-highlight .key[data-v-2f852b7b]{color:#92278f;font-weight:700}.output-highlight .string[data-v-2f852b7b]{color:#3ab54a}.output-highlight .number[data-v-2f852b7b]{color:#25aae2}.output-highlight .boolean[data-v-2f852b7b]{color:#f98280}.output-highlight .null[data-v-2f852b7b]{color:red}.ti[data-v-2f852b7b]{font-size:18px;vertical-align:middle}@media (max-width: 768px){.editor-container[data-v-2f852b7b]{flex-direction:column;height:auto}.editor[data-v-2f852b7b]{min-width:unset;max-width:unset}.editor[data-v-2f852b7b]:not(:last-child){margin-bottom:15px}.output-container[data-v-2f852b7b]{min-height:200px}}@media (max-width: 480px){.editor-container[data-v-2f852b7b]{gap:10px}.editor-header[data-v-2f852b7b]{padding:8px}.editor-actions[data-v-2f852b7b]{flex-wrap:wrap}.editor-actions button[data-v-2f852b7b]{padding:4px 8px;font-size:11px}.output-container[data-v-2f852b7b]{padding:8px;font-size:12px}}.editor-container[data-v-240342a4]{display:flex;gap:15px;margin-bottom:15px;flex:1;overflow:hidden}.editor[data-v-240342a4]{flex:1;min-width:300px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd;border-radius:4px;background-color:#fdfdfd}.editor-header[data-v-240342a4]{display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd}.editor-actions[data-v-240342a4]{display:flex;gap:8px}.editor-actions button[data-v-240342a4]{padding:5px 10px;font-size:12px;background-color:#3498db;color:#fff}.editor-actions button[data-v-240342a4]:hover{background-color:#2980b9}button[data-v-240342a4]{padding:8px 12px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .3s}button[data-v-240342a4]:hover{background-color:#219653}button[data-v-240342a4]:active{background-color:#1e8449}.status-message[data-v-240342a4]{padding:8px;border-radius:4px;text-align:center;font-size:13px}.status-message.success[data-v-240342a4]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error[data-v-240342a4]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.info[data-v-240342a4]{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}button[data-v-240342a4]{padding:8px 16px;background-color:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .3s}button[data-v-240342a4]:hover{background-color:#d0d0d0}button[data-v-240342a4]:active{background-color:silver}.tool-guidance[data-v-240342a4]{margin:15px 0;padding:12px;background-color:#f8f9fa;border-radius:5px}.tool-guidance h2[data-v-240342a4]{margin-bottom:8px;color:#27ae60;font-size:18px}.tool-guidance p[data-v-240342a4]{color:#7f8c8d;font-size:13px}@media (max-width: 768px){.editor-container[data-v-240342a4]{flex-direction:column}}.editor-container[data-v-e9e5d40f]{display:flex;gap:15px;margin-bottom:15px;flex:1;overflow:hidden}.editor[data-v-e9e5d40f]{flex:1;min-width:300px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd;border-radius:4px;background-color:#fdfdfd}.editor-header[data-v-e9e5d40f]{display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd}.editor-actions[data-v-e9e5d40f]{display:flex;gap:8px}.editor-actions button[data-v-e9e5d40f]{padding:5px 10px;font-size:12px;background-color:#3498db;color:#fff}.editor-actions button[data-v-e9e5d40f]:hover{background-color:#2980b9}button[data-v-e9e5d40f]{padding:8px 12px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .3s,transform .2s,box-shadow .2s}button.primary[data-v-e9e5d40f]{background-color:#27ae60}button.primary[data-v-e9e5d40f]:hover{background-color:#219653}button.primary[data-v-e9e5d40f]:active{background-color:#1e8449}button.secondary[data-v-e9e5d40f]{background-color:#3498db;font-size:12px}button.secondary[data-v-e9e5d40f]:hover{background-color:#2980b9}.tool-guidance[data-v-e9e5d40f]{margin:15px 0;padding:12px;background-color:#f8f9fa;border-radius:5px}.tool-guidance h2[data-v-e9e5d40f]{margin-bottom:8px;color:#27ae60;font-size:18px}.tool-guidance p[data-v-e9e5d40f]{color:#7f8c8d;font-size:13px}.dragover[data-v-e9e5d40f]{background-color:#eef0ff;border-color:#4e54c8}@media (max-width: 768px){.editor-container[data-v-e9e5d40f]{flex-direction:column}}.timestamp-converter[data-v-1a0660b9]{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;max-width:800px;margin:0 auto;width:100%}.converter-container[data-v-1a0660b9]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-1a0660b9]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-1a0660b9]{font-weight:700;color:#333}.input-with-actions[data-v-1a0660b9]{display:flex;gap:10px}.input-with-actions input[data-v-1a0660b9]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.actions[data-v-1a0660b9]{display:flex;gap:5px}.actions button[data-v-1a0660b9]{padding:10px 15px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.actions button[data-v-1a0660b9]:hover{background-color:#2980b9}.result-container[data-v-1a0660b9]{display:flex;flex-direction:column;align-items:center;gap:15px}.result-message[data-v-1a0660b9]{padding:10px 20px;border-radius:4px;text-align:center;width:100%;max-width:400px}.result-message.success[data-v-1a0660b9]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-message.error[data-v-1a0660b9]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.clear-button[data-v-1a0660b9]{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.clear-button[data-v-1a0660b9]:hover{background-color:#219653}@media (max-width: 768px){.timestamp-converter[data-v-1a0660b9]{padding:15px;gap:15px}.input-with-actions[data-v-1a0660b9]{flex-direction:column}.actions[data-v-1a0660b9]{justify-content:flex-end}.actions button[data-v-1a0660b9]{padding:8px 12px}}@media (max-width: 480px){.timestamp-converter[data-v-1a0660b9]{padding:10px;gap:12px}.input-with-actions input[data-v-1a0660b9]{padding:8px;font-size:13px}.actions button[data-v-1a0660b9]{padding:6px 10px;font-size:12px}.result-message[data-v-1a0660b9]{padding:8px 15px;font-size:13px}.clear-button[data-v-1a0660b9]{padding:8px 16px;font-size:13px}}.logo-container[data-v-e0abe3c3]{display:flex;align-items:center}.logo-container img[data-v-e0abe3c3]{width:50px;height:auto;margin-right:10px}.logo-text[data-v-e0abe3c3]{font-size:24px;font-weight:700;color:#27ae60}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#333;background-color:#f5f5f5;font-size:14px;display:flex;flex-direction:column;overflow:hidden}#app{flex:1;display:flex;flex-direction:column;background-color:#fff;width:100%;height:100%;padding:15px}header{text-align:center;margin-bottom:5px;padding:0;border-bottom:1px solid #eee}header h1{color:#27ae60;margin-bottom:5px;font-size:24px}header p{color:#7f8c8d;font-size:13px}.header-content{display:flex;justify-content:space-between;align-items:center;padding:5px 0;margin-top:-20px!important}.logo{font-size:24px;font-weight:700;color:#27ae60}.right-section{display:flex;align-items:center;gap:15px}.nav{display:flex;gap:12px}.nav a{text-decoration:none;color:#333;font-size:14px;padding:3px 8px;border-radius:4px;transition:background-color .3s}.nav a:hover{background-color:#f0f0f0}.search-container{display:flex;align-items:center}.search-box{padding:6px 10px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;width:160px}.search-btn{padding:6px 10px;background-color:#27ae60;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}.search-btn:hover{background-color:#219653}.description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.main-nav{margin-bottom:15px}.main-nav ul{display:flex;list-style:none;padding:0;margin:0;background-color:#f8f9fa;border-radius:5px;width:fit-content;box-shadow:0 2px 4px #0000001a}.main-nav li{text-align:center;padding:0 20px;cursor:pointer;transition:all .3s;font-size:14px;border-right:1px solid #e9ecef;position:relative;height:40px;display:flex;align-items:center;justify-content:center}.main-nav li:last-child{border-right:none}.main-nav li:hover{background-color:#d6d8d9}.main-nav li.active{background-color:#27ae60;color:#fff}.dropdown{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px}.dropdown.active{background-color:#27ae60;color:#fff}.dropbtn{background:none;color:inherit;padding:0;font-size:14px;border:none;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:background-color .3s;background-color:transparent}.dropbtn:hover{background-color:#d6d8d9}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1000;border-radius:4px;left:0;right:0;top:100%;margin-top:2px;overflow:hidden}.dropdown-content.show{display:block}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;font-size:13px;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#f5f5f5}.dropdown-content a.active{background-color:#27ae60;color:#fff}.main-nav li{-webkit-user-select:none;user-select:none}.nav-link{display:block;padding:8px 12px;color:#34495e;text-decoration:none;border-radius:4px;transition:all .3s;font-size:13px}.nav-link:hover{background-color:#bdc3c7}.nav-link.active{background-color:#27ae60;color:#fff}main{flex:1;display:flex;flex-direction:column;overflow:hidden}.home-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto}.home-page h2{color:#27ae60;margin-bottom:10px}.home-page p{color:#7f8c8d;margin-bottom:30px;text-align:center}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;max-width:800px}.tool-card{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;border:1px solid #e9ecef}.tool-card:hover{background-color:#e9ecef;transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.tool-card h3{color:#27ae60;margin-bottom:10px}.tool-card p{color:#7f8c8d;font-size:13px;margin:0}.tool-component{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;overflow:hidden}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:5px}button{padding:8px 12px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .3s}button:hover{background-color:#219653}button:active{background-color:#1e8449}.tool-guidance{margin:15px 0;padding:12px;background-color:#f8f9fa;border-radius:5px}.tool-guidance h2{margin-bottom:8px;color:#27ae60;font-size:18px}.tool-guidance p{color:#7f8c8d;font-size:13px}.editor-container{display:flex;gap:15px;margin-bottom:15px;flex:1;overflow:hidden}.editor{flex:1;min-width:300px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd;border-radius:4px;background-color:#fdfdfd}.editor-header{display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd}.editor-actions{display:flex;gap:8px}.editor-actions button{padding:5px 10px;font-size:12px;background-color:#3498db}.editor-actions button:hover{background-color:#2980b9}textarea{width:100%;flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Courier New,monospace;font-size:13px;resize:none;background-color:#fdfdfd;overflow:auto}.status-bar{padding:8px;min-height:20px}.status-message{padding:8px;border-radius:4px;text-align:center;font-size:13px}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}footer{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee;color:#7f8c8d;font-size:12px}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001;width:40px;height:40px;border-radius:5px;background-color:#ffffffe6;box-shadow:0 2px 5px #0000001a}.hamburger-icon span{display:block;width:25px;height:3px;background-color:#333;margin:4px 0;transition:.4s}.mobile-sidebar{display:none;position:fixed;left:-250px;top:0;width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px #0000001a;z-index:1001;transition:left .3s ease;overflow-y:auto}.mobile-sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.sidebar-header .logo{font-size:20px;margin:0}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav li{padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .3s}.mobile-nav li:hover{background-color:#f5f5f5}.mobile-nav li.active{background-color:#27ae60;color:#fff}.mobile-nav .dropdown-content{display:none;padding-left:15px}.mobile-nav .dropdown-content.show{display:block}.mobile-nav .dropdown-content a{display:block;padding:10px 15px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0}.mobile-nav .dropdown-content a:last-child{border-bottom:none}.mobile-nav .dropdown-content a.active{background-color:#27ae60;color:#fff}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}@media (max-width: 768px){.editor-container{flex-direction:column}.toolbar{justify-content:center}.main-nav{display:none}.mobile-menu-toggle,.mobile-sidebar,.overlay{display:block}.main-nav ul{flex-direction:column;width:100%}.main-nav li{border-right:none;border-bottom:1px solid #e9ecef;padding:0}.main-nav li:last-child{border-bottom:none}body{font-size:13px}header h1{font-size:20px}#app{padding:10px}.tools-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:10px;margin-top:0!important}.right-section{width:100%;flex-direction:column;gap:10px}.nav{flex-wrap:wrap;justify-content:center}.search-container,.search-box{width:100%}.dropdown,.main-nav li{width:100%;justify-content:center;padding:0}.home-page{padding:10px}.sections{flex-direction:column;gap:15px}.section{padding:10px}.tool-component{flex-direction:column}.editor{min-width:unset}}@media (max-width: 480px){#app{padding:5px}.main-nav li{height:auto;padding:10px 0}.dropbtn{padding:10px 0}.dropdown-content a{padding:10px}.editor-actions{flex-wrap:wrap}button{padding:6px 8px;font-size:12px}.logo{font-size:20px}.mobile-sidebar{width:200px}}.logo-image{display:block;margin:0 auto;width:250px;height:250px}h1{font-size:2em;text-align:center;margin:20px 0}p{font-size:1em;text-align:center;color:#7f8c8d}.learn-button{display:block;margin:20px auto;padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s}.learn-button:hover{background-color:#219653}.sections{display:flex;justify-content:space-around;margin-top:40px}.section{flex:1;text-align:center;padding:20px}.section h2{font-size:1.2em;margin-bottom:10px}.section p{font-size:.9em;line-height:1.5}