:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf8;background:#0b101a;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--muted:#7e899d;--line:#222c3b;--panel:#101722;--green:#8ff0be;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -28%,#1a2940 0,transparent 53%),#0b101a}.app-shell{max-width:1240px;margin:auto;padding:0 36px 38px}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a38}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#f3f6fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:800;letter-spacing:-1px}.brand-mark{width:29px;height:29px;border-radius:8px;background:#92f0be;color:#0a1713;display:grid;place-items:center}.brand-dot{color:#8ef0bd}.top-center{display:flex;align-items:center;gap:8px;color:#8d98a9;font-size:11px;letter-spacing:.1px}.online-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ce9a9;box-shadow:0 0 9px #66e8a355}.top-sep{color:#465163}.top-version{font:10px var(--mono);letter-spacing:1px;color:#8b97aa;text-decoration:none}.top-version span{color:#647086;margin-left:5px}.hero{text-align:center;padding:39px 0 29px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:7px;color:#8de9b6;font:500 10px var(--mono);letter-spacing:1.5px}.hero h1{font:700 37px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.5px;margin:12px 0 7px;color:#f4f6fb}.hero h1 span{color:#8fe9b8}.hero p{margin:0;color:#919caf;font-size:13px}.workspace{border:1px solid #263244;background:#0f1622;border-radius:11px;overflow:hidden;box-shadow:0 18px 55px #0003}.workspace-head{display:flex;justify-content:space-between;align-items:center;min-height:53px;padding:0 15px;border-bottom:1px solid var(--line);background:#121b28}.mode-tabs{height:53px;display:flex;align-items:stretch;gap:3px}.mode-tab{position:relative;border:0;background:none;color:#8490a3;font:500 11px Inter,ui-sans-serif,system-ui,sans-serif;padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.mode-tab:hover{color:#d5deea}.mode-tab.active{color:#9aefbd}.mode-tab.active:after{position:absolute;content:"";height:2px;background:#8debba;bottom:-1px;left:12px;right:12px;border-radius:2px}.head-actions,.pane-tools{display:flex;align-items:center;gap:13px}.text-button{background:none;border:0;color:#99a5b7;font:500 11px Inter,ui-sans-serif,system-ui,sans-serif;display:flex;align-items:center;gap:6px;cursor:pointer}.text-button:hover{color:#a2edc0}.vertical-rule{height:16px;border-left:1px solid #303b4b}.editor-grid{display:grid;grid-template-columns:1fr 1fr;min-height:345px}.pane{min-width:0;display:flex;flex-direction:column}.input-pane{border-right:1px solid var(--line)}.pane-header{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a38}.pane-header>div:first-child{display:flex;align-items:center;gap:10px}.pane-label{font:500 9px var(--mono);letter-spacing:1.2px;color:#77869c}.file-label{font:10px var(--mono);color:#b2bdcd}.line-count{font:10px var(--mono);color:#69778b}.icon-button{border:0;background:none;color:#8190a4;display:grid;place-items:center;padding:5px;cursor:pointer}.icon-button:hover:not(:disabled){color:#9bedbb}.icon-button:disabled{opacity:.3;cursor:default}.code-editor{display:flex;position:relative;flex:1;min-height:259px;max-height:390px;overflow:auto;background:#0d141e}.gutter{flex:none;width:44px;padding:13px 10px 12px 0;text-align:right;border-right:1px solid #1d2734;color:#4f5c70;font:11px/20px var(--mono);-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.gutter span{height:20px}.gutter .error-gutter{color:#ff7c8b;font-weight:700}.editor-body{position:relative;flex:1;min-width:0;min-height:100%;font:11px/20px var(--mono);-moz-tab-size:2;tab-size:2}.highlight,.editor-body textarea{margin:0;padding:13px 16px;white-space:pre;overflow:visible;min-height:100%;font:inherit;line-height:20px;-moz-tab-size:2;tab-size:2}.highlight{pointer-events:none;color:#d5dfed}.editor-body textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;color:transparent;caret-color:#e5f2f0;-webkit-text-fill-color:transparent;overflow:auto}.editor-body textarea::selection{background:#7892b544;color:transparent}.tok-string{color:#b6db9b}.tok-key{color:#9fcefa}.tok-number{color:#d5a7f5}.tok-literal{color:#f0bd7d}.pane-footer{height:32px;padding:0 14px;border-top:1px solid #202a38;display:flex;align-items:center;justify-content:space-between;color:#69768a;font:9px var(--mono)}.kbd{border:1px solid #354153;border-radius:3px;padding:1px 4px;color:#a9b5c6}.output-code{position:relative;flex:1;min-height:259px;max-height:390px;overflow:auto;display:flex;background:#0d141e}.result-gutter{flex:none;width:44px;display:flex;flex-direction:column;padding:13px 10px 12px 0;text-align:right;border-right:1px solid #1d2734;color:#4f5c70;font:11px/20px var(--mono)}.result-text{font:11px/20px var(--mono);margin:0;padding:13px 16px;color:#d5dfed;white-space:pre}.view-switch{display:flex;padding:2px;background:#1a2432;border-radius:5px;gap:2px}.view-switch button{background:transparent;border:0;color:#7f8da1;border-radius:4px;padding:4px 6px;display:grid;place-items:center;cursor:pointer}.view-switch button.selected{background:#2c394b;color:#b7f1ce}.tree-view{flex:1;min-height:259px;max-height:390px;overflow:auto;padding:15px 13px;background:#0d141e;font:11px var(--mono)}.tree-row{height:25px;display:flex;align-items:center;gap:7px;white-space:nowrap}.tree-toggle{display:grid;place-items:center;padding:0;background:none;color:#8795a8;border:0;cursor:pointer}.tree-spacer{width:14px}.tree-key{color:#9fcaf2}.tree-colon{color:#748195}.tree-summary{border:0;background:none;padding:0;font:inherit;color:#8e9bae;cursor:pointer}.tree-value{color:#b6db9b}.tree-number{color:#d5a7f5}.tree-boolean{color:#efbb79}.tree-null{color:#808ca0}.tree-type{color:#617087;font:9px var(--mono);margin-left:4px}.empty-state{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;color:#69788d;gap:7px;padding:30px}.empty-state strong{font:600 12px Inter,ui-sans-serif,system-ui,sans-serif;color:#bdc7d5}.empty-state p{font-size:10px;margin:0;color:#77849a}.error-symbol{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fa8a95;background:#542c3944;border:1px solid #693b48}.error-bar{min-height:34px;padding:0 15px;display:flex;align-items:center;gap:10px;background:#111925;border-top:1px solid #202a38;color:#a6b0bf;font-size:10px}.error-chip{font:9px var(--mono);letter-spacing:.5px;color:#ff909a;background:#492932;border-radius:3px;padding:3px 6px}.error-message{color:#eab7bd}.error-location{margin-left:auto;font:10px var(--mono);color:#d28e97}.success-message{color:#8ec5a3;display:flex;align-items:center;gap:6px}.success-message svg{color:#85e4aa}.actionbar{min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:#121b28}.action-left,.action-right{display:flex;align-items:center;gap:8px}.primary-button,.secondary-button,.download-button{height:33px;padding:0 11px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:7px;font:500 10px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.primary-button{background:#91eabb;color:#102319;border:1px solid #a6f7cc;font-weight:700}.primary-button:hover:not(:disabled){background:#a8f4ca}.secondary-button{background:#182230;color:#a8b4c5;border:1px solid #303b4b}.secondary-button:hover:not(:disabled),.secondary-button.pressed{border-color:#63816f;color:#9dedbc;background:#1d2a2b}.secondary-button:disabled,.primary-button:disabled,.download-button:disabled{opacity:.35;cursor:not-allowed}.download-button{background:transparent;color:#9de9b9;border:1px solid #446a56}.download-button:hover:not(:disabled){background:#193126}.sort-icon{font-size:15px;line-height:1}.indent-control{display:flex;align-items:center;gap:7px;margin-left:5px;color:#8390a3;font-size:10px}.indent-control button{height:29px;background:#182230;border:1px solid #303b4b;color:#bdc6d3;border-radius:4px;font:10px var(--mono);padding:0 7px;display:flex;align-items:center;gap:6px;cursor:pointer}.escape-icon{font:14px var(--mono)}.search-row{height:39px;display:flex;align-items:center;gap:10px;padding:0 15px;color:#626f82;font-size:9px;border-top:1px solid #202a38}.search-box{height:25px;width:207px;display:flex;gap:7px;align-items:center;border:1px solid #2b3646;background:#101722;border-radius:4px;padding:0 7px;color:#758298}.search-box input{min-width:0;flex:1;color:#cbd3df;background:none;border:0;outline:0;font:10px Inter,ui-sans-serif,system-ui,sans-serif}.search-box input::placeholder{color:#647187}.search-box kbd{font:9px var(--mono);color:#637187}.privacy-note{margin-left:auto;display:flex;align-items:center;gap:6px;color:#8b9aab}.feature-strip{margin:19px 0 16px;border:1px solid #222e3e;background:#0f1620;border-radius:8px;min-height:75px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.feature-strip>div{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #232d3b;min-height:39px}.feature-strip>div:last-child{border:0}.feature-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#17252a;color:#8fe6b6}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-size:10px;font-weight:600;color:#c4cedc}.feature-strip small{font-size:9px;color:#778499;margin-top:4px}footer{height:27px;display:flex;justify-content:space-between;align-items:center;color:#5e6b7e;font-size:9px}footer span:last-child{font:9px var(--mono);letter-spacing:1px;color:#657287}footer b{color:#8feabb}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#d1fae0;color:#123623;padding:9px 13px;border-radius:6px;box-shadow:0 8px 24px #0005;font-size:11px;font-weight:600;z-index:5}@media(max-width:900px){.app-shell{padding:0 20px 28px}.actionbar{align-items:flex-start;flex-direction:column}.action-left,.action-right{flex-wrap:wrap}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip>div:nth-child(2){border-right:0}.feature-strip>div{padding:10px 16px}}@media(max-width:620px){.app-shell{padding:0 12px 24px}.top-center{display:none}.top-version{font-size:8px}.hero{padding:30px 0 23px}.hero h1{font-size:29px}.hero p{font-size:11px;padding:0 10px}.workspace-head{padding:0 8px;align-items:flex-start;flex-direction:column}.mode-tabs{height:44px;width:100%;overflow:auto}.mode-tab{padding:0 9px;white-space:nowrap;font-size:10px}.head-actions{height:36px;margin-left:7px}.editor-grid{grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.code-editor,.output-code,.tree-view{min-height:230px;max-height:300px}.feature-strip{grid-template-columns:1fr}.feature-strip>div{border-right:0;border-bottom:1px solid #232d3b!important;min-height:54px}.feature-strip>div:last-child{border-bottom:0!important}.search-row>span:not(.privacy-note){display:none}.search-box{width:65%}.privacy-note{font-size:8px}.action-left,.action-right{gap:5px}.primary-button,.secondary-button,.download-button{padding:0 8px;font-size:9px}.indent-control{margin-left:0}}