@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+CZ:wght@100&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Playwrite+HU:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Reddit+Mono:wght@200..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";.tabs-container{display:flex;flex-direction:column;height:100%}.tabs-header{flex-shrink:0;display:flex;padding:2rem 2rem 0;background-color:var(--color-tertiary-bg)}.tab-button{padding:1rem 1.6rem;margin:0;border:none;background:none;cursor:pointer;font-size:16px;transition:background-color .3s;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.tab-button.active{background-color:var(--color-content-secondary-bg)}.tab-button:hover{background-color:var(--color-content-tertiary-bg)}.tab-button.active:hover{background-color:var(--color-content-secondary-bg)}.tab-content{flex-grow:1;overflow-y:auto;padding:1.5rem 2.4rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-overlay.closing,.modal-overlay.hide-modal-overlay{animation:fadeOut .3s ease-in forwards}.modal-content{background-color:var(--color-content-secondary-bg);border-radius:1rem;max-height:90vh;overflow:hidden;box-shadow:0 4px 6px #0000001a;position:fixed;margin:1rem;max-width:calc(100vw - 2rem);z-index:1001}.modal-content.closing{animation:fadeOutSlideDown .3s ease-in forwards}.modal-small{width:300px}.modal-medium{width:500px}.modal-large{width:800px}.modal-alert.modal-success .modal-headless,.modal-alert.modal-success .modal-body{background-color:#5c995c}.modal-alert.modal-error .modal-headless,.modal-alert.modal-error .modal-body{background-color:#9b5050}.modal-alert.modal-warning .modal-headless,.modal-alert.modal-warning .modal-body{background-color:#9b8149}.modal-alert.modal-info .modal-headless,.modal-alert.modal-info .modal-body{background-color:#5672c3}.modal-default,.modal-confirm{top:50%;left:50%;transform:translate(-50%,-50%);animation:fadeInSlideUp .3s ease-out}.modal-default.closing,.modal-confirm.closing{animation:fadeOutSlideDown .3s ease-in forwards}.modal-confirm{max-width:400px}.modal-alert{top:20px;left:50%;transform:translate(-50%);max-width:400px;animation:fadeInSlideDown .3s ease-out}.modal-alert.closing{animation:fadeOutSlideUp .3s ease-in forwards}.modal-settings .modal-body{height:63vh;height:63svh;max-height:63vh;max-height:63svh;display:flex;flex-direction:column;margin-top:0}.modal-settings .modal-body{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.modal-settings .modal-header{margin-bottom:0}.modal-settings .modal-content-wrapper{flex-grow:1;display:flex;flex-direction:column;height:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 2rem;margin-bottom:1.5rem;background-color:var(--color-content-main-bg)}.modal-header h2{margin:0;color:var(--color-text-main);font-size:1.25rem}.close-button{background:none;background-color:#fff0;border:none;border-radius:50%;cursor:pointer;color:var(--color-text-main);padding:.5rem;display:flex;align-items:center;justify-content:center;margin:0;transition:background-color .3s;width:auto}.close-button:hover{background-color:#ffffff1a;border-radius:50%}.modal-content-header{display:flex;justify-content:space-between;gap:1rem}.modal-actions-container{display:flex;gap:1rem}.modal-actions-container button,.modal-actions-container input,.modal-actions-container label{background-color:var(--color-content-tertiary-bg);border:none;color:var(--color-text-main);padding:10px 20px;text-align:center;text-decoration:none;align-items:center;display:flex;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:background-color .3s}.modal-actions-container button:hover,.modal-actions-container input:hover,.modal-actions-container label:hover{background-color:var(--color-nav-tertiary)}.modal-content-header h3{margin:0;display:flex;align-items:center}.modal-body{color:var(--color-text-main);padding:0 2rem 1.5rem;margin-top:1.5rem;background-color:var(--color-content-secondary-bg);overflow-y:auto;max-height:40rem}.modal-footer{background-color:var(--color-content-main-bg);padding:1rem 2rem;display:flex;justify-content:flex-end}.footer-action-button{background-color:var(--color-content-tertiary-bg);border:none;color:var(--color-text-main);padding:10px 20px;text-align:center;text-decoration:none;display:flex;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:background-color .3s}.footer-action-button:hover{background-color:var(--color-nav-tertiary)}.modal-headless{padding:1.4rem 2rem;display:flex;flex-direction:row;align-items:flex-start}.modal-alert .modal-headless{align-items:center}.modal-alert .modal-headless .modal-body{padding:0;margin:0;width:calc(100% - 20px)}.modal-headless .close-button{padding:0;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% + 20px))}}@keyframes fadeInSlideDown{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}@media (max-width: 600px){.modal-small,.modal-medium,.modal-large{width:calc(100vw - 2rem)}}.input-wrapper{position:relative;height:100%}#input,#highlight{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:.625rem;font-family:IBM Plex Mono,monospace!important;font-size:.938rem;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;line-height:normal}#input{color:#fff0;background:transparent;caret-color:var(--color-text-secondary);resize:none;z-index:2;border-radius:1rem;font-size:.938rem;margin:0;flex:1;padding:.625rem;line-height:normal}#highlight{background-color:var(--color-main-bg);color:#ce9178;overflow:auto;pointer-events:none;z-index:1;border-radius:1rem;font-size:.938rem;margin:0;flex:1;padding:.625rem;line-height:1.5}#output{background-color:var(--color-main-bg);color:var(--color-text-secondary);padding:10px;overflow:auto;flex-grow:1;font-family:monospace;font-size:14px;white-space:pre-wrap;border-radius:16px;margin:0}.button-container{display:flex;justify-content:flex-end}.button-container button{width:100%}.hl-property{color:#9cdcfe}.hl-type{color:#4ec9b0}.hl-bracket{color:gold}.hl-number{color:#b5cea8}.minify.output-pre{white-space:pre;word-wrap:keep-all}.tag{color:#569cd6}.string{color:#ce9178}.comment{color:#6a9955}.property{color:#9cdcfe}.value{color:#ce9178}.at-rule{color:#569cd6}.color{color:#d7ba7d}.unit{color:#b5cea8}.bracket{color:#d4d4d4}.keyword{color:#569cd6}.number{color:#b5cea8}.output-pre{white-space:pre-wrap;word-break:break-all;overflow-y:auto}.input-wrapper{flex:1;display:flex}.input-wrapper.highlighted textarea{color:transparent;caret-color:var(--color-text-secondary);background:transparent;position:absolute;top:0;left:0;z-index:2}.highlight-layer{position:absolute;top:0;left:0;right:0;bottom:0;padding:10px;font-family:monospace;font-size:.938rem;line-height:normal;white-space:pre-wrap;word-break:break-all;overflow-y:auto;pointer-events:none;background-color:var(--color-main-bg);border-radius:1rem;margin:0;z-index:1}.unchanged{color:var(--color-text-secondary)}.added{background-color:#144212;color:#7cfc00}.removed{background-color:#420e0e;color:#ff6b6b}.drop-zone-container{flex:1;display:flex;flex-direction:column}.drop-zone{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--color-main-bg);outline:2px dashed var(--color-text-secondary);outline-offset:-2px;box-sizing:border-box;border-radius:16px;cursor:pointer;overflow:hidden}.drop-zone-input-text-container{display:flex;flex-direction:column;align-items:center;gap:.6rem;background-color:var(--color-secondary-bg);padding:1.8rem 1.4rem;border-radius:16px}.error-message{color:#ff6b6b;text-align:center;margin:0}.image-icon{color:#d4d4d4;opacity:1}.image-preview{max-width:100%;max-height:100%;object-fit:contain}.image-converter-container .info-section{display:flex;flex-direction:column;gap:1.25rem}.image-to-base-info-section{max-height:8.6rem}.info-section-content{width:100%;height:100%;margin:0;padding:10px;font-family:IBM Plex Mono,monospace;font-size:.938rem;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;line-height:1.2;background-color:var(--color-main-bg);color:var(--color-text-secondary);border:none;border-radius:1rem}.image-converter-container .output-container{padding:0}.image-converter-container button{margin:0}.info-section-placeholder{display:block;color:var(--color-text-muted)}.info-section-label{display:block;color:#9cdcfe}.info-section-value{color:#ce9178}.timestamp-toolbar-button svg{width:1rem;height:1rem}.input-container textarea,.input-container .timestamp-human-readable{flex:1;min-height:0}.timestamp-human-readable{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;background-color:var(--color-main-bg);border-radius:1rem;font-size:2rem;font-family:IBM Plex Mono,monospace;padding:10px}.timestamp-output-container{display:flex;flex-direction:column;flex:1;gap:1rem;background-color:var(--color-content-main-bg);padding:1.2rem 0;overflow-y:auto;border-radius:1rem}.timestamp-output-container .output-segment{flex:1;display:flex;flex-direction:column;margin:0 1.2rem}.date-output{color:var(--color-text-secondary);border:none;border-radius:1rem;background-color:var(--color-main-bg);padding:10px;width:100%;margin:0;font-family:IBM Plex Mono,monospace}.timestamp-output-container h3{margin-left:6px}.timestamp-date-container{display:flex;gap:1rem;margin:10px 0}.timestamp-date-container button{margin:0;height:2.75rem;width:4.7rem}.clock-face{margin-top:2rem;position:relative;width:256px;height:256px;border-radius:50%;border:4px solid #a1a1a1}.hour-marker{position:absolute;width:4px;height:10px;background-color:#a1a1a1;top:17%;left:49%;transform-origin:50% 840%}.hand{position:absolute;bottom:50%;left:50%;transform-origin:50% 100%}.hour-hand{width:3px;height:64px;background-color:#9cdcfe;margin-left:-2px}.minute-hand{width:2px;height:96px;background-color:#9cdcfe;margin-left:-2px}.second-hand{width:2px;height:96px;background-color:#e53e3e;margin-left:-1px}.center-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background-color:#a1a1a1;transform:translate(-50%,-50%)}.data-converter-input-container textarea{white-space:pre}.data-converter-output-container .output-segment pre{white-space:pre;word-wrap:normal}.data-converter-output-container .output-segment pre.csv-output-pre{white-space:pre-wrap}.color-input,.color-picker{flex:1;display:flex;flex-direction:column;background-color:var(--color-main-bg);padding:1rem;border-radius:1rem}.color-picker .react-colorful{width:100%;height:100%}.output-container{flex:1;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto}.color-value{font-family:IBM Plex Mono,monospace;display:flex;padding:.625rem;gap:.5rem;flex:1;background-color:var(--color-main-bg);border-radius:1rem;color:var(--color-text-secondary)}.color-preview{width:2rem;height:2rem;border-radius:.5rem;border:1px solid var(--color-text-secondary)}.color-output button{width:100%}.markdown-preview{background-color:var(--color-main-bg);color:var(--color-text-secondary);padding:10px;border-radius:1rem;overflow:auto;font-size:.938rem;flex:1}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--color-text-main);margin-top:1em;margin-bottom:.5em}.markdown-preview p{margin-bottom:1em}.markdown-preview a{color:var(--color-nav-tertiary);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview pre{background-color:var(--color-content-main-bg);padding:1em;border-radius:.5em;overflow-x:auto}.markdown-preview code{font-family:IBM Plex Mono,monospace;font-size:.9em}.markdown-preview blockquote{border-left:4px solid var(--color-nav-tertiary);padding-left:1em;margin-left:0;font-style:italic}.markdown-preview table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-preview th,.markdown-preview td{border:1px solid var(--color-content-tertiary-bg);padding:.5em;text-align:left}.markdown-preview th{background-color:var(--color-content-main-bg);font-weight:700}.markdown-preview img{max-width:100%;height:auto}.markdown-preview hr{border:none;border-top:1px solid var(--color-content-tertiary-bg);margin:1em 0}.logo-preview{background-color:var(--color-main-bg);border-radius:1rem;padding:.625rem;display:flex;justify-content:center;align-items:center;flex:1}.logo-preview svg{max-width:100%;max-height:300px}.color-picker-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.color-palette-placeholder{background-color:var(--color-main-bg);border-radius:1rem;flex:1}.color-palette-preview{display:flex;flex-wrap:wrap}.color-palette-input textarea{flex:1}.color-swatch{flex:1;height:5rem}.color-palette-preview .color-swatch:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.color-palette-preview .color-swatch:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.output-segment.output-palette{height:7.688rem;flex:none!important}.w-color-wheel{width:20rem!important;height:20rem!important}.w-color-wheel .w-color-circle{width:100%!important;height:100%!important}.w-color-wheel .w-color-block{width:1.25rem!important;height:1.25rem!important}.w-color-alpha{width:100%;height:1rem;border-radius:1rem!important}.w-color-alpha>div{border-radius:1rem!important}.w-color-alpha-fill{width:1rem!important;height:1rem!important;background-color:#0000!important;border:1px solid #fff!important}.symbol-grid-container{overflow-y:auto;max-height:calc(100vh - 225px);padding:0 2rem;font-family:IBM Plex Mono,monospace!important;background-color:var(--color-content-main-bg);color:var(--color-text-secondary);border-radius:1rem;font-size:.938rem;margin:0;flex:1}.symbol-grid-padding{display:flex;flex:1;padding:2rem 0;background-color:var(--color-content-main-bg);border-radius:1rem}.symbol-group{margin-bottom:2rem}.symbol-group h3{margin-bottom:1rem}.symbol-grid{display:grid;grid-template-columns:233px minmax(200px,2fr) 233px 234px;margin-bottom:1rem}.symbol-grid-header{display:contents}.symbol-grid-header>div{background-color:var(--color-content-tertiary-bg);color:var(--color-text-secondary);font-weight:700;padding:.5rem}.symbol-grid-header>div:first-child{padding-left:3rem;border-top-left-radius:1rem}.symbol-grid-header>div:last-child{border-top-right-radius:1rem}.symbol-grid>div.symbol-grid-row:last-child>div{border-bottom:none}.symbol-grid-row{display:contents}.symbol-grid-row>div{background-color:var(--color-content-secondary-bg);color:var(--color-text-main);padding:.5rem;border-bottom:1px solid var(--color-content-tertiary-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.symbol-grid-row>div:first-child{display:flex;align-items:center;padding-left:3rem}.symbol-grid-row>div:last-child{padding-right:3rem}.symbol-grid>div.symbol-grid-row:last-child>div:first-child{border-bottom-left-radius:1rem}.symbol-grid>div.symbol-grid-row:last-child>div:last-child{border-bottom-right-radius:1rem}.symbol-grid-container>div.symbol-group:last-child,.symbol-grid-container>div.symbol-group:last-child .symbol-grid{margin-bottom:0}.copy-button{background-color:var(--color-nav-main);color:var(--color-text-tertiary);border:none;padding:.25rem .5rem;cursor:pointer;transition:background-color .3s}.copy-button:hover{background-color:var(--color-nav-secondary)}.symbol-copy-button{background-color:var(--color-main-bg);border-radius:.6rem;padding:.4rem 2rem;cursor:pointer;flex:.6;min-height:2.05rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.symbol-copy-button:hover{background-color:var(--color-nav-secondary)}.search-input{width:300px;padding:.5rem;font-size:1rem;border:1px solid var(--color-content-tertiary-bg);background-color:var(--color-content-main-bg);color:var(--color-text-main)}.search-input::placeholder{color:var(--color-text-muted)}.navigation-config{height:100%;display:flex;flex-direction:column}.navigation-config .nav-items-list{list-style-type:none;padding:0 10px 0 0;margin:1.6rem 0 .6rem;flex-grow:1;overflow-y:auto;overflow-x:hidden}.navigation-config .nav-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem .5rem 1rem;margin-bottom:.5rem;background-color:var(--color-content-tertiary-bg);border-radius:4px}.navigation-config .nav-item-drag-label-container{display:flex;gap:.6rem;align-items:center}.navigation-config .nav-item.hidden{opacity:.5}.navigation-config .nav-item.dragging{background-color:var(--color-secondary-bg)}.navigation-config .drag-handle{cursor:move}.navigation-config .visibility-toggle{background:none;border:none;cursor:pointer;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;margin:0;transition:background-color .3s}.navigation-config .visibility-toggle:hover{background-color:#ffffff1a;border-radius:50%}.navigation-config .save-button{margin-top:1rem}.theme-config-container{display:flex;flex-direction:column;gap:.2rem}.theme-config-container .theme-item{display:flex;gap:1rem}.theme-config-container .theme-item label{width:16.25rem;text-transform:capitalize}.theme-config-container .theme-item input{height:1.75rem;border:none;padding:0}.theme-item-container{margin-top:1.2rem;gap:.6rem;display:flex;flex-direction:column}.theme-config-content{display:flex;gap:1.2rem;justify-content:space-between}.color-wheel-container{flex:0 0 auto;margin-top:1.2rem;text-align:center;padding-right:3rem}.theme-config-content .w-color-wheel{width:14.4rem!important;height:14.4rem!important}.theme-config-content .w-color-wheel .w-color-circle{width:100%!important;height:100%!important}.theme-config-content .color-select-container{display:flex;flex-direction:column;gap:1rem}:root{--color-toolbar-bg: #5d6d97;--color-nav-bg: #424f6f;--color-nav-main: #262c3d;--color-nav-secondary: #0f4c8f;--color-nav-tertiary: #5672c3;--color-text-main: #ffffff;--color-text-secondary: #d4d4d4;--color-text-tertiary: #9cdcfe;--color-text-muted: #757575;--color-main-bg: #1a1a1a;--color-secondary-bg: #232323;--color-tertiary-bg: #515151;--color-content-main-bg: #353535;--color-content-secondary-bg: #434343;--color-content-tertiary-bg: #676767}::placeholder{color:var(--color-text-muted);opacity:1}::-webkit-scrollbar{background-color:#fff0;width:.5rem;height:.5rem}::-webkit-scrollbar-track{background-color:#fff0;opacity:0}::-webkit-scrollbar-thumb{background-color:var(--color-content-tertiary-bg);border-radius:1rem}::-webkit-scrollbar-button{display:none}::selection{background:var(--color-nav-tertiary);color:var(--color-text-main)}::-moz-selection{background:var(--color-nav-tertiary);color:var(--color-text-main)}textarea{border:none;outline:none;resize:none}textarea:focus-visible{border:none;outline:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:""}select option{text-align:left;border-radius:6px}label{color:var(--color-text-secondary)}:focus-visible{outline:none}.dragging{position:static!important}html,body{font-size:16px;margin:0;padding:0;display:flex;flex-direction:column;height:100vh;font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}button{color:var(--color-text-main)}body,#root,.app-container{height:100vh;height:100svh}.app-container{display:flex;flex-direction:column}.app-toolbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-toolbar-bg);padding:0 1.25rem;min-height:3.125rem;height:3.125rem;box-shadow:0 .125rem .25rem #0000001a}.app-toolbar h1{font-size:2rem;font-family:Reddit Mono,monospace;letter-spacing:.4px;font-optical-sizing:auto;font-weight:200;font-style:normal;margin:0}.app-toolbar-button-container{display:flex}.toolbar-icon{background:none;border-radius:50%;background-color:#fff0;cursor:pointer;color:var(--color-text-main);padding:.5rem;display:flex;align-items:center;justify-content:center;margin:0;transition:background-color .3s}.toolbar-icon:hover{background-color:#ffffff1a;border-radius:50%}.main-container{display:flex;flex-grow:1;overflow:hidden}.nav-container{width:12.5rem;display:flex;justify-content:space-between;flex-direction:column;background-color:var(--color-nav-bg);padding:1.2rem;overflow-y:auto}.navigation{display:flex;flex-direction:column;gap:.625rem}.nav-button{display:block;padding:.625rem;background-color:var(--color-nav-main);color:var(--color-text-tertiary);text-decoration:none;text-align:center;border-radius:.3125rem;transition:background-color .3s,color .3s}.nav-button:hover{background-color:var(--color-nav-secondary);color:var(--color-text-main)}.nav-button.active{background-color:var(--color-nav-tertiary);color:var(--color-text-main)}main{display:flex;flex:1}.content{width:100%;background-color:var(--color-content-secondary-bg);display:flex;flex:1;flex-direction:column;padding:0}.container{display:flex;gap:1.2rem;width:calc(100% - 216px);height:calc(100% - 123px);background-color:var(--color-content-secondary-bg)}.content .toolbar{background-color:var(--color-content-main-bg);padding:10px 20px 10px 26px;display:flex;justify-content:space-between;align-items:center;height:3.3rem}.content .toolbar h2{font-family:Quicksand,sans-serif;font-size:1.6rem;color:var(--color-text-secondary);margin:0;white-space:nowrap;text-overflow:ellipsis}.toolbar-button-container{display:flex;flex-direction:row;gap:1.2rem;align-items:center}.toolbar-button-lable-container{display:flex;flex-direction:row;align-items:center;gap:.8rem}.component-container{overflow:hidden;display:flex;flex-direction:row;flex:1;gap:1.2rem;padding:1.2rem;background-color:var(--color-content-secondary-bg)}main h3{font-size:1rem;margin:0}main .toolbar button,main .toolbar select,main .toolbar input{background-color:var(--color-content-tertiary-bg);border:none;color:var(--color-text-main);padding:10px 20px;text-align:center;text-decoration:none;display:flex;align-items:center;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;height:41px}.toolbar input[type=number]{width:4rem;cursor:unset;height:21px}.toolbar input[type=text].text-search-input{width:8rem;height:21px;cursor:auto;text-align:left}.button-container{display:flex;justify-content:flex-end;gap:1.2rem;margin:0}main button{border-radius:8px;border:none;padding:.6em 1.2em;margin:0;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-main-bg);color:var(--color-text-secondary);cursor:pointer;width:100%;white-space:nowrap;transition:background-color .3s,color .3s}main button:hover{background-color:var(--color-nav-tertiary);color:var(--color-text-main)}main textarea,main pre,main .output-pre{font-family:IBM Plex Mono,monospace!important;background-color:var(--color-main-bg);color:var(--color-text-secondary);padding:.625rem;border-radius:1rem;overflow:auto;font-size:.938rem;margin:0;flex:1}main .toolbar{background-color:var(--color-content-main-bg);padding:10px 20px 10px 26px;display:flex;justify-content:space-between;align-items:center;height:3.3rem}main .controls{display:flex;align-items:center;gap:10px}main .toolbar-button-container{display:flex;flex-direction:row;gap:1.2rem;align-items:center}main .toolbar-button-lable-container{display:flex;flex-direction:row;align-items:center;gap:.8rem}main .input-container,main .output-container{flex:1;display:flex;flex-direction:column;background-color:var(--color-content-secondary-bg);gap:1.2rem}main .output-container{display:flex;flex-direction:column;overflow:hidden;gap:1.2rem}main .output-container .output-segment{flex:1;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden}.faux-placeholder{color:var(--color-text-muted);font-family:IBM Plex Mono,monospace;font-size:.938rem;background-color:var(--color-main-bg)}.faux-output{font-family:IBM Plex Mono,monospace;font-size:.938rem;background-color:var(--color-main-bg);color:var(--color-text-secondary);padding:.625rem;border-radius:1rem;flex:1}.home-page{max-width:800px;margin:0 auto;padding:2rem;color:var(--color-text-main)}.home-page h1{font-size:2.5rem;color:var(--color-text-tertiary);margin-bottom:1rem;font-family:Playwrite HU,cursive;font-optical-sizing:auto;font-weight:200;font-style:normal}.home-page h2{font-size:1.8rem;color:var(--color-text-main);margin-top:2rem;margin-bottom:1rem;font-weight:400}.home-page p,.home-page li{font-size:1rem;line-height:1.6;margin-bottom:1rem}.home-page ul{padding-left:1.5rem}.home-page li{margin-bottom:.5rem}.home-page strong{color:var(--color-text-tertiary)}.cta-container{display:flex;gap:1rem;margin-top:2rem}.cta-button{display:inline-block;padding:.8rem 1.5rem;background-color:var(--color-nav-main);color:var(--color-text-tertiary);text-decoration:none;border-radius:.3rem;font-weight:500;width:100%;text-align:center;transition:background-color .3s,color .3s}.cta-button:hover{background-color:var(--color-nav-secondary);color:var(--color-text-main)}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean,.json-null{color:#569cd6}.json-bracket{color:gold}.yaml-key{color:#9cdcfe}.yaml-value{color:#ce9178}.yaml-list{color:gold}.csv-header{color:#9cdcfe;font-weight:700}.csv-cell{color:#ce9178}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-main);background-color:var(--color-secondary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}