:root{--lab-bg:#070912;--lab-panel:#0e101a;--lab-panel2:#12141f;--lab-purple:#8d39f6;--lab-violet:#b76dff;--lab-line:#ffffff18;--lab-green:#52e681;--lab-muted:#918c9c}body.tools-page{background:var(--lab-bg);color:#f5f3f8;overflow-x:hidden}.hexalab{width:min(1580px,calc(100% - 32px));margin:20px auto 0;font-family:Inter,Arial,sans-serif}.lab-shell{display:grid;grid-template-columns:175px minmax(660px,1fr) 395px;min-height:525px;border:1px solid var(--lab-line);border-radius:22px 22px 0 0;background:#090b13;overflow:hidden}.tool-sidebar{padding:17px 12px;border-right:1px solid var(--lab-line);background:#0d0f19}.tool-sidebar h2{margin:0 0 15px;padding:0 14px;color:#b36cff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.tool-sidebar button{position:relative;width:100%;height:74px;margin-bottom:9px;padding:0 8px 0 55px;border:1px solid #ffffff16;border-radius:10px;background:#121420;color:#c3beca;text-align:left;font-size:10px;text-transform:uppercase;cursor:pointer}.tool-sidebar button i{position:absolute;left:13px;top:50%;width:30px;height:30px;transform:translateY(-50%);display:grid;place-items:center;color:#c49aff;font-size:21px;font-style:normal}.tool-sidebar button.active{border-color:#8c3ef071;background:linear-gradient(100deg,#2c1450,#171626);color:#b76dff;box-shadow:inset 4px 0 #943fff}.json-workbench{min-width:0;padding:12px 10px 9px}.workbench-head{height:48px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--lab-line);border-radius:8px 8px 0 0;background:#11131e}.workbench-head>div{display:flex;align-items:center;gap:9px}.workbench-head>div span{color:#bf81ff;font:19px Consolas}.workbench-head h1{margin:0;font-size:16px;letter-spacing:.08em;text-transform:uppercase}.workbench-head nav{display:flex;gap:5px}.workbench-head button{height:31px;padding:0 13px;border:1px solid #ffffff17;border-radius:5px;background:#151722;color:#aaa5b2;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}.workbench-head button.active{border-color:#9c4fff;background:linear-gradient(135deg,#7127df,#9c43ff);color:#fff}.editors{display:grid;grid-template-columns:1fr 1fr;height:382px;border:1px solid var(--lab-line);border-top:0}.editor-box{min-width:0;border-right:1px solid var(--lab-line);background:#0c0e17}.editor-box:last-child{border:0}.editor-box>header{height:34px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;color:#9c97a5;font-size:9px;text-transform:uppercase}.json-status{padding:4px 10px;border-radius:10px;background:#123e1d;color:#64e886;font-size:8px}.json-status.invalid{background:#4b1720;color:#ff8b96}.code-area{display:grid;grid-template-columns:38px 1fr;height:347px;overflow:hidden}.line-numbers{margin:0;padding:10px 9px;border-right:1px solid #ffffff0d;background:#0a0c14;color:#575460;text-align:right;font:11px/1.52 Consolas;overflow:hidden}.code-area textarea,.json-output{width:100%;height:100%;margin:0;padding:10px 12px;border:0;outline:0;resize:none;background:#0b0d15;color:#77d88f;font:11px/1.52 Consolas;white-space:pre;overflow:auto;tab-size:2}.json-output{color:#d9d4df}.json-output .key{color:#75df8e}.json-output .string{color:#ed8d6c}.json-output .number{color:#b37cf1}.json-output .boolean{color:#66b6ff}.local-status{height:38px;padding:0 12px;border:1px solid #8f3de7;border-radius:0 0 8px 8px;display:flex;align-items:center;gap:24px;background:#0e1019;color:#888392;font-size:8px;text-transform:uppercase;box-shadow:0 0 18px #6820c52e}.local-status span{color:#c5c0cb;font-weight:800}.local-status span i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#58e883;box-shadow:0 0 9px #58e883}.local-status .success{color:#67e48b}.local-status em{margin-left:auto;font-style:normal}
.lab-engine{min-width:0;border-left:1px solid var(--lab-line);background:#0c0e17}.lab-engine>header{height:68px;padding:13px 17px;display:flex;justify-content:space-between}.lab-engine header strong,.lab-engine header span{display:block}.lab-engine header strong{font-size:24px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.lab-engine header span{color:#9e98a8;font-size:9px;letter-spacing:.28em;text-transform:uppercase}.lab-engine header em{color:#58e981;font-size:9px;font-style:normal;text-transform:uppercase}.engine-stage{position:relative;height:355px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;overflow:hidden}.engine-grid{position:absolute;inset:0;background-image:linear-gradient(#8e48ec0c 1px,transparent 1px),linear-gradient(90deg,#8e48ec0c 1px,transparent 1px);background-size:21px 21px}.engine-stage svg{position:absolute;inset:0;width:100%;height:100%}.engine-stage svg path{fill:none;stroke:#a34dff;stroke-width:3;stroke-dasharray:4 12;filter:drop-shadow(0 0 5px #8d35f5);animation:labCurrent 1s linear infinite}.lab-core{position:absolute;left:32px;top:93px;width:145px;height:185px;border:1px solid #7d32d3;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);display:grid;place-items:center;background:linear-gradient(#181526,#16092d);box-shadow:inset 0 0 35px #7b2fd5;filter:drop-shadow(0 0 19px #6e22c9)}.lab-core:before,.lab-core:after{content:"";position:absolute;left:30px;right:30px;height:42px;border:2px solid #a14df6;background:#1e0d38;box-shadow:0 0 20px #8e37ea}.lab-core:before{top:25px}.lab-core:after{bottom:25px}.lab-core span{position:relative;z-index:2;width:61px;height:61px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);display:grid;place-items:center;background:#5820a7;color:#fff;font-size:27px;font-weight:900;box-shadow:0 0 25px #9d4cff}.lab-core i{position:absolute;z-index:3;top:50%;width:7px;height:7px;border-radius:50%;background:#ff3848;box-shadow:0 0 9px #ff3848}.engine-module{position:absolute;right:15px;width:119px;height:75px;padding:13px;border:1px solid #8040cf;border-radius:8px;background:#11131e;box-shadow:inset 0 0 18px #6726bd21}.engine-module b,.engine-module small{display:block;text-transform:uppercase}.engine-module b{font-size:10px}.engine-module small{margin-top:4px;color:#817c8c;font-size:7px}.engine-module i{position:absolute;left:12px;right:12px;bottom:9px;height:18px;background:repeating-linear-gradient(90deg,#9f49f4 0 2px,transparent 2px 6px);clip-path:polygon(0 70%,8% 22%,15% 74%,24% 38%,31% 82%,39% 18%,48% 67%,57% 30%,65% 79%,73% 25%,82% 64%,91% 36%,100% 50%);animation:moduleWave 1.8s ease-in-out infinite}.parser{top:20px}.validator{top:139px}.exporter{top:258px}.lab-engine>footer{height:99px;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lab-engine>footer div{position:relative;padding:8px;border:1px solid #ffffff13;border-radius:7px;background:#11131d;overflow:hidden}.lab-engine>footer span{display:block;color:#827d8b;font-size:7px;text-transform:uppercase}.lab-engine>footer b{display:block;margin-top:6px;color:#ae5cff;font-size:15px}.lab-engine>footer b small{font-size:8px}.mini-chart,.event-bars{position:absolute;left:8px;right:8px;bottom:7px;height:17px;background:repeating-linear-gradient(90deg,#a249fb 0 2px,transparent 2px 5px);clip-path:polygon(0 80%,8% 30%,17% 70%,25% 35%,34% 90%,42% 20%,51% 67%,60% 35%,69% 83%,78% 25%,88% 65%,100% 40%)}.memory-bar{position:absolute;left:8px;right:8px;bottom:9px;height:7px;background:linear-gradient(90deg,#8f36ef 43%,#242532 43%)}
.developer-kit{padding:10px 0 28px;border:1px solid var(--lab-line);border-top:0;border-radius:0 0 22px 22px;background:#090b13}.kit-heading{height:34px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#a95cff;text-transform:uppercase}.kit-heading h2{margin:0;font-size:11px;letter-spacing:.15em}.kit-heading em{margin-left:auto;color:#6f6b77;font-size:8px;font-style:normal}.kit-carousel{display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.kit-carousel>button{width:34px;height:34px;margin:auto;border:1px solid #ffffff24;border-radius:50%;background:#11131e;color:#c38dff;font-size:23px;cursor:pointer}.kit-viewport{overflow:hidden}.kit-track{display:flex;gap:12px;transition:transform .6s ease}.kit-track article{position:relative;flex:0 0 calc((100% - 60px)/6);min-width:225px;height:236px;border:1px solid #ffffff1d;border-radius:11px;background:linear-gradient(145deg,#12141f,#0b0d15);overflow:hidden}.kit-track article>header{height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff10}.kit-track article h3{margin:0;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.kit-track article>header i{position:absolute;right:9px;color:#ff3545;font-size:7px;font-style:normal}.tool-preview{height:128px;margin:9px;padding:9px;border:1px solid #ffffff13;border-radius:7px;background:#0c0f16;color:#96919f;font-size:8px}.tool-preview label,.tool-preview code{display:block}.tool-preview code{margin:5px 0 9px;padding:7px;border:1px solid #ffffff12;border-radius:4px;color:#7be096;overflow:hidden}.uuid-preview>code{color:#48ed7f;font-size:13px;line-height:1.45;white-space:normal}.uuid-preview>div{display:flex;gap:6px}.uuid-preview>div span{flex:1;padding:6px;border:1px solid #ffffff12;border-radius:4px}.hash-preview code:last-child{color:#54dc7d}.qr-preview{display:flex;align-items:center;justify-content:center;gap:13px}.fake-qr{width:96px;height:96px;background:repeating-conic-gradient(#fff 0 25%,#080a10 0 50%) 0/14px 14px;border:7px solid #fff;box-shadow:inset 0 0 0 5px #080a10}.qr-preview span{font-size:20px;line-height:2}.csv-preview{display:grid;grid-template-columns:1fr 19px 1fr;gap:3px;align-items:center}.csv-preview code{height:85px;margin-top:4px;padding:5px;white-space:normal}.csv-preview>b{color:#66e58a;text-align:center}.regex-preview .match{color:#58eb83}.kit-track article>footer{height:52px;border-top:1px solid #ffffff11}.kit-track article>footer span,.kit-track article>footer b{position:absolute;top:179px;font-size:7px}.kit-track article>footer span{left:11px;color:#58e883}.kit-track article>footer b{right:11px;color:#77727f}.kit-track article>footer button{position:absolute;left:0;right:0;bottom:0;width:100%;height:31px;border:0;border-top:1px solid #ffffff11;background:transparent;color:#b86fff;font-size:8px;font-weight:900;text-transform:uppercase;cursor:pointer}.tools-page .site-footer{background:#080a12!important;border-color:#ffffff17!important}.tools-page .footer-copy{color:#898492!important}.tools-page .float-wa{z-index:30}@keyframes labCurrent{to{stroke-dashoffset:-32}}@keyframes moduleWave{50%{transform:scaleY(.55);filter:brightness(1.6)}}
@media(max-width:1250px){.lab-shell{grid-template-columns:145px 1fr}.lab-engine{grid-column:1/-1;border-left:0;border-top:1px solid var(--lab-line);display:grid;grid-template-columns:1fr 1fr}.lab-engine>header{grid-column:1/-1}.engine-stage{height:355px}.lab-engine>footer{height:auto;align-self:stretch}.kit-track article{flex-basis:calc((100% - 24px)/3)}}@media(max-width:760px){.hexalab{width:min(100% - 18px,1580px);margin-top:16px}.lab-shell{display:block;border-radius:18px 18px 0 0}.tool-sidebar{display:flex;gap:6px;overflow:auto;padding:8px}.tool-sidebar h2{display:none}.tool-sidebar button{flex:0 0 105px;height:50px;margin:0;padding:0 7px 0 37px}.tool-sidebar button i{left:7px;width:25px;font-size:16px}.json-workbench{padding:7px}.workbench-head{height:auto;padding:8px;display:block}.workbench-head>div{margin-bottom:8px}.workbench-head nav{overflow:auto}.workbench-head button{flex:0 0 auto}.editors{grid-template-columns:1fr;height:auto}.editor-box{border-right:0;border-bottom:1px solid var(--lab-line)}.code-area{height:300px}.local-status{height:auto;min-height:40px;flex-wrap:wrap;gap:9px;padding:8px}.local-status em{width:100%;margin:0}.lab-engine{display:block}.engine-stage{height:355px}.lab-engine>footer{height:100px}.kit-heading em{display:none}.kit-carousel{grid-template-columns:32px 1fr 32px}.kit-track article{flex-basis:88%;min-width:250px}}