:root{--mocha-rosewater: #f5e0dc;--mocha-flamingo: #f2cdcd;--mocha-pink: #f5c2e7;--mocha-mauve: #cba6f7;--mocha-red: #f38ba8;--mocha-maroon: #eba0ac;--mocha-peach: #fab387;--mocha-yellow: #f9e2af;--mocha-green: #a6e3a1;--mocha-teal: #94e2d5;--mocha-sky: #89dceb;--mocha-sapphire: #74c7ec;--mocha-blue: #89b4fa;--mocha-lavender: #b4befe;--mocha-text: #cdd6f4;--mocha-subtext1: #bac2de;--mocha-subtext0: #a6adc8;--mocha-overlay2: #9399b2;--mocha-overlay1: #7f849c;--mocha-overlay0: #6c7086;--mocha-surface2: #585b70;--mocha-surface1: #45475a;--mocha-surface0: #313244;--mocha-base: #1e1e2e;--mocha-mantle: #181825;--mocha-crust: #11111b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--mocha-base);color:var(--mocha-text);min-height:100vh;height:auto;display:flex;flex-direction:column;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.hidden{display:none!important}body.h-screen{min-height:100vh;height:auto}body.overflow-hidden{overflow:auto}body::-webkit-scrollbar{width:0;height:0}.prompt-studio{position:fixed;right:0;top:0;bottom:0;width:70vw;background:var(--mocha-mantle);background-image:linear-gradient(135deg,#3132441f,#1e1e2e00);border-left:1px solid var(--mocha-surface0);box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;transform:translate(110%);transition:transform .25s ease;z-index:50}body.prompt-studio-open .prompt-studio{transform:translate(0)}.prompt-studio-header{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mocha-surface0);background:var(--mocha-crust)}.prompt-studio-title{display:flex;align-items:center;gap:.5rem;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mocha-subtext0)}.prompt-studio-tabs{display:flex;gap:.5rem;padding:.6rem .75rem .7rem;border-bottom:1px solid var(--mocha-surface0);background:linear-gradient(180deg,#11111ba6,#1e1e2e33);box-shadow:inset 0 -1px #45475a59}.prompt-studio-tab{position:relative;background:linear-gradient(135deg,#45475a59,#31324426);border:1px solid rgba(88,91,112,.6);color:var(--mocha-subtext1);font-size:12px;font-weight:600;padding:.4rem .75rem .45rem;border-radius:10px 10px 6px 6px;cursor:pointer;box-shadow:0 6px 16px #11111b4d;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.prompt-studio-tab:hover:not(.disabled){color:var(--mocha-text);border-color:#89b4fa8c;transform:translateY(-1px);box-shadow:0 10px 24px #11111b59}.prompt-studio-tab.active{background:linear-gradient(135deg,#89b4fa40,#585b704d);color:var(--mocha-text);border-color:#89b4fa8c;transform:translateY(1px);box-shadow:0 12px 24px #11111b73,inset 0 -2px #11111b66}.prompt-studio-tab.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.visual-builder-header{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .6rem;border-radius:12px;background:#45475a24;border:1px solid var(--mocha-surface0);background-image:linear-gradient(135deg,#45475a1f,#31324400)}.visual-builder-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mocha-text)}.visual-builder-subtitle{font-size:12px;color:var(--mocha-subtext0)}.visual-jsoneditor{flex:1;min-height:0;border-radius:12px;border:1px solid var(--mocha-surface0);background:#1e1e2e99;background-image:linear-gradient(135deg,#31324433,#1e1e2e00);overflow:hidden}.jse-theme-catppuccin{--jse-theme: dark;--jse-theme-color: #89b4fa;--jse-theme-color-highlight: #74c7ec;--jse-background-color: #1e1e2e;--jse-text-color: #cdd6f4;--jse-text-color-inverse: #11111b;--jse-main-border: 1px solid #313244;--jse-menu-color: #11111b;--jse-modal-background: #1e1e2e;--jse-modal-overlay-background: rgba(17, 17, 27, .6);--jse-modal-code-background: #181825;--jse-tooltip-color: #cdd6f4;--jse-tooltip-background: #313244;--jse-tooltip-border: 1px solid #45475a;--jse-panel-background: #181825;--jse-panel-background-border: 1px solid #313244;--jse-panel-color: #cdd6f4;--jse-panel-color-readonly: #6c7086;--jse-panel-border: 1px solid #313244;--jse-panel-button-color-highlight: #f5c2e7;--jse-panel-button-background-highlight: #313244;--jse-navigation-bar-background: #313244;--jse-navigation-bar-background-highlight: #45475a;--jse-navigation-bar-dropdown-color: #cdd6f4;--jse-context-menu-background: #313244;--jse-context-menu-color: #cdd6f4;--jse-context-menu-color-disabled: #6c7086;--jse-context-menu-border: 1px solid #45475a;--jse-context-menu-hover-background: rgba(137, 180, 250, .1);--jse-gutter-background: #11111b;--jse-gutter-background-highlight: #181825;--jse-gutter-color: #6c7086;--jse-gutter-color-highlight: #cdd6f4;--jse-key-color: #b4befe;--jse-value-color: #a6e3a1;--jse-value-color-number: #fab387;--jse-value-color-boolean: #cba6f7;--jse-value-color-null: #f38ba8;--jse-value-color-string: #a6e3a1;--jse-tag-background: #dc8a78;--jse-tag-color: #181825;--jse-delimiter-color: #ea76cb;--jse-panel-button-color: #fab387;--jse-panel-button-color-highlight: #fab387;--jse-search-match-color: #f9e2af;--jse-search-match-background: rgba(249, 226, 175, .2);--jse-selection-background: rgba(49, 50, 68, .18);--jse-selection-background-dark: rgba(69, 71, 90, .22)}.jse-theme-catppuccin .jse-tag,.jse-theme-catppuccin .jse-label,.jse-theme-catppuccin .jse-label-inner,.jse-theme-catppuccin .jse-json-preview,.jse-theme-catppuccin .jse-preview{background-color:#dc8a78;color:#181825}.jse-theme-catppuccin .jse-bracket{color:#8839ef}.jse-theme-catppuccin .jse-delimiter{color:#ea76cb}.jse-theme-catppuccin .jse-menu{background:#7287fd;color:#11111b}.jse-theme-catppuccin .jse-menu .jse-button,.jse-theme-catppuccin .jse-menu .jse-menu-button,.jse-theme-catppuccin .jse-menu button,.jse-theme-catppuccin .jse-menu svg{color:#11111b;fill:currentColor}.jse-theme-catppuccin .jse-menu .jse-button:hover,.jse-theme-catppuccin .jse-menu .jse-menu-button:hover,.jse-theme-catppuccin .jse-menu button:hover,.jse-theme-catppuccin .jse-menu .jse-button:hover svg,.jse-theme-catppuccin .jse-menu .jse-menu-button:hover svg,.jse-theme-catppuccin .jse-menu button:hover svg{color:#eba0ac;fill:currentColor}.jse-theme-catppuccin .jse-menu .jse-active,.jse-theme-catppuccin .jse-menu .jse-button.jse-active,.jse-theme-catppuccin .jse-menu .jse-menu-button.jse-active{color:#8839ef}.jse-theme-catppuccin .jse-menu .jse-active svg,.jse-theme-catppuccin .jse-menu .jse-button.jse-active svg,.jse-theme-catppuccin .jse-menu .jse-menu-button.jse-active svg{color:#8839ef;fill:currentColor}.jse-theme-catppuccin .jse-menu .jse-selected,.jse-theme-catppuccin .jse-menu .jse-tree-mode,.jse-theme-catppuccin .jse-menu .jse-table-mode,.jse-theme-catppuccin .jse-menu .jse-text-mode,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-button,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-menu-button{color:#8839ef}.jse-theme-catppuccin .jse-menu .jse-selected svg,.jse-theme-catppuccin .jse-menu .jse-tree-mode svg,.jse-theme-catppuccin .jse-menu .jse-table-mode svg,.jse-theme-catppuccin .jse-menu .jse-text-mode svg,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-button svg,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-menu-button svg{color:#8839ef;fill:currentColor}.jse-theme-catppuccin .jse-menu .jse-group-button .jse-button,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-menu-button,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-button.jse-selected,.jse-theme-catppuccin .jse-menu .jse-group-button .jse-menu-button.jse-selected{color:#8839ef}.jse-theme-catppuccin .jse-expand,.jse-theme-catppuccin .jse-expand-items,.jse-theme-catppuccin .jse-navigation-bar-arrow,.jse-theme-catppuccin .jse-expand svg,.jse-theme-catppuccin .jse-expand-items svg,.jse-theme-catppuccin .jse-navigation-bar-arrow svg{color:#fab387;fill:currentColor}.prompt-studio-body{flex:1;display:flex;flex-direction:column;overflow:auto;padding:.75rem 1rem 1rem}.prompt-studio-panel{display:none}.prompt-studio-panel.active{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.prompt-studio-controls,.prompt-studio-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem}.prompt-schema-output{flex:0;min-height:120px;max-height:200px;resize:none;background:var(--mocha-surface0)}.prompt-studio-panel.active .prompt-json-editor{height:100%}.inspector-field{display:flex;flex-direction:column;gap:.35rem;font-size:12px;color:var(--mocha-subtext0);font-weight:600}.inspector-select{background:var(--mocha-surface0);border:1px solid var(--mocha-surface1);color:var(--mocha-text);padding:.45rem .6rem;border-radius:10px;font-size:13px}.inspector-output{flex:1;min-height:220px;max-height:40vh;background:var(--mocha-base);border:1px solid var(--mocha-surface0);border-radius:12px;padding:.75rem;color:var(--mocha-text);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.4;resize:vertical}.prompt-json-editor.inspector-output{flex:1;min-height:0;max-height:none;width:100%;resize:none}.prompt-studio-panel.active .inspector-output,.prompt-studio-panel.active .ai-token-panel,.prompt-studio-panel.active .inspector-actions .btn{background-image:linear-gradient(135deg,#45475a24,#31324400)}.inspector-status{font-size:12px;color:var(--mocha-subtext0);padding:.4rem .6rem;border-radius:10px;background:#45475a26;border:1px solid var(--mocha-surface0)}.inspector-status.requirements{color:#ffffffbf;border:1px solid rgba(223,142,29,.85);background:#fe640b1a}.inspector-status.requirements.met{color:#ffffffbf;border:1px solid rgba(114,135,253,.85);background:#1e66f51a}.ai-token-panel{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.6rem;align-items:center;padding:.5rem .6rem;border-radius:12px;background:#31324433;border:1px solid var(--mocha-surface0);font-size:12px;color:var(--mocha-subtext0)}.token-stat{display:flex;flex-direction:column;gap:.2rem}.token-stat-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mocha-subtext0)}.token-stat-value{font-size:22px;font-weight:700;color:var(--mocha-text);line-height:1}.token-orbit{width:56px;height:56px}.token-orbit svg{width:100%;height:100%;transform-origin:50% 50%;animation:token-spin 6s linear infinite}.token-orbit-ring{fill:none;stroke:#89b4fa59;stroke-width:6}.token-orbit-dot{fill:var(--mocha-sapphire)}.ai-token-bar{grid-column:1 / -1;height:.5rem;border-radius:999px;background:var(--mocha-surface0);overflow:hidden}.ai-token-bar-fill{height:100%;width:0;border-radius:inherit;transition:width .2s ease}.token-ok{background:var(--mocha-green)}.token-warn{background:var(--mocha-yellow)}.token-over{background:var(--mocha-red)}.token-unlimited{background:var(--mocha-sapphire)}.ai-token-status{justify-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mocha-text);white-space:nowrap}.token-status-pill{padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.token-status-pill.token-ok{background:#a6e3a138;border-color:#a6e3a199;color:var(--mocha-green)}.token-status-pill.token-warn{background:#f9e2af38;border-color:#f9e2af99;color:var(--mocha-yellow)}.token-status-pill.token-over{background:#f38ba838;border-color:#f38ba899;color:var(--mocha-red)}@keyframes token-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.ai-token-panel{grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center}}.inspector-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.inspector-actions .btn{flex:1 1 30%;min-width:120px}@media (max-width: 640px){.prompt-studio{width:100vw}.prompt-studio-controls,.prompt-studio-metrics{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mocha-surface0);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--mocha-surface1)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.code-editor{font-family:JetBrains Mono,monospace}.json-key{color:var(--mocha-lavender)}.json-string{color:var(--mocha-green)}.json-number{color:var(--mocha-peach)}.json-boolean{color:var(--mocha-mauve)}.json-null{color:var(--mocha-red)}.json-error{display:inline-block;width:100%;background-color:#f38ba833;color:var(--mocha-red);box-shadow:inset 2px 0 0 var(--mocha-red)}.ad-placeholder{display:flex;align-items:center;justify-content:center;color:var(--mocha-overlay0);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:2px dashed var(--mocha-surface1);background-color:#11111b80}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;border-radius:12px;transition:all .15s ease;border:none;cursor:pointer}.btn:active{transform:scale(.95)}.btn-blue{background-color:var(--mocha-blue);color:var(--mocha-base);box-shadow:0 4px 12px #89b4fa33}.btn-blue:hover{filter:brightness(1.1)}.js-prompt-btn{position:relative;overflow:hidden;isolation:isolate;background:transparent;color:var(--mocha-crust);box-shadow:0 10px 24px #89b4fa40}.js-prompt-btn>*{position:relative;z-index:3}.js-prompt-btn .btn-label{position:relative;z-index:4}.js-prompt-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(120deg,#f5e0dc,#f2cdcd,#f5c2e7,#cba6f7,#b4befe,#89b4fa,#74c7ec,#94e2d5,#a6e3a1,#f9e2af,#fab387,#eba0ac);background-size:300% 300%;animation:prompt-rainbow 8s linear infinite;opacity:.95;z-index:0}.js-prompt-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff0 20%,#ffffff80,#fff0 70%);opacity:.45;mix-blend-mode:screen;transform:translate(-60%);animation:prompt-sheen 3.2s ease-in-out infinite;z-index:1}@keyframes prompt-rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes prompt-sheen{0%,to{transform:translate(-60%)}50%{transform:translate(60%)}}.btn-green{background-color:var(--mocha-green);color:var(--mocha-base);box-shadow:0 4px 12px #a6e3a133}.btn-green:hover{filter:brightness(1.1)}.btn-mauve{background-color:var(--mocha-mauve);color:var(--mocha-base);box-shadow:0 4px 12px #cba6f733}.btn-mauve:hover{filter:brightness(1.1)}.btn-red{background-color:#f38ba81a;color:var(--mocha-red);border:1px solid rgba(243,139,168,.2)}.btn-red:hover{background-color:var(--mocha-red);color:var(--mocha-base)}.btn-icon{padding:8px;border-radius:50%;color:var(--mocha-subtext0);transition:all .15s ease;border:none;cursor:pointer;background:transparent}.btn-icon:hover{background-color:var(--mocha-surface0)}.custom-dropdown{position:relative;width:100%}.custom-dropdown.tab-width-compact{width:auto;min-width:140px;flex:0 0 auto}.custom-dropdown.tab-width-compact .custom-dropdown-selected{padding-left:10px;padding-right:10px;gap:6px}.js-prompt-btn{flex:1;min-width:160px}.custom-dropdown-selected{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--mocha-surface0);border:none;border-radius:12px;color:var(--mocha-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.custom-dropdown-selected:hover{background-color:var(--mocha-surface1)}.custom-dropdown-selected .material-symbols-outlined{font-size:18px;color:var(--mocha-subtext0);transition:transform .2s ease}.custom-dropdown.open .custom-dropdown-selected .material-symbols-outlined{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--mocha-mantle);border:1px solid var(--mocha-surface0);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 8px 24px #0000004d;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-option{padding:10px 14px;color:var(--mocha-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.custom-dropdown-option:hover{background-color:var(--mocha-surface0)}.custom-dropdown-option.selected{background-color:var(--mocha-blue);color:var(--mocha-base)}.status-badge{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-valid{background-color:#a6e3a11a;color:var(--mocha-green);border:1px solid rgba(166,227,161,.2)}.status-invalid{background-color:#f38ba81a;color:var(--mocha-red);border:1px solid rgba(243,139,168,.2)}.nav-link{color:var(--mocha-subtext0);font-size:14px;font-weight:500;transition:color .15s ease;text-decoration:none;cursor:pointer}.nav-link:hover{color:var(--mocha-blue)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(100px);background-color:var(--mocha-mantle);color:var(--mocha-text);padding:12px 24px;border-radius:12px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--mocha-surface0);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{border-color:var(--mocha-green)}.toast.error{border-color:var(--mocha-red)}.content-wrapper{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0;min-height:0}.content-wrapper.two-column{flex-direction:row;align-items:stretch}.content-wrapper.two-column .input-column{flex:0 0 420px;max-width:420px}.content-wrapper.two-column .output-column{flex:1 1 auto;width:100%;min-width:0}.content-wrapper:not(.two-column) .vertical-button-toolbar{order:0}.content-wrapper:not(.two-column) .input-column{order:1;flex:0 0 auto}.content-wrapper:not(.two-column) .output-column{order:2;flex:1 1 auto}.content-wrapper:not(.two-column) .input-box{flex:0 0 auto;max-height:30vh}.content-wrapper:not(.two-column) .output-box{min-height:45vh}.input-column,.output-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.button-column{display:none;flex-direction:column;justify-content:flex-start;gap:.75rem;padding:0 .5rem}.content-wrapper.two-column .button-column{display:flex}.vertical-button-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;align-items:center}.content-wrapper.two-column .vertical-button-toolbar{display:none}.input-container,.output-container{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.line-numbers{width:2.5rem;text-align:right;padding-right:1rem;color:var(--mocha-overlay0);-webkit-user-select:none;user-select:none;font-size:12px;line-height:1.5rem;flex-shrink:0;height:100%;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.line-numbers::-webkit-scrollbar{width:0;height:0}.line-numbers-inner{display:block;transform:translateY(0);will-change:transform}.line-number{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;line-height:1.5rem}.line-number.active-line,.line-number.hover-line{color:#ea76cb}.line-number.line-error-marker,.line-number.line-error-marker.active-line,.line-number.line-error-marker.hover-line{color:var(--mocha-red)}.line-row{display:block;width:100%;line-height:1.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.line-row:nth-child(odd){background-color:#45475a2e;background-image:linear-gradient(90deg,#45475a38,#45475a1f)}.line-row:nth-child(2n){background-color:#3132441f;background-image:linear-gradient(270deg,#31324433,#3132441a)}.line-row-error{background-color:#f38ba833;box-shadow:inset 2px 0 0 var(--mocha-red)}.line-row.hover-line,.line-row.active-line{box-shadow:inset 0 0 0 1px #ea76cb26}.line-row.active-line{animation:line-pulse 2.8s ease-in-out infinite}@keyframes line-pulse{0%,to{box-shadow:inset 0 0 0 1px #ea76cb1a}50%{box-shadow:inset 0 0 0 1px #ea76cb38}}.editor-content{flex:1;overflow:auto;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5rem;white-space:pre-wrap;outline:none;min-height:0}.input-box,.output-box{display:flex;flex-direction:column;flex:1;min-height:0;max-height:300vh;overflow:hidden}.input-box .box-header,.output-box .box-header{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mocha-surface0);flex-shrink:0}.input-box .box-title,.output-box .box-title{display:flex;align-items:center;gap:.5rem;color:var(--mocha-subtext0);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.input-box .box-content,.output-box .box-content{flex:1;overflow:hidden;padding:1rem;display:flex;min-height:0}#json-input-div[data-placeholder]:not(:focus):empty:before{content:attr(data-placeholder);color:var(--mocha-overlay0);pointer-events:none;display:inline-block;width:100%;line-height:1.5rem}@media (min-width: 768px){.content-wrapper.two-column{flex-direction:row}.content-wrapper.two-column .button-column{display:flex}.content-wrapper.two-column .vertical-button-toolbar{display:none}.vertical-button-toolbar{flex-direction:row}}@media (max-width: 767px){.content-wrapper.two-column{flex-direction:column}.content-wrapper.two-column .button-column{display:none}.content-wrapper.two-column .vertical-button-toolbar{display:flex}.vertical-button-toolbar{flex-direction:row;flex-wrap:wrap}.btn{flex:1 1 auto;min-width:120px}}.valid-json-border{animation:fade-out-border 2.5s forwards}.valid-json-icon{animation:fade-out-icon 2s forwards}@keyframes fade-out-border{0%{border-color:var(--mocha-green);box-shadow:0 0 0 2px #a6e3a199}to{border-color:transparent;box-shadow:none}}@keyframes fade-out-icon{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}#input-editor-container,#output-editor-container{cursor:text}#input-editor-container:hover,#output-editor-container:hover{background-color:#3132444d}#json-input-highlight{pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:left;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;line-height:1.5rem;z-index:0}#json-input-div{background:transparent;border:none;outline:none;resize:none;color:var(--mocha-text);caret-color:var(--mocha-text);height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;line-height:1.5rem;text-align:left;z-index:1}#json-input-div::placeholder{color:var(--mocha-overlay0)}#json-input-div::-webkit-scrollbar,#json-input-highlight::-webkit-scrollbar,#json-output::-webkit-scrollbar{width:0;height:0}#json-output{height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;line-height:1.5rem;text-align:left}body.wrap-disabled #json-input-div,body.wrap-disabled #json-input-highlight,body.wrap-disabled #json-output,body.wrap-disabled .line-row{white-space:pre;overflow-wrap:normal;word-break:normal}.jse-theme-dark{--jse-theme: dark;--jse-theme-color: #2f6dd0;--jse-theme-color-highlight: #467cd2;--jse-background-color: #1e1e1e;--jse-text-color: #d4d4d4;--jse-text-color-inverse: #4d4d4d;--jse-main-border: 1px solid #4f4f4f;--jse-menu-color: #fff;--jse-modal-background: #2f2f2f;--jse-modal-overlay-background: rgba(0, 0, 0, .5);--jse-modal-code-background: #2f2f2f;--jse-tooltip-color: var(--jse-text-color);--jse-tooltip-background: #4b4b4b;--jse-tooltip-border: 1px solid #737373;--jse-tooltip-action-button-color: inherit;--jse-tooltip-action-button-background: #737373;--jse-panel-background: #333333;--jse-panel-background-border: 1px solid #464646;--jse-panel-color: var(--jse-text-color);--jse-panel-color-readonly: #737373;--jse-panel-border: 1px solid #3c3c3c;--jse-panel-button-color-highlight: #e5e5e5;--jse-panel-button-background-highlight: #464646;--jse-navigation-bar-background: #656565;--jse-navigation-bar-background-highlight: #7e7e7e;--jse-navigation-bar-dropdown-color: var(--jse-text-color);--jse-context-menu-background: #4b4b4b;--jse-context-menu-background-highlight: #595959;--jse-context-menu-separator-color: #595959;--jse-context-menu-color: var(--jse-text-color);--jse-context-menu-pointer-background: #737373;--jse-context-menu-pointer-background-highlight: #818181;--jse-context-menu-pointer-color: var(--jse-context-menu-color);--jse-key-color: #9cdcfe;--jse-value-color: var(--jse-text-color);--jse-value-color-number: #b5cea8;--jse-value-color-boolean: #569cd6;--jse-value-color-null: #569cd6;--jse-value-color-string: #ce9178;--jse-value-color-url: #ce9178;--jse-delimiter-color: #949494;--jse-edit-outline: 2px solid var(--jse-text-color);--jse-selection-background-color: #464646;--jse-selection-background-inactive-color: #333333;--jse-hover-background-color: #343434;--jse-active-line-background-color: rgba(255, 255, 255, .06);--jse-search-match-background-color: #343434;--jse-collapsed-items-background-color: #333333;--jse-collapsed-items-selected-background-color: #565656;--jse-collapsed-items-link-color: #b2b2b2;--jse-collapsed-items-link-color-highlight: #ec8477;--jse-search-match-color: #724c27;--jse-search-match-outline: 1px solid #966535;--jse-search-match-active-color: #9f6c39;--jse-search-match-active-outline: 1px solid #bb7f43;--jse-tag-background: #444444;--jse-tag-color: #bdbdbd;--jse-table-header-background: #333333;--jse-table-header-background-highlight: #424242;--jse-table-row-odd-background: rgba(255, 255, 255, .1);--jse-input-background: #3d3d3d;--jse-input-border: var(--jse-main-border);--jse-button-background: #808080;--jse-button-background-highlight: #7a7a7a;--jse-button-color: #e0e0e0;--jse-button-secondary-background: #494949;--jse-button-secondary-background-highlight: #5d5d5d;--jse-button-secondary-background-disabled: #9d9d9d;--jse-button-secondary-color: var(--jse-text-color);--jse-a-color: #55abff;--jse-a-color-highlight: #4387c9;--jse-svelte-select-background: #3d3d3d;--jse-svelte-select-border: 1px solid #4f4f4f;--list-background: #3d3d3d;--item-hover-bg: #505050;--multi-item-bg: #5b5b5b;--input-color: #d4d4d4;--multi-clear-bg: #8a8a8a;--multi-item-clear-icon-color: #d4d4d4;--multi-item-outline: 1px solid #696969;--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--jse-color-picker-background: #656565;--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px}