#create-json{width:100%;padding:34px 0 64px;position:relative;top:50px}#create-json #create-json-container{max-width:1240px;margin:0 auto;padding:0 20px}#create-json .copy-code-header{margin-bottom:22px}#create-json .copy-code-header p{color:var(--comic-red);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700}#create-json .copy-code-header h1{font-family:var(--comic-display);letter-spacing:.02em;color:var(--comic-red);text-shadow:3px 3px 0 var(--comic-yellow), 5px 5px 0 var(--comic-ink);margin:0 0 8px;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1;transform:skew(-4deg)}#create-json .copy-code-header span{max-width:720px;color:var(--text-muted);display:block}#create-json .copy-code__workspace{grid-template-columns:minmax(300px,360px) 1fr;align-items:start;gap:22px;display:grid}#create-json .copy-code__picker{top:calc(var(--menu-height) + 14px);max-height:calc(100vh - var(--menu-height) - var(--footer-height) - 32px);background:var(--bg-surface);border:3px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);flex-direction:column;display:flex;position:sticky;overflow:hidden}#create-json .copy-code__search{border-bottom:2px solid var(--comic-ink);background:#fff;align-items:center;gap:8px;padding:12px 14px;display:flex}#create-json .copy-code__search .copy-code__search-icon{color:var(--comic-ink);font-size:1rem}#create-json .copy-code__search input{min-width:0;color:var(--comic-ink);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}#create-json .copy-code__search input::placeholder{color:#8a8071}#create-json .copy-code__groups{padding:6px 6px 12px;overflow-y:auto}#create-json .copy-code__no-matches{color:var(--text-muted);padding:16px;font-size:.86rem}#create-json .copy-code__group{margin-top:10px}#create-json .copy-code__group:first-child{margin-top:4px}#create-json .copy-code__group-title{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin:0;padding:6px 10px;font-size:.68rem;font-weight:700}#create-json .copy-code__group-items{flex-direction:column;display:flex}#create-json .copy-code__item{cursor:pointer;border-radius:0;align-items:center;gap:9px;padding:7px 10px;transition:background .12s;display:flex}#create-json .copy-code__item:hover{background:var(--comic-paper-deep)}#create-json .copy-code__item.is-checked{background:#ffd63073}#create-json .copy-code__item input{accent-color:var(--comic-red);cursor:pointer;flex-shrink:0}#create-json .copy-code__item-title{color:var(--comic-ink);font-size:.88rem}#create-json .copy-code__item-fn{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-family:Space Mono,monospace;font-size:.72rem}#create-json .copy-code__output{border:3px solid var(--comic-ink);background:var(--bg);min-width:0;box-shadow:4px 4px 0 var(--comic-ink)}#create-json .copy-code__actions{top:calc(var(--menu-height) + 14px);z-index:2;border-bottom:3px solid var(--comic-ink);background:#fff;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;display:flex;position:sticky}#create-json .copy-code__count{color:var(--text-muted);font-size:.82rem}#create-json .copy-code__lang{border:2px solid var(--comic-ink);display:inline-flex;overflow:hidden}#create-json .copy-code__lang button{color:var(--comic-ink);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;padding:.35rem .7rem;font-size:.78rem;font-weight:600}#create-json .copy-code__lang button:hover{background:var(--comic-paper-deep);box-shadow:none;transform:none}#create-json .copy-code__lang button:active{box-shadow:none;transform:none}#create-json .copy-code__lang button.is-active{background:var(--comic-yellow);color:var(--comic-ink);font-weight:700}#create-json .copy-code__action-buttons{gap:8px;margin-left:auto;display:flex}#create-json .copy-code__action-buttons button{cursor:pointer;padding:.4rem .95rem;font-size:.8rem;font-weight:600}#create-json .copy-code__action-buttons button:disabled{opacity:.4;cursor:not-allowed}#create-json .copy-code__body-pad{padding:16px}#create-json .copy-code__empty{text-align:center;color:var(--text-muted);padding:48px 24px}#create-json .copy-code__empty .copy-code__empty-title{color:var(--comic-ink);margin-bottom:8px;font-size:1.05rem;font-weight:600}#create-json .copy-code__empty code{color:var(--comic-blue);font-family:Space Mono,monospace;font-size:.85em}#create-json .copy-code__chips{flex-wrap:wrap;gap:8px;padding:14px 16px 4px;display:flex}#create-json .copy-code__chip{border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);color:var(--comic-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:.78rem;transition:border-color .12s,background .12s;display:inline-flex}#create-json .copy-code__chip span{color:var(--text-muted);font-size:1rem;line-height:1}#create-json .copy-code__chip:hover{border-color:var(--red);color:var(--comic-ink);box-shadow:1px 1px 0 var(--comic-ink);background:#fff;transform:translate(1px,1px)}#create-json .copy-code__chip:hover span{color:var(--red)}#create-json .copy-code__included{color:var(--comic-ink);padding:10px 16px 4px;font-size:.82rem}#create-json .copy-code__included p{margin:4px 0}#create-json .copy-code__included strong{color:var(--comic-red)}#create-json .copy-code__included .copy-code__included-note{color:var(--text-muted)}#create-json .copy-code__code{background:var(--screen-bg);border:3px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);color:var(--text-code);white-space:pre;margin:14px 16px 16px;padding:14px;font-size:.76rem;line-height:1.55;overflow-x:auto}@media screen and (width<=860px){#create-json .copy-code__workspace{grid-template-columns:1fr}#create-json .copy-code__picker{max-height:60vh;position:static}#create-json .copy-code__actions{position:static}}