.sidebar-desktop[data-v-3e3bbb1c]{position:fixed;width:150px;height:100vh;background-color:var(--secondary);padding-top:1rem;display:block}.sidebar-list[data-v-3e3bbb1c]{list-style:none;padding:0;margin:0}.sidebar-list li[data-v-3e3bbb1c]{border-bottom:2px solid var(--secondary)}.sidebar-list li.active>.tool-link[data-v-3e3bbb1c]{font-weight:600;color:var(--blue)}.tool-link[data-v-3e3bbb1c]{display:flex;align-items:center;text-decoration:none;padding:.35rem .5rem;border-radius:6px;color:#000;transition:background-color .2s,transform .2s;white-space:nowrap;text-overflow:ellipsis}.tool-link[data-v-3e3bbb1c]:hover{background-color:#1890ff14}.tool-icon[data-v-3e3bbb1c]{font-size:1.2rem}.page-header[data-v-3e3bbb1c]{font-size:20px;margin-bottom:1.5rem;display:flex;align-items:center;flex-wrap:wrap}.home-link[data-v-3e3bbb1c]{color:var(--blue);text-decoration:none;font-weight:600;transition:color .2s}.home-link[data-v-3e3bbb1c]:hover{color:var(--purple)}.separator[data-v-3e3bbb1c]{margin:0 .2rem}.mobile-menu-button[data-v-3e3bbb1c]{display:none;margin-right:.5rem}.layout-content[data-v-3e3bbb1c]{height:100vh;margin-left:150px;padding:1.5rem 2rem;display:flex;flex-direction:column}.page-header[data-v-3e3bbb1c]{position:sticky;top:0;background-color:var(--primary);z-index:1000;display:flex;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--secondary)}@media(max-width:768px){.sidebar-desktop[data-v-3e3bbb1c]{display:none}.layout-content[data-v-3e3bbb1c]{margin-left:0;padding:1.5rem .5rem}.mobile-menu-button[data-v-3e3bbb1c]{display:inline-flex}}.page[data-v-3335d21b]{margin:1.5rem auto;padding:0 1rem}.page-title[data-v-3335d21b]{font-size:1.5rem;font-weight:600;color:var(--blue)}.tool-link[data-v-3335d21b]{text-decoration:none}.tool-card[data-v-3335d21b]{background-color:var(--secondary);border:2px solid grey;border-radius:6px;font-weight:600}.tool-card[data-v-3335d21b]:hover{border:2px solid var(--blue);color:var(--blue)}.card-content[data-v-3335d21b]{display:flex;flex-direction:column;align-items:start;padding:5px}.name[data-v-3335d21b]{font-size:.9rem;text-align:start}.tool-grid[data-v-3335d21b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.editors[data-v-0bd77dda]{display:flex;gap:1rem;margin-bottom:1.5rem}.editor-container[data-v-0bd77dda]{flex:1;display:flex;flex-direction:column}.editor-label[data-v-0bd77dda]{font-weight:700}.tabs[data-v-0bd77dda]{width:12rem}.diff-output[data-v-0bd77dda]{min-height:200px}.split-columns[data-v-0bd77dda]{display:flex;gap:1rem}.split-column[data-v-0bd77dda],.unified[data-v-0bd77dda]{flex:1;padding:.5rem;background:var(--secondary);border-radius:6px;min-height:200px;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace}[data-v-0bd77dda] .diff-unchanged{background:var(--secondary);opacity:.7}[data-v-0bd77dda] .diff-added{background:#e0f5e3;padding-left:.75rem}[data-v-0bd77dda] .diff-removed{background:#f8e5e2;padding-left:.75rem}[data-v-0bd77dda] .diff-word-added{background:#9fdfa8;padding:1px 3px;border-radius:2px}[data-v-0bd77dda] .diff-word-removed{background:#ffa495;padding:1px 3px;border-radius:2px}.unified[data-v-0bd77dda]{max-height:600px}[data-v-0bd77dda] .diff-unchanged:empty:after{content:"~";color:#00f;opacity:.5}.editor-container[data-v-72191fe8]{display:flex;flex-direction:column;margin-bottom:1rem}.editor-label[data-v-72191fe8]{font-weight:700}.button-row[data-v-72191fe8]{margin-top:1rem;display:flex;gap:.5rem}.error-message[data-v-72191fe8]{margin-top:1rem;padding:.5rem;background:#f8d7da;color:#842029;border-radius:4px;font-family:monospace;white-space:pre-wrap}.success-message[data-v-72191fe8]{margin-top:1rem;padding:.5rem;background:#d1e7dd;color:#0f5132;border-radius:4px;font-family:monospace}.editor-container[data-v-aed12245]{display:flex;flex-direction:column}.editor-label[data-v-aed12245]{font-weight:700}.button-row[data-v-aed12245]{margin-top:1rem;display:flex;gap:.5rem}.error-message[data-v-aed12245]{margin-top:1rem;padding:.5rem;background:#f8d7da;color:#842029;border-radius:4px;font-family:monospace;white-space:pre-wrap}.success-message[data-v-aed12245]{margin-top:1rem;padding:.5rem;background:#d1e7dd;color:#0f5132;border-radius:4px;font-family:monospace}.editor-container[data-v-2230e370]{display:flex;flex-direction:column}.editor-label[data-v-2230e370]{font-weight:700}.error-message[data-v-2230e370]{margin-top:1rem;padding:.5rem;background:#f8d7da;color:#842029;border-radius:4px;font-family:monospace;white-space:pre-wrap}.success-message[data-v-2230e370]{margin-top:1rem;padding:.5rem;background:#d1e7dd;color:#0f5132;border-radius:4px;font-family:monospace}.editor-container[data-v-3159b3b8]{display:flex;flex-direction:column;margin-bottom:1rem}.editor-label[data-v-3159b3b8]{font-weight:700}.replacement-rules[data-v-3159b3b8]{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.rule-row[data-v-3159b3b8]{display:flex;gap:.5rem;align-items:center}.rule-input-spacer[data-v-3159b3b8]{flex:1}.remove-btn[data-v-3159b3b8],.add-btn[data-v-3159b3b8]{width:3rem;cursor:pointer}.button-row[data-v-3159b3b8]{margin-top:1rem;display:flex;gap:.5rem}.editor-container[data-v-43d34c24]{display:flex;flex-direction:column;margin-bottom:1rem}.editor-label[data-v-43d34c24]{font-weight:700}.button-row[data-v-43d34c24]{margin-top:1rem;display:flex;gap:.5rem}.error-message[data-v-43d34c24]{margin-top:1rem;padding:.5rem;background:#f8d7da;color:#842029;border-radius:4px;font-family:monospace;white-space:pre-wrap}.success-message[data-v-43d34c24]{margin-top:1rem;padding:.5rem;background:#d1e7dd;color:#0f5132;border-radius:4px;font-family:monospace}.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=monolith]{width:14.25em;max-width:95vw;padding:.8em}.pcr-app[data-theme=monolith] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em 0 0 .15em;z-index:2}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 .15em .15em 0}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity{height:.5em;margin-top:.75em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}[data-v-1f4788ae] .pickr{visibility:hidden}.picker-row[data-v-1f4788ae]{padding:1rem;display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.color-cards[data-v-1f4788ae]{position:relative;top:2rem;left:1rem;display:flex;gap:2rem}.color-card[data-v-1f4788ae]{display:flex;flex-direction:column;gap:.5rem;width:120px;padding:.8rem;border-radius:8px;box-shadow:0 0 5px #0000001a}.light-bg[data-v-1f4788ae]{background-color:#fff;color:#000}.dark-bg[data-v-1f4788ae]{background-color:#1a1a1a;color:#fff}.color-swatch[data-v-1f4788ae]{width:100%;height:120px;border-radius:8px}.color-value[data-v-1f4788ae]{font-size:.9rem;text-align:center}:root{--primary: white;--secondary: #F5F5F5;--blue: #1a8cf5;--purple: #9a53eb}textarea{min-height:200px;padding:.5rem;font-family:monospace;border:1px solid #b0b0b0;border-radius:5px;width:100%;box-sizing:border-box;outline:none;resize:vertical}input{padding:.5rem;font-family:monospace;border:1px solid #b0b0b0;border-radius:5px;resize:none;width:100%;box-sizing:border-box;outline:none}*::-webkit-scrollbar{width:0;background:transparent}*{scrollbar-width:none}