.jf{display: grid;gap: 18px}.jf .tt-field textarea{font: 400 14px/1.6 var(--mono);white-space: pre;overflow-wrap: normal;overflow-x: auto;tab-size: 2}.jf-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px}.jf-tools__run{display: flex;gap: 8px}.jf-tools__run .btn:disabled{cursor: not-allowed;opacity: .45}.jf-tools__run .tt-btn{padding-inline: 18px}.jf-tools__run .tt-btn.is-on{border-color: var(--copper);color: var(--copper)}.jf-tools__opts{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 18px}.jf-tools__more{margin-left: auto}.jf-error{display: grid;gap: 12px;padding: 16px 18px;border-radius: 14px;background: #fdf1ee;border: 1px solid rgba(214,69,69,.25)}.jf-error[hidden]{display: none}.jf-error__h{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;font-size: 15px;line-height: 1.5;color: #6b2a22}.jf-error__h strong{font-weight: 700;color: #b8382f}.jf-error__dot{width: 8px;height: 8px;border-radius: 50%;align-self: center;background: #d64545;box-shadow: 0 0 0 4px rgba(214,69,69,.15)}.jf-error__code{margin: 0;padding: 12px 14px;border-radius: 10px;overflow-x: auto;font: 400 13px/1.6 var(--mono);color: #4a2f27;background: #fff;border: 1px solid rgba(214,69,69,.15)}.jf-fix{border-color: rgba(226,117,58,.45);color: var(--copper)}.jf-out{border-radius: 16px;overflow: hidden;background: var(--espresso);border: 1px solid var(--espresso)}.jf-out[hidden]{display: none}.jf-out__bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 16px;padding: 12px 14px 12px 18px;border-bottom: 1px solid var(--line-dark)}.jf-out__ok{display: flex;align-items: center;gap: 8px;font-size: 13.5px;color: var(--muted-dark)}.jf-out__ok svg{flex: none;width: 15px;height: 15px;color: var(--green)}.jf-out__acts{display: flex;gap: 8px}.jf-out__btn{display: inline-flex;align-items: center;gap: 7px;padding: 7px 13px;border-radius: 9px;cursor: pointer;font: 600 13.5px var(--font);color: var(--cream);background: rgba(255,255,255,.05);border: 1px solid var(--line-dark);transition: border-color .2s,color .2s,background .2s}.jf-out__btn svg{width: 14px;height: 14px}.jf-out__btn:hover{border-color: var(--amber);color: var(--amber)}.jf-out__btn.is-copied{color: #fff;background: var(--copper);border-color: var(--copper)}.jf-code{margin: 0;max-height: 520px;overflow: auto;padding: 16px 18px;font: 400 13.5px/1.65 var(--mono);color: var(--cream);tab-size: 2}.jf-code code{font: inherit;counter-reset: jf}.jf-code .has-lines .jf-l::before{counter-increment: jf;content: counter(jf);display: inline-block;width: 3ch;margin-right: 16px;text-align: right;color: rgba(179,164,151,.4);user-select: none}.jf-k{color: var(--amber)}.jf-s{color: #b9d99f}.jf-n{color: #8fc6f2}.jf-b{color: #f0905a;font-weight: 500}.jf-p{color: rgba(247,242,235,.5)}@media (max-width: 760px){.jf-tools__more{margin-left: 0}}@media (max-width: 560px){.jf-tools__run{width: 100%}.jf-tools__run > *{flex: 1;justify-content: center}.jf-out__acts{width: 100%}.jf-out__btn{flex: 1;justify-content: center}.jf-code{font-size: 12.5px;padding: 14px}}@media (prefers-reduced-motion: reduce){.jf-out__btn{transition: none}}