@import "https://fonts.googleapis.com/css2?family=Scoutie+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--bg:#050c10;--bg-dark:#030609;--surface:#0f1618;--editor:#030608;--border:#1a2222;--accent:#4fd392;--text:#f3f4f4;--text-muted:#a3a6ab}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);font-family:Scoutie Sans,sans-serif;overflow-x:hidden}input,button{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.main-container{background-color:var(--bg);flex-direction:column;justify-content:space-between;gap:clamp(24px,5vh,64px);width:100%;min-height:100vh;padding-bottom:clamp(24px,5vh,64px);display:flex}.editor-container{border:solid 1px var(--accent);border-radius:20px;justify-content:space-between;align-items:center;max-width:90vw;height:clamp(560px,80vh,820px);min-height:560px;margin:0 5%;padding:2%;display:flex}.editor-container .input-section,.editor-container .output-section{flex:4.5;min-width:0;height:100%}.editor-container .input-section .heading-section,.editor-container .output-section .heading-section{justify-content:space-between;align-items:center;height:10%;display:flex}.editor-container .input-section .heading-section .heading,.editor-container .output-section .heading-section .heading{color:var(--accent);margin:0;font-size:clamp(.95rem,1.2vw,1.2rem);font-weight:500}.editor-container .input-section .heading-section .btn,.editor-container .output-section .heading-section .btn{border:solid 1px var(--accent);color:var(--accent);background-color:#0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:clamp(130px,10vw,170px);min-height:40px;font-size:clamp(.8rem,1vw,1rem);transition:all .2s linear;display:flex}.editor-container .input-section .heading-section .btn .icon,.editor-container .output-section .heading-section .btn .icon{font-size:clamp(1rem,1.2vw,1.25rem)}.editor-container .input-section .heading-section .btn:hover,.editor-container .output-section .heading-section .btn:hover{background-color:var(--accent);color:var(--bg-dark);cursor:pointer}.editor-container .input-section .heading-section .buttons-container,.editor-container .output-section .heading-section .buttons-container{justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.editor-container .input-section .heading-section .buttons-container .inactive,.editor-container .output-section .heading-section .buttons-container .inactive{color:#000;background-color:gray;border:#000}.editor-container .input-section .editor,.editor-container .output-section .editor{height:calc(100% - 48px);min-height:0;max-height:calc(100% - 48px)}.editor-container .arrowmark-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.editor-container .arrowmark-container .icon{color:var(--accent);font-size:4vw}@media (width<=900px){.editor-container{flex-direction:column;align-items:stretch;gap:16px;height:auto;min-height:0;padding:20px}.editor-container .input-section,.editor-container .output-section{flex:none;height:55vh;min-height:320px}.editor-container .input-section .heading-section,.editor-container .output-section .heading-section{gap:12px;height:auto;min-height:42px}.editor-container .input-section .heading-section .heading,.editor-container .output-section .heading-section .heading{font-size:1rem}.editor-container .input-section .heading-section .btn,.editor-container .output-section .heading-section .btn{width:auto;min-height:36px;padding:0 12px;font-size:.8rem}.editor-container .input-section .heading-section .btn .icon,.editor-container .output-section .heading-section .btn .icon{font-size:1.1rem}.editor-container .input-section .editor,.editor-container .output-section .editor{height:calc(100% - 42px);min-height:calc(100% - 42px);max-height:calc(100% - 42px)}.editor-container .arrowmark-container{flex:none;height:auto;min-height:40px}.editor-container .arrowmark-container .icon{font-size:2.5rem;transform:rotate(90deg)}.editor-container .output-section .heading-section .buttons-container{gap:8px}.editor-container .output-section .heading-section .buttons-container .btn{width:auto}}@media (width<=560px){.editor-container{border-radius:14px;margin:0 5%;padding:14px}.editor-container .input-section,.editor-container .output-section{height:48vh;min-height:280px}.editor-container .input-section .heading-section .btn,.editor-container .output-section .heading-section .btn{gap:4px;padding:0 8px;font-size:.7rem}.editor-container .output-section .heading-section .buttons-container .btn{padding:0 6px;font-size:.7rem}.editor-container .output-section .heading-section .buttons-container .download-btn{white-space:nowrap;text-indent:-9999px;max-width:42px;overflow:hidden}.editor-container .output-section .heading-section .buttons-container .download-btn .icon{text-indent:0}}.json-editor-wrapper{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.json-editor-wrapper .json-editor{border-radius:12px;flex:1 1 0;width:100%;height:100%;min-height:0;overflow:hidden}.json-editor-wrapper .json-editor>div{height:100%;min-height:0}.json-editor-wrapper .json-editor .cm-editor{background:#211c29;width:100%;min-height:0;font-family:Fira Code,Consolas,monospace;font-size:14px;height:100%!important}.json-editor-wrapper .json-editor .cm-scroller{height:100%;padding:16px 0;overflow:auto}.json-editor-wrapper .json-editor .cm-content{padding:0}.json-editor-wrapper .json-editor .cm-line{padding-left:8px}.json-editor-wrapper .json-editor .cm-gutters{color:#756c82;background:#211c29;border:none;min-width:45px}.json-editor-wrapper .json-editor .cm-activeLineGutter{color:#a99db8;background:0 0}.json-editor-wrapper .json-editor .cm-activeLine{background:#ffffff06}.json-editor-wrapper .json-editor .cm-cursor{border-left-color:#fff}.json-editor-wrapper .json-editor .cm-selectionBackground{background:#ffffff1f!important}.json-editor-wrapper .json-editor .cm-focused{outline:none}.json-editor-wrapper .json-status{align-items:center;gap:10px;margin-top:10px;font-size:clamp(.75rem,1vw,1rem);display:flex}.json-editor-wrapper .json-status .status-dot{border-radius:50%;width:10px;height:10px}.json-editor-wrapper .json-status.invalid{color:red}.json-editor-wrapper .json-status.invalid .status-dot{background-color:red}.json-editor-wrapper .json-status.valid{color:var(--accent)}.json-editor-wrapper .json-status.valid .status-dot{background-color:var(--accent)}.typescript-editor-wrapper{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.typescript-editor-wrapper .typescript-editor{border-radius:12px;width:100%;height:100%;min-height:0;overflow:hidden}.typescript-editor-wrapper .typescript-editor>div{height:100%;min-height:0}.typescript-editor-wrapper .typescript-editor .cm-editor{color:#e9e3ef;background:#211c29;width:100%;min-height:0;font-family:Fira Code,Consolas,monospace;font-size:14px;height:100%!important}.typescript-editor-wrapper .typescript-editor .cm-scroller{height:100%;padding:16px 0;overflow:auto}.typescript-editor-wrapper .typescript-editor .cm-content{padding:0}.typescript-editor-wrapper .typescript-editor .cm-line{padding-left:8px}.typescript-editor-wrapper .typescript-editor .cm-gutters{color:#756c82;background:#211c29;border:none;min-width:45px}.typescript-editor-wrapper .typescript-editor .cm-activeLineGutter{background:0 0}.typescript-editor-wrapper .typescript-editor .cm-focused{outline:none}.typescript-editor-wrapper .json-status{align-items:center;gap:10px;margin-top:10px;font-size:clamp(.75rem,1vw,1rem);display:flex}.typescript-editor-wrapper .json-status .status-dot{border-radius:50%;width:10px;height:10px}.typescript-editor-wrapper .json-status.invalid{color:red}.typescript-editor-wrapper .json-status.invalid .status-dot{background-color:red}.typescript-editor-wrapper .json-status.valid{color:var(--accent)}.typescript-editor-wrapper .json-status.valid .status-dot{background-color:var(--accent)}.properties-container{border:solid 1px var(--accent);border-radius:20px;justify-content:space-between;gap:30px;max-width:90vw;min-height:15vh;margin-left:5%;margin-right:5%;padding:2% 2% 0;display:flex}.properties-container .col{border-right:solid 1px var(--accent);flex-direction:column;flex:1;gap:10px;height:80%;display:flex}.properties-container .col .heading{align-items:center;gap:10px;font-size:1vw;font-weight:500;display:flex}.properties-container .col .heading .icon{color:var(--accent);font-size:1.3vw}.properties-container .col .root-name-input{border:solid 1px var(--accent);width:85%;height:40px;color:var(--text);background-color:#4fd3911e;border-radius:10px;padding-left:5%;font-size:.8vw;transition:all .2s linear}.properties-container .col .root-name-input::placeholder{color:var(--text-muted)}.properties-container .col .root-name-input:hover{box-shadow:0px 0px 4px var(--accent);border:1px solid #fff}.properties-container .col .description{color:var(--text-muted);font-size:.9vw}.properties-container .col .button-container{justify-content:space-between;align-items:stretch;width:90%;height:40px;display:flex}.properties-container .col .button-container .output-btn{border:solid 1px var(--accent);color:var(--accent);background-color:#0000;flex:1;font-size:.8vw}.properties-container .col .button-container .output-btn:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.properties-container .col .button-container .output-btn:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.properties-container .col .button-container .output-btn.active{background-color:var(--accent);color:var(--bg)}.properties-container .col .button-container .output-btn:hover{cursor:pointer}.properties-container .col .checkbox-container{gap:10px;font-size:1vw;display:flex}.properties-container .col .actions-btns{gap:10px}.properties-container .col .actions-btns .format-btn{border:solid 1px var(--accent);color:var(--accent);background-color:#0000;border-radius:10px;flex:1.5;justify-content:center;align-items:center;gap:10px;font-size:.8vw;transition:all .2s linear;display:flex}.properties-container .col .actions-btns .format-btn .icon{font-size:1.2vw}.properties-container .col .actions-btns .format-btn:hover{background-color:var(--accent);color:var(--bg-dark);cursor:pointer}.properties-container .col .actions-btns .clear-btn{color:red;background-color:#0000;border:1px solid red;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:.8vw;transition:all .2s linear;display:flex}.properties-container .col .actions-btns .clear-btn .icon{font-size:1.2vw}.properties-container .col .actions-btns .clear-btn:hover{color:#fff;cursor:pointer;background-color:red}.properties-container .col:last-child{border:none}@media (width<=900px){.properties-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;height:auto;padding:20px;display:grid}.properties-container .col{border-right:none;border-bottom:solid 1px var(--accent);width:100%;height:auto;min-height:110px;padding-bottom:20px}.properties-container .col:nth-child(3),.properties-container .col:last-child{border-bottom:none;padding-bottom:0}.properties-container .col .heading,.properties-container .col .checkbox-container{font-size:.9rem}.properties-container .col .heading .icon{font-size:1.1rem}.properties-container .col .root-name-input,.properties-container .col .button-container{width:100%}.properties-container .col .root-name-input,.properties-container .col .button-container,.properties-container .col .actions-btns{min-height:40px}.properties-container .col .heading,.properties-container .col .checkbox-container{line-height:1.4}.properties-container .col .root-name-input,.properties-container .col .output-btn,.properties-container .col .format-btn,.properties-container .col .clear-btn{font-size:.8rem}.properties-container .col .description{font-size:.78rem}}@media (width<=560px){.properties-container{grid-template-columns:1fr;gap:18px}.properties-container .col,.properties-container .col:nth-child(3),.properties-container .col:last-child{border-bottom:solid 1px var(--accent);min-height:0;padding-bottom:18px}.properties-container .col .root-name-input,.properties-container .col:nth-child(3) .root-name-input,.properties-container .col:last-child .root-name-input{font-size:.875rem}.properties-container .col .button-container button .icon,.properties-container .col:nth-child(3) .button-container button .icon,.properties-container .col:last-child .button-container button .icon{font-size:4vw}.properties-container .col .button-container button,.properties-container .col:nth-child(3) .button-container button,.properties-container .col:last-child .button-container button{font-size:.9rem!important}.properties-container .col:last-child{border-bottom:none;padding-bottom:0}}.hero-container{justify-content:space-between;align-items:center;width:100%;min-height:clamp(120px,15vh,180px);padding:0 5%;display:flex}.hero-container .left{flex:3}.hero-container .left .main-title{align-items:center;font-size:clamp(2rem,3vw,3.5rem);font-weight:400;display:flex}.hero-container .left .main-title .icon{font-size:clamp(2rem,3vw,3.5rem)}.hero-container .left .main-title span{color:var(--accent)}.hero-container .left .sub-title{font-size:clamp(.9rem,1.2vw,1.2rem)}.hero-container .right{border:solid 1px var(--accent);background-color:#4fd39115;border-radius:20px;flex:1;gap:10px;padding:20px;display:flex}.hero-container .right .icon-container .icon{color:var(--accent);font-size:clamp(1.5rem,2vw,2.25rem)}.hero-container .right .texts .main-text{font-size:clamp(.9rem,1vw,1rem)}.hero-container .right .texts .sub-text{color:var(--accent);font-size:clamp(.75rem,.9vw,.95rem)}@media (width<=700px){.hero-container{flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:28px 5% 0}.hero-container .left .main-title,.hero-container .left .main-title .icon{font-size:clamp(1.8rem,9vw,2.8rem)}.hero-container .left .sub-title{margin-top:8px;font-size:.95rem}.hero-container .right{border-radius:14px;padding:14px}.hero-container .right .icon-container .icon{font-size:1.8rem}.hero-container .right .texts .sub-text{font-size:.8rem}}.navbar-container{background-color:var(--bg-dark);justify-content:space-between;align-items:center;min-height:clamp(64px,10vh,96px);padding:0 5%;display:flex;position:relative}.navbar-container .logo-container{justify-content:center;align-items:center;width:15%;height:100%;display:flex}.navbar-container .logo-container .logo{width:100%}.navbar-container .logo-container:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.navbar-container .logo-container.parent{width:20%}.navbar-container .button-container{justify-content:space-between;align-items:center;width:30%;height:auto;display:flex}.navbar-container .button-container .back-btn{border:solid 2px var(--accent);width:40%;min-height:46px;color:var(--accent);background-color:#0000;border-radius:20px;justify-content:center;align-items:center;gap:10px;font-size:clamp(.7rem,.8vw,.95rem);text-decoration:none;transition:all .2s linear;display:flex}.navbar-container .button-container .back-btn .icon{font-size:clamp(1rem,1.5vw,1.5rem)}.navbar-container .button-container .back-btn:hover{background-color:var(--accent);color:var(--text);cursor:pointer}.navbar-container .menu-toggle,.navbar-container .mobile-menu{display:none}@media (width<=640px){.navbar-container{min-height:68px;padding:12px 5%}.navbar-container .logo-container{width:38%}.navbar-container .logo-container.parent,.navbar-container .button-container{display:none}.navbar-container .menu-toggle{border:1px solid var(--accent);width:42px;height:42px;color:var(--accent);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.navbar-container .menu-toggle .icon{font-size:1.5rem}.navbar-container .menu-toggle:hover{background-color:var(--accent);color:var(--bg-dark);cursor:pointer}.navbar-container .mobile-menu{z-index:10;border:1px solid var(--accent);background:var(--bg-dark);border-radius:14px;flex-direction:column;gap:20px;padding:18px;display:flex;position:absolute;top:calc(100% + 8px);left:5%;right:5%;box-shadow:0 12px 28px #00000073}.navbar-container .mobile-menu .mobile-menu-header{color:var(--accent);justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.navbar-container .mobile-menu .mobile-menu-header .mobile-menu-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.navbar-container .mobile-menu .mobile-menu-header .mobile-menu-close .icon{font-size:1.25rem}.navbar-container .mobile-menu .mobile-menu-buttons{gap:10px;display:flex}.navbar-container .mobile-menu .mobile-menu-buttons .back-btn{border:1px solid var(--accent);min-height:44px;color:var(--accent);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.75rem;display:flex}.navbar-container .mobile-menu .mobile-menu-buttons .back-btn .icon{font-size:1.1rem}.navbar-container .mobile-menu .mobile-menu-logo{align-self:center;width:min(190px,70%);margin-top:8px}}.specialities-container{border:solid 1px var(--accent);border-radius:20px;justify-content:space-around;align-items:center;gap:50px;width:90vw;min-width:0;max-width:86vw;min-height:15vh;margin-left:5vw;padding:0 2vw;display:flex}.specialities-container .col{text-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.specialities-container .col .icon-container{aspect-ratio:1;border:solid 1px var(--accent);width:5vw;box-shadow:0px 0px 8px var(--accent);color:var(--accent);border-radius:14px;justify-content:center;align-items:center;font-size:2vw;display:flex}.specialities-container .col .icon-container .icon{font-size:1.5vw}.specialities-container .col .icon-container.two{color:orange;border:1px solid orange;box-shadow:0 0 8px orange}.specialities-container .col .icon-container.three{color:purple;border:1px solid purple;box-shadow:0 0 8px purple}.specialities-container .col .icon-container.four{color:#0ff;border:1px solid #0ff;box-shadow:0 0 8px #0ff}.specialities-container .col .text-container .main-title{margin:0;font-size:1.2vw;font-weight:600}.specialities-container .col .text-container .sub-title{color:var(--text-muted);font-weight:300}.tip-container{border:solid 1px var(--accent);background-color:#4fd39110;border-radius:20px;align-items:center;min-width:90vw;max-width:90vw;height:8vh;margin-left:5vw;display:flex;box-shadow:0 0 6px #4fd3918a}.tip-container .icon-container{margin-left:2%}.tip-container .icon-container .icon{color:var(--accent);font-size:2vw}.tip-container .tip{margin-left:2%}.tip-container .tip p{color:var(--text-muted);font-size:1.1vw}.tip-container .tip p .head{color:var(--accent);font-weight:700}.tip-container .tip p .control{color:var(--accent);border:solid 1px var(--accent);border-radius:10px;margin:0 10px;padding:5px 10px}@media (width<=1100px){.specialities-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto;min-height:0;padding:20px;display:grid}.specialities-container .col{justify-content:flex-start}.specialities-container .col .icon-container{flex:0 0 52px;width:52px;font-size:1.5rem}.specialities-container .col .icon-container .icon{font-size:1.25rem}.specialities-container .col .text-container .main-title{font-size:1rem}.specialities-container .col .text-container .sub-title{font-size:.8rem}}@media (width<=560px){.specialities-container{border-radius:14px;grid-template-columns:1fr;gap:20px;padding:18px}.specialities-container .col{justify-content:flex-start}}