.json-to-graphql-module__6psxZG__tool{}.json-to-graphql-module__6psxZG__caution{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.json-to-graphql-module__6psxZG__optionsBar{}.json-to-graphql-module__6psxZG__optionGroup{}.json-to-graphql-module__6psxZG__optionLabel{}.json-to-graphql-module__6psxZG__select{}.json-to-graphql-module__6psxZG__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);cursor:pointer;display:inline-flex}.json-to-graphql-module__6psxZG__checkbox{}.json-to-graphql-module__6psxZG__nameField{inline-size:12ch;font-family:var(--font-mono);font-feature-settings:"zero";}.json-to-graphql-module__6psxZG__optionsEnd{align-items:center;gap:var(--space-4);margin-inline-start:auto;display:flex}.json-to-graphql-module__6psxZG__runButton{}.json-to-graphql-module__6psxZG__runButton .json-to-graphql-module__6psxZG__kbd{color:inherit;background:0 0;border-color:currentColor}.json-to-graphql-module__6psxZG__optionHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.json-to-graphql-module__6psxZG__banner{}.json-to-graphql-module__6psxZG__capBanner{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.json-to-graphql-module__6psxZG__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.json-to-graphql-module__6psxZG__workspace{}@media (min-width:768px){.json-to-graphql-module__6psxZG__workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}.json-to-graphql-module__6psxZG__pane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;min-block-size:420px;display:flex;position:relative}.json-to-graphql-module__6psxZG__outputPane{block-size:420px}.json-to-graphql-module__6psxZG__paneStale{border-color:var(--color-warning-fg)}.json-to-graphql-module__6psxZG__paneHeader{}.json-to-graphql-module__6psxZG__paneLabel{}.json-to-graphql-module__6psxZG__paneBadge{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);min-block-size:var(--space-5);white-space:nowrap;display:inline-flex}.json-to-graphql-module__6psxZG__staleBadge{color:var(--color-warning-fg);background:var(--color-warning-bg);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-ui-xs-size)}.json-to-graphql-module__6psxZG__paneActions{align-items:center;gap:var(--space-2);display:inline-flex}.json-to-graphql-module__6psxZG__paneAction{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0 var(--space-2);min-block-size:var(--control-height-sm);min-inline-size:var(--target-touch);font-size:var(--text-ui-xs-size);cursor:pointer;background:0 0}.json-to-graphql-module__6psxZG__paneAction:hover:not(:disabled){border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.json-to-graphql-module__6psxZG__paneAction:disabled{opacity:var(--opacity-disabled);cursor:default}.json-to-graphql-module__6psxZG__sampleBar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-block-end:1px solid var(--color-border-subtle);min-block-size:calc(var(--target-touch) + 2 * var(--space-1));flex-wrap:wrap;display:flex}.json-to-graphql-module__6psxZG__sampleHint{min-inline-size:0;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);flex:12rem}.json-to-graphql-module__6psxZG__sampleAction{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0 var(--space-2);min-block-size:var(--control-height-sm);font-size:var(--text-ui-xs-size);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0}.json-to-graphql-module__6psxZG__sampleAction:hover:not(:disabled){border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.json-to-graphql-module__6psxZG__sampleAction:disabled{opacity:var(--opacity-disabled);cursor:default}.json-to-graphql-module__6psxZG__panelBody{flex:1;min-block-size:0;display:flex}.json-to-graphql-module__6psxZG__textarea{resize:vertical;inline-size:100%;padding:var(--pane-padding);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:0 0;border:none;flex:1;min-block-size:280px;overflow:auto}.json-to-graphql-module__6psxZG__textarea::placeholder{color:var(--color-text-muted);white-space:pre-wrap}.json-to-graphql-module__6psxZG__textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.json-to-graphql-module__6psxZG__dropOverlay{background:var(--color-bg-pane);border:2px dashed var(--color-accent-fg);border-radius:var(--radius-md);color:var(--color-accent-fg);font-size:var(--text-ui-md-size);z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.json-to-graphql-module__6psxZG__codeBody{flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:auto}.json-to-graphql-module__6psxZG__codePre{min-inline-size:0;padding:var(--pane-padding);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);margin:0}.json-to-graphql-module__6psxZG__codePre:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.json-to-graphql-module__6psxZG__staleOutput{}.json-to-graphql-module__6psxZG__paneEmpty{}.json-to-graphql-module__6psxZG__statusLine{}.json-to-graphql-module__6psxZG__statusRight{}.json-to-graphql-module__6psxZG__statusInvalid{}.json-to-graphql-module__6psxZG__errorBox{}.json-to-graphql-module__6psxZG__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.json-to-graphql-module__6psxZG__errorFrame{font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow-x:auto}.json-to-graphql-module__6psxZG__errorActions{gap:var(--space-4);flex-wrap:wrap;display:inline-flex}.json-to-graphql-module__6psxZG__findingsHeading{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.json-to-graphql-module__6psxZG__findingsList{gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);flex-direction:column;margin:0;padding-inline-start:var(--space-6);display:flex}.json-to-graphql-module__6psxZG__findingItem{font-variant-numeric:tabular-nums}.json-to-graphql-module__6psxZG__chips{gap:var(--space-2);min-block-size:calc(var(--text-ui-xs-line) + 2 * var(--space-1));flex-wrap:wrap;padding:0;list-style:none;display:flex}.json-to-graphql-module__6psxZG__chip{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.json-to-graphql-module__6psxZG__chipWarning{color:var(--color-warning-fg);background:var(--color-warning-bg)}.json-to-graphql-module__6psxZG__actions{}.json-to-graphql-module__6psxZG__actionButton{}.json-to-graphql-module__6psxZG__actionPrimary{}.json-to-graphql-module__6psxZG__shareNote,.json-to-graphql-module__6psxZG__keyboardHint,.json-to-graphql-module__6psxZG__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.json-to-graphql-module__6psxZG__miniBar{}.json-to-graphql-module__6psxZG__dialog{}.json-to-graphql-module__6psxZG__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.json-to-graphql-module__6psxZG__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.json-to-graphql-module__6psxZG__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.json-to-graphql-module__6psxZG__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.json-to-graphql-module__6psxZG__kbd{}@media (max-width:767px){.json-to-graphql-module__6psxZG__pane{min-block-size:40vh}.json-to-graphql-module__6psxZG__outputPane{block-size:40vh}.json-to-graphql-module__6psxZG__chips{min-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2))}.json-to-graphql-module__6psxZG__optionsBar{min-block-size:calc(4 * var(--target-touch) + 3 * var(--space-4))}.json-to-graphql-module__6psxZG__optionsEnd{margin-inline-start:0}}@media (pointer:coarse){.json-to-graphql-module__6psxZG__textarea{font-size:max(var(--text-code-size), 16px)}.json-to-graphql-module__6psxZG__nameField{font-size:max(var(--text-ui-md-size), 16px)}.json-to-graphql-module__6psxZG__actionButton,.json-to-graphql-module__6psxZG__runButton{min-inline-size:var(--target-touch)}.json-to-graphql-module__6psxZG__paneAction,.json-to-graphql-module__6psxZG__sampleAction{min-block-size:var(--target-touch);min-inline-size:var(--target-touch)}.json-to-graphql-module__6psxZG__bannerAction,.json-to-graphql-module__6psxZG__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (max-width:1023px){.json-to-graphql-module__6psxZG__actionButton,.json-to-graphql-module__6psxZG__runButton,.json-to-graphql-module__6psxZG__paneAction,.json-to-graphql-module__6psxZG__sampleAction{min-block-size:var(--target-touch)}.json-to-graphql-module__6psxZG__paneAction,.json-to-graphql-module__6psxZG__sampleAction{min-inline-size:var(--target-touch)}.json-to-graphql-module__6psxZG__bannerAction,.json-to-graphql-module__6psxZG__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}