:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17131f;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}.motricialy-emergency-header,.motricialy-emergency-footer{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.motricialy-emergency-header{height:68px;display:flex;align-items:center;border-bottom:1px solid #eee;background:#fff}.motricialy-emergency-header .inner,.motricialy-emergency-footer .inner{width:min(1180px,calc(100% - 28px));margin:auto}.motricialy-emergency-header a{color:#2e155f;text-decoration:none;font-weight:800}.motricialy-emergency-footer{padding:34px 0;background:#f8f6ff;border-top:1px solid #eee9ff;color:#706a79;font-size:13px}
.json-tool{--purple-950:#2e155f;--purple-900:#3c1d7d;--purple-800:#4d28a6;--purple-700:#5d35cc;--purple-600:#6f4be8;--purple-500:#815ff0;--purple-400:#9b7cf4;--purple-200:#d9cffb;--purple-100:#eee9ff;--purple-50:#f8f6ff;--ink:#17131f;--muted:#706a79;--border:#e6e1eb;--shadow:0 12px 34px rgba(63,36,118,.075);color:var(--ink);background:#fff;overflow:hidden}.json-tool *,.json-tool *::before,.json-tool *::after{box-sizing:border-box}.json-tool button:focus-visible,.json-tool a:focus-visible,.json-tool textarea:focus-visible,.json-tool select:focus-visible,.json-tool input:focus-visible,.json-tool summary:focus-visible,.json-tool [tabindex]:focus-visible{outline:3px solid rgba(129,95,240,.24);outline-offset:2px}
.hero-section{padding:48px 20px 38px;text-align:center;background:linear-gradient(180deg,#fff 0%,#fff 75%,#fcfbff 100%)}.hero-copy{width:min(820px,100%);margin:0 auto 28px}.hero-eyebrow{display:inline-block;margin-bottom:10px;color:var(--purple-700);font-size:12px;line-height:1;font-weight:800;letter-spacing:.11em}.hero-copy h1{margin:0;color:#18141e;font-size:clamp(42px,5vw,52px);line-height:1.06;font-weight:820;letter-spacing:-1.8px}.hero-copy p{width:min(720px,100%);margin:14px auto 0;color:#6e6875;font-size:17px;line-height:1.65}.tool-shell{width:min(1200px,100%);margin:0 auto;padding:24px;text-align:left;background:#fff;border:1px solid #e9e5ed;border-radius:22px;box-shadow:var(--shadow)}
.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.mode-group{display:inline-flex;padding:4px;background:#f5f2f9;border-radius:12px}.mode-btn{min-height:40px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#6e6875;font-size:14px;font-weight:750}.mode-btn.active{background:#fff;color:var(--purple-800);box-shadow:0 2px 8px rgba(50,30,85,.08)}.toolbar-options{display:flex;align-items:center;gap:16px;color:#5b5562;font-size:13px;font-weight:650}.toolbar-options label{display:flex;align-items:center;gap:8px}.toolbar-options select{height:38px;padding:0 30px 0 10px;border:1px solid #ddd7e3;border-radius:9px;background:#fff;color:#3d3743}.check-label input{accent-color:var(--purple-600);width:16px;height:16px}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-pane{min-width:0;border:1px solid #ded9e3;border-radius:15px;background:#fdfcff;overflow:hidden}.pane-head{min-height:50px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ebe7ef;background:#fff}.pane-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.pane-head strong{font-size:13px;color:#37313c}.pane-head span{color:#8a8390;font-size:11px}.pane-actions{display:flex;gap:5px;align-items:center}.text-btn{min-height:32px;padding:0 9px;border:1px solid #e3ddec;border-radius:8px;background:#fff;color:#5d35cc;font-size:12px;font-weight:750}.text-btn:hover{background:#f8f6ff;border-color:#cfc3ef}.text-btn:disabled{opacity:.45;cursor:not-allowed}.upload-file-control{display:inline-flex;align-items:center;cursor:pointer}.upload-file-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#json-input{display:block;width:100%;min-height:420px;padding:16px;resize:vertical;border:0;outline:0;background:#fdfcff;color:#26212c;font:13px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.output-code{min-height:420px;max-height:620px;overflow:auto;padding:16px;white-space:pre;tab-size:2;color:#2c2633;background:#fdfcff;font:13px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.output-code.empty{white-space:normal;color:#938b9b}.view-tabs{display:flex;gap:3px}.view-tab{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#77707e;font-size:12px;font-weight:750}.view-tab.active{background:var(--purple-50);color:var(--purple-800)}.tree-output{min-height:420px;max-height:620px;overflow:auto;padding:14px;background:#fdfcff;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tree-empty{color:#928a99}.tree-node{margin:3px 0}.tree-node>summary{cursor:pointer;color:#4d28a6;font-weight:700}.tree-children{margin-left:18px;padding-left:12px;border-left:1px solid #e3dcf2}.tree-leaf{display:flex;gap:8px;padding:2px 0}.tree-key{color:#5d35cc}.tree-string .tree-value{color:#24705e}.tree-number .tree-value{color:#9a4b14}.tree-boolean .tree-value,.tree-null .tree-value{color:#7d3bb3}.result-bar{margin-top:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ebe6f0;border-radius:12px;background:#faf9fc}.status-wrap{display:flex;align-items:center;gap:7px;min-width:0}.status-wrap strong{font-size:13px;color:#39333f}.status-wrap span:last-child{font-size:12px;color:#837b8a;overflow-wrap:anywhere}.status-dot{width:8px;height:8px;border-radius:50%;background:#a9a2ad;flex:0 0 auto}.status-dot.success{background:#33a06f}.status-dot.error{background:#cf4c4c}.stats{font-size:11px;color:#8a8390;text-align:right}.privacy-note{margin:12px 0 0;color:#7c7583;font-size:12px;text-align:center}.primary-btn{width:100%;min-height:50px;margin-top:14px;border:0;border-radius:12px;background:var(--purple-600);color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 18px rgba(111,75,232,.18);transition:background .16s ease,transform .16s ease}.primary-btn:hover{background:var(--purple-700);transform:translateY(-1px)}.shortcut-note{margin:8px 0 0;text-align:center;color:#9a929f;font-size:11px}.trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:18px auto 0;color:#746d7b;font-size:13px}.trust-row span::before{content:'✓';margin-right:6px;color:var(--purple-600);font-weight:900}
.landing-section{padding:72px 20px}.section-inner{width:min(980px,100%);margin:0 auto;text-align:left}.section-label{display:inline-block;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:var(--purple-100);color:var(--purple-800);font-size:11px;font-weight:850;letter-spacing:.09em}.section-inner h2{margin:0;color:#2d174f;font-size:30px;line-height:1.15;letter-spacing:-.7px}.section-underline{display:block;width:54px;height:4px;margin:14px 0 28px;border-radius:99px;background:linear-gradient(90deg,var(--purple-600),var(--purple-400))}.how-section{background:#fff}.features-section,.faq-section{background:#fbfaff}.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card,.feature-card{position:relative;padding:22px;border:1px solid #e4dcf5;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(68,40,119,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.step-card:hover,.feature-card:hover{transform:translateY(-3px);border-color:#d5c8ef;box-shadow:0 15px 30px rgba(68,40,119,.09)}.step-no{width:34px;height:34px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:#fff;font-size:13px;font-weight:850}.step-card h3,.feature-card h3{margin:0 0 8px;color:#39265d;font-size:17px}.step-card p,.feature-card p,.guidance-card p,.faq-list p{margin:0;color:#706a79;font-size:15px;line-height:1.7}.feature-card::after{content:'';position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#f0ebff,#e4dafd);opacity:.75;transition:transform .18s ease}.feature-card:hover::after{transform:scale(1.14)}.guidance-section{background:#fff}.guidance-card{padding:28px 30px;border:1px solid #ded5f6;border-radius:18px;background:linear-gradient(145deg,#fcfbff,#f7f3ff)}.guidance-card p+p{margin-top:14px}.guidance-card a,.faq-list a{color:var(--purple-700);font-weight:700;text-underline-offset:3px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e6dff2;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .16s ease,background .16s ease}.faq-list details:hover{border-color:#cdbff1;background:#faf8ff}.faq-list details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 var(--purple-600)}.faq-list summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#382c4a;font-size:15px;font-weight:780}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span::after{content:'+';color:var(--purple-700);font-size:20px}.faq-list details[open] summary span::after{content:'−'}.faq-list p{padding:0 18px 18px}.related-section{background:#fff}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 18px 22px;border:1px solid #e6dff2;border-radius:14px;background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.related-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--purple-500);transition:width .18s ease}.related-card:hover{transform:translateY(-2px);border-color:#e5ddfb;box-shadow:0 12px 28px rgba(68,40,119,.08)}.related-card:hover::before{width:5px}.related-card strong{display:block;color:#3b285d;font-size:15px}.related-card small{display:block;margin-top:4px;color:#7d7684;font-size:13px}.related-card b{color:var(--purple-600);font-size:20px;transition:transform .18s ease}.related-card:hover b{transform:translateX(2px)}
@media(max-width:900px){.workspace-toolbar{align-items:flex-start;flex-direction:column}.editor-grid{grid-template-columns:1fr}.toolbar-options{width:100%;justify-content:space-between}.steps-grid,.features-grid{grid-template-columns:1fr 1fr}.output-code,#json-input,.tree-output{min-height:330px}}
@media(max-width:620px){.hero-section{padding:30px 14px 28px}.hero-copy{margin-bottom:22px}.hero-copy h1{max-width:340px;margin:auto;font-size:clamp(34px,10vw,43px);line-height:1.06;letter-spacing:-1.3px}.hero-copy p{margin-top:12px;font-size:15px;line-height:1.6}.tool-shell{padding:16px;border-radius:17px}.mode-group{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.mode-btn{padding:0 8px}.toolbar-options{align-items:flex-start;flex-direction:column;gap:10px}.pane-head{align-items:flex-start;flex-direction:column}.output-head{flex-direction:row;align-items:center}.pane-actions{flex-wrap:wrap}.output-code,#json-input,.tree-output{min-height:300px}.result-bar{align-items:flex-start;flex-direction:column}.status-wrap{align-items:flex-start;flex-wrap:wrap}.stats{text-align:left}.primary-btn{min-height:50px}.trust-row{gap:10px 18px;margin-top:16px}.landing-section{padding:52px 14px}.section-inner h2{font-size:27px}.steps-grid,.features-grid,.related-grid{grid-template-columns:1fr}.step-card,.feature-card{padding:20px}.step-card:hover,.feature-card:hover,.related-card:hover{transform:none}.guidance-card{padding:22px 20px}.faq-list summary{padding:15px}.faq-list p{padding:0 15px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.json-tool *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}