.javascript-ast-page .dev-intro{max-width:820px}.ast-workspace{overflow:hidden;margin-top:34px;border:1px solid var(--developer-border);border-radius:24px;background:#fff}.ast-file-input{display:none}.ast-builder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:760px}.ast-input-panel,.ast-output-panel{min-width:0;padding:30px}.ast-input-panel{border-right:1px solid var(--developer-border);background:#fff}.ast-output-panel{background:#fff}.ast-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ast-panel-heading>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--developer-accent);color:#fff;font-size:14px;font-weight:800}.ast-panel-heading div{display:grid;gap:2px}.ast-panel-heading strong{color:#17202b;font-size:17px;line-height:1.25}.ast-panel-heading small{color:#68717c;font-size:13px}.ast-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #dce1e6;border-radius:13px;background:#fff}.ast-mode-picker button{min-height:39px;border:0;border-radius:9px;background:transparent;color:#64707d;font-size:13px;font-weight:750;cursor:pointer}.ast-mode-picker button.is-active{background:var(--developer-accent);color:#fff}.ast-field{display:grid;gap:8px;margin-top:16px}.ast-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#34414e;font-size:13px;font-weight:760}.ast-field>span small{color:#7a8490;font-size:13px;font-weight:550}.ast-source{display:block;width:100%;min-height:485px;padding:15px;resize:vertical;border:1px solid #d6dbe0;border-radius:14px;outline:none;background:#fff;color:#202a35;font:500 14px/1.58 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-moz-tab-size:2;tab-size:2;transition:border-color .15s ease}.ast-source:focus{border-color:var(--developer-accent)}.ast-local-note{display:flex;align-items:center;gap:11px;margin-top:17px;padding:13px 14px;border:1px solid var(--developer-border);border-radius:14px;background:#fff;color:var(--developer-accent)}.ast-local-note>svg{width:22px;height:22px;flex:0 0 auto}.ast-local-note span{display:grid;gap:2px;min-width:0}.ast-local-note strong{color:#273341;font-size:14px}.ast-local-note small{overflow-wrap:anywhere;color:#727c87;font-size:13px;line-height:1.45}.ast-action{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:14px;background:var(--developer-accent);color:#fff;font-size:15px;font-weight:800;cursor:pointer}.ast-action:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.ast-action:disabled{cursor:wait;opacity:.72}.ast-action svg{width:19px;height:19px}.ast-error{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:13px 14px;border:1px solid #fecaca;border-radius:13px;background:#fff7f7;color:#9f2637;font-size:14px;font-weight:650;line-height:1.5}.ast-error svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px}.ast-empty{display:grid;min-height:575px;place-items:center;align-content:center;gap:10px;padding:42px;text-align:center}.ast-empty>svg{width:46px;height:46px;color:var(--developer-accent);opacity:.62}.ast-empty strong{color:#263342;font-size:19px}.ast-empty p{max-width:410px;margin:0;color:#697582;font-size:14px;line-height:1.62}.ast-hero-result{display:grid;justify-items:start;padding:23px;border:1px solid var(--developer-border);border-radius:18px;background:#fff}.ast-hero-result--error{border-color:#f3a9ae;background:linear-gradient(145deg,#fff1f2,#fff)}.ast-hero-result>span{display:flex;align-items:center;gap:7px;color:var(--developer-accent);font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.ast-hero-result>span svg{width:17px;height:17px}.ast-hero-result>strong{max-width:100%;overflow-wrap:anywhere;margin-top:10px;color:#182330;font-size:clamp(33px,5vw,50px);line-height:1.02;letter-spacing:-.045em}.ast-hero-result>small{margin-top:6px;color:#606d79;font-size:14px;font-weight:700}.ast-hero-result>p{margin:14px 0 0;color:#576573;font-size:14px;line-height:1.58}.ast-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.ast-metrics>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid #e4e7ea;border-radius:12px;background:#fff}.ast-metrics span{overflow-wrap:anywhere;color:#7a8490;font-size:13px;font-weight:700;text-transform:uppercase}.ast-metrics strong{overflow-wrap:anywhere;color:#25313d;font-size:15px}.ast-result-section{margin-top:24px}.ast-output-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.ast-output-heading>div{min-width:0}.ast-output-heading h3{margin:0;color:#202c39;font-size:16px}.ast-output-heading p{margin:3px 0 0;color:#7b8590;font-size:13px}.ast-table-wrap{max-width:100%;max-height:360px;overflow:auto;border:1px solid #e0e4e8;border-radius:13px}.ast-result-table{width:100%;border-collapse:collapse;font-size:13px}.ast-result-table th,.ast-result-table td{max-width:330px;overflow:hidden;padding:10px 11px;border-bottom:1px solid #e8ebee;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ast-result-table th{position:sticky;top:0;z-index:1;background:#f7f8f9;color:#5a6672;font-size:13px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.ast-result-table td{color:#303d49}.ast-result-table tr:last-child td{border-bottom:0}.ast-no-rows{padding:24px;border:1px dashed #d8dde1;border-radius:13px;color:#707b86;text-align:center;font-size:14px}.ast-code-output{max-height:420px;overflow:auto;margin:0;padding:16px;border:1px solid #dfe3e7;border-radius:14px;background:#17202b;color:#eaf2ff;font:500 13px/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.ast-notes{display:grid;gap:8px;margin-top:20px}.ast-notes p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#64707d;font-size:13px;line-height:1.52}.ast-notes svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px;color:var(--developer-accent)}.ast-downloads{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding:15px;border:1px solid var(--developer-border);border-radius:15px;background:var(--developer-tint)}.ast-downloads>div{display:flex;align-items:center;gap:10px;min-width:0}.ast-downloads>div>svg{width:22px;height:22px;flex:0 0 auto;color:var(--developer-accent)}.ast-downloads>div span{display:grid;gap:2px;min-width:0}.ast-downloads strong{color:#273340;font-size:13px}.ast-downloads small{color:#707b86;font-size:13px}.ast-downloads>span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.ast-downloads button{display:inline-flex;min-height:34px;align-items:center;gap:5px;border:1px solid var(--developer-border);border-radius:9px;background:#fff;color:var(--developer-accent);font-size:13px;font-weight:800;cursor:pointer}.ast-downloads button:hover{border-color:var(--developer-accent)}.ast-downloads button svg{width:13px;height:13px}@media(max-width:900px){.ast-builder{grid-template-columns:1fr}.ast-input-panel{border-right:0;border-bottom:1px solid var(--developer-border)}.ast-empty{min-height:330px}}@media(max-width:620px){.ast-workspace{margin-top:25px;border-radius:18px}.ast-input-panel,.ast-output-panel{padding:20px}.ast-source{min-height:440px}.ast-field>span{align-items:flex-start;flex-direction:column;gap:3px}.ast-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ast-downloads{align-items:flex-start;flex-direction:column}.ast-downloads>span{width:100%;justify-content:flex-start}.ast-output-heading{align-items:flex-start}.ast-hero-result>strong{font-size:36px}}@media(prefers-reduced-motion:reduce){.ast-action{transition:none}.ast-action:hover:not(:disabled){transform:none}}