@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap);*{box-sizing:border-box;font-family:Mulish,sans-serif;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f2f1;background-color:var(--bg);color:#222;color:var(--text);margin:0;transition:background-color .25s ease,color .25s ease}:root{--bg:#f3f2f1;--card-bg:#fff;--text:#222;--text-light:#4f4f4f;--border:rgba(0,0,0,.08);--shadow:0 1px 3px rgba(0,0,0,.12);--accent:#845ec2;--input-bg:#f7f7f7;--error:#e34b4b}[data-theme=dark]{--bg:#1e1e1e;--card-bg:#2b2b2b;--text:#e5e5e5;--text-light:#c7c7c7;--border:hsla(0,0%,100%,.12);--shadow:0 1px 3px rgba(0,0,0,.6);--accent:#b794f4;--input-bg:#333;--error:#ff6b6b}.themeToggle{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.12);color:#222;right:16px;top:14px;transition:background-color .25s ease,color .25s ease}.themeToggle:hover{background:#f7f7f7}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,50%,.6)}a{color:#845ec2;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,h1,h2,h3,h4,h5,input,li,p,span,textarea{color:#222;color:var(--text)}main.container{grid-column-gap:6px;grid-row-gap:18px;-webkit-column-gap:6px;column-gap:6px;display:grid;grid-auto-flow:row;grid-template-areas:"input results" "viewer viewer" "transform transform";grid-template-columns:1fr 1fr;margin:0 auto;padding:10px 12px 18px;row-gap:18px;width:min(96vw,1440px)}@media (max-width:1200px){main.container{-webkit-column-gap:8px;column-gap:8px;width:min(98vw,1200px)}}@media (max-width:1024px){main.container{grid-template-areas:"input" "results" "viewer" "transform";grid-template-columns:1fr;row-gap:16px}}@media (max-width:600px){main.container{padding:8px 8px 14px}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);min-width:0;transition:background-color .25s ease,color .25s ease,box-shadow .2s ease;width:100%}.cardHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-width:0;padding:10px 12px}.cardHeader h2{color:var(--text);font-size:18px;font-weight:700;line-height:1.2;margin:0}.inputCard{grid-area:input;padding:10px}.resultsCard{grid-area:results;padding:10px}.viewerCard{grid-area:viewer;padding:10px}:root{--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.jsonTextarea{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--mono);font-size:14px;line-height:1.4;min-height:300px;padding:10px 12px;resize:vertical;transition:background-color .25s ease,color .25s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.jsonTextarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(132,94,194,.15);outline:3px solid rgba(132,94,194,.2)}.jsonTextarea.error{background:rgba(255,0,0,.05);border-color:var(--error)}.errorMsg{color:var(--error);font-size:13px;margin-top:8px}.toolbar{flex-wrap:wrap;gap:8px;row-gap:6px}.pillBtn{padding:7px 12px;transition:box-shadow .12s ease,color .2s ease,background .2s ease,-webkit-transform .12s ease,-webkit-filter .2s ease;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease,color .2s ease,background .2s ease;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease,color .2s ease,background .2s ease,-webkit-transform .12s ease,-webkit-filter .2s ease}.pillBtn:active{box-shadow:var(--shadow);-webkit-transform:translateY(0);transform:translateY(0)}.pillBtn:focus{box-shadow:0 0 0 3px rgba(132,94,194,.2);outline:0}.searchInput{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;height:38px;padding:0 12px;transition:background-color .25s ease,color .25s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.searchInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(132,94,194,.15);outline:3px solid rgba(132,94,194,.2)}.resultList{margin-top:10px;max-height:380px;min-width:0;overflow:auto}.rows{list-style:none;margin:0;padding:0}.row{grid-gap:10px;align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:grid;gap:10px;grid-template-columns:1fr minmax(120px,.7fr) auto;min-width:0;padding:10px 8px;transition:background-color .16s ease}.row:hover{background:var(--input-bg)}.row>.path,.row>.value{min-width:0;overflow-wrap:anywhere}.path{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-family:var(--mono)}.path,.value{font-size:13px}.value{color:var(--text-light)}.actions{align-items:center;display:inline-flex;gap:6px}.iconBtn{background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(90deg,var(--accent-gradient-start),var(--accent-gradient-mid),var(--accent-gradient-end)) border-box;border:1px solid transparent;border-radius:10px;height:32px;transition:box-shadow .12s ease,background .2s ease,color .2s ease,-webkit-transform .12s ease,-webkit-filter .2s ease;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,color .2s ease,filter .2s ease;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,color .2s ease,filter .2s ease,-webkit-transform .12s ease,-webkit-filter .2s ease;width:32px}.iconBtn:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);-webkit-filter:brightness(1.05);filter:brightness(1.05)}.iconBtn:active{box-shadow:var(--shadow);-webkit-transform:translateY(0);transform:translateY(0)}.iconBtn:focus{box-shadow:0 0 0 3px rgba(132,94,194,.25);outline:0}.copyTick{color:#0f8a2c;font-size:12px;margin-left:6px}.emptyState{color:var(--text-light);font-size:14px;padding:14px}@media (prefers-reduced-motion:reduce){*{-webkit-animation:none!important;animation:none!important;scroll-behavior:auto!important;transition:none!important}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card{-webkit-animation:fadeInUp .24s ease both;animation:fadeInUp .24s ease both}.inputCard{-webkit-animation-delay:40ms;animation-delay:40ms}.resultsCard{-webkit-animation-delay:80ms;animation-delay:80ms}.viewerCard{-webkit-animation-delay:.12s;animation-delay:.12s}.card,.viewerCard .viewerCardInner{background:var(--card-bg)!important;box-shadow:var(--shadow)!important}.card,.jsonTextarea,.searchInput,.viewerCard .viewerCardInner{border-color:var(--border)!important;color:var(--text)!important}.jsonTextarea,.searchInput{background:var(--input-bg)!important}.app-header{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border);display:flex;justify-content:center;padding:18px 14px 20px;position:relative;text-align:center}.app-header,.themeToggle{box-shadow:var(--shadow);color:var(--text)}.themeToggle{background:var(--card-bg);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:13px;padding:6px 12px;position:absolute;right:12px;top:10px;transition:background-color .2s ease,color .2s ease,-webkit-transform .15s ease;transition:background-color .2s ease,color .2s ease,transform .15s ease;transition:background-color .2s ease,color .2s ease,transform .15s ease,-webkit-transform .15s ease}.themeToggle:hover{background:var(--input-bg);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.themeToggle:active{-webkit-transform:translateY(0);transform:translateY(0)}.app-title{font-size:1.9rem;font-weight:800;letter-spacing:.6px;line-height:1.25;margin:0}.app-title,.title-main{color:var(--text)}.title-accent{color:var(--accent);font-weight:800}.app-subtitle{color:var(--text-light);font-size:.95rem;font-weight:500;margin-top:4px}.accent-underline{-webkit-animation:underlineIn .7s ease-out both,gradientMove 3.5s linear infinite;animation:underlineIn .7s ease-out both,gradientMove 3.5s linear infinite;background:linear-gradient(90deg,#a97af7,#b68bf6,#a074ef);background:linear-gradient(90deg,var(--accent-gradient-start),var(--accent-gradient-mid),var(--accent-gradient-end));background-size:200% 100%;border-radius:999px;display:inline-block;height:3px;margin-top:10px;opacity:.95;-webkit-transform-origin:center;transform-origin:center;width:130px}@-webkit-keyframes underlineIn{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}60%{opacity:1;-webkit-transform:scaleX(1.08);transform:scaleX(1.08)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes underlineIn{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}60%{opacity:1;-webkit-transform:scaleX(1.08);transform:scaleX(1.08)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes gradientMove{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradientMove{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.app-header{padding:14px 12px 16px}.app-title{font-size:1.6rem}.app-subtitle{font-size:.9rem}.accent-underline{width:96px}}@media (max-width:480px){.app-title{font-size:1.4rem}.themeToggle{font-size:12px;padding:5px 10px;right:10px;top:8px}}:root{--accent-gradient-start:#a97af7;--accent-gradient-mid:#b68bf6;--accent-gradient-end:#a074ef}[data-theme=dark]{--accent-gradient-start:#7a5cff;--accent-gradient-mid:#9b7bff;--accent-gradient-end:#627bff}.footer{background:var(--card-bg);box-shadow:var(--shadow);color:var(--text);font-size:14px;height:56px;margin-top:8px;padding-top:12px;text-align:center;transition:background-color .25s ease,color .25s ease}.footer .contactus{font-weight:500;margin:0}.footer .email{color:var(--text-light);font-weight:600}.viewerWrapper{padding:4px 6px}.viewerCardInner{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);color:var(--text);max-height:52vh;overflow:auto;padding:12px;scroll-behavior:auto;transition:background-color .25s ease,color .25s ease}.react-json-view{background:transparent!important;color:var(--text)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}.react-json-view .object-key{color:var(--accent)!important}.react-json-view .string-value{color:#0f8a2c!important}.react-json-view .number-value{color:#1c4fd9!important}.react-json-view .boolean-value{color:#e07a00!important}.rv-highlight{-webkit-animation:flashGlow .8s ease-in-out;animation:flashGlow .8s ease-in-out;background:rgba(132,94,194,.22)!important;border-radius:6px;transition:background-color .3s ease}@-webkit-keyframes flashGlow{0%{background-color:rgba(132,94,194,.4)}50%{background-color:rgba(132,94,194,.25)}to{background-color:rgba(132,94,194,.22)}}@keyframes flashGlow{0%{background-color:rgba(132,94,194,.4)}50%{background-color:rgba(132,94,194,.25)}to{background-color:rgba(132,94,194,.22)}}.pathHighlightBanner{background:rgba(132,94,194,.15);border-radius:8px;color:var(--text);font-size:13px;margin-left:auto;margin-right:auto;margin-top:6px;padding:4px 8px;text-align:center;transition:opacity .25s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transformCard{-webkit-animation:fadeInUp .3s ease both;animation:fadeInUp .3s ease both;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;grid-area:transform;padding:12px}.transformCard .cardHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.transformCard h2{color:var(--text);font-size:18px;font-weight:700;margin:0}.toolbar{align-items:center;display:flex;gap:6px}.segmented{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.segBtn{background:var(--card-bg);border:none;color:var(--text);cursor:pointer;font-size:13px;padding:5px 12px;transition:background-color .2s ease,color .2s ease}.segBtn:hover{background:var(--input-bg)}.segBtn.active{background:linear-gradient(90deg,var(--accent-gradient-start),var(--accent-gradient-mid),var(--accent-gradient-end));color:#fff}.transformBody{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr}@media (max-width:900px){.transformBody{grid-template-columns:1fr}}.formCol{display:flex;flex-direction:column;gap:10px}.blockHeader{color:var(--text);font-size:15px;font-weight:700;margin:8px 0 4px}.fieldRow{align-items:center;display:flex;gap:8px}.fieldGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:4px}.label{color:var(--text-light);font-size:13px}.input,.select{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;height:32px;padding:0 8px;transition:border-color .2s ease,background-color .2s ease}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(132,94,194,.2);outline:none}.input.grow,.select.grow{flex:1 1}.conditionRow{flex-wrap:wrap;gap:8px;margin-bottom:6px}.conditionRow,.rightSide{align-items:center;display:flex}.rightSide{flex:1 1;gap:6px}.tiny{color:var(--text-light);font-size:12px}.pillBtn{align-items:center;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(90deg,var(--accent-gradient-start),var(--accent-gradient-mid),var(--accent-gradient-end)) border-box;border:1px solid transparent;border-radius:999px;box-shadow:var(--shadow);color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;transition:box-shadow .12s ease,-webkit-transform .12s ease,-webkit-filter .2s ease;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease,-webkit-transform .12s ease,-webkit-filter .2s ease}.pillBtn:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);-webkit-filter:brightness(1.03);filter:brightness(1.03);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.iconBtn{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background .2s ease,-webkit-transform .15s ease;transition:background .2s ease,transform .15s ease;transition:background .2s ease,transform .15s ease,-webkit-transform .15s ease;width:28px}.iconBtn:hover{background:var(--input-bg);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.codeCol{display:flex;flex-direction:column}.codeHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.hint{color:var(--text-light);font-size:13px}.codeBlock{word-wrap:break-word;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.4;min-height:200px;overflow-x:auto;padding:12px;white-space:pre-wrap}.titleWithBadge{align-items:center;display:flex;font-size:18px;gap:10px}.devBadge{background:linear-gradient(90deg,#d97706,#f59e0b);border-radius:999px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}
/*# sourceMappingURL=main.1ba143f3.css.map*/