.index-module-scss-module__3Kh5MW__main{flex-direction:column;gap:2.4rem;width:100%;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__grid2{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.6rem;display:grid}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__countRow{flex-wrap:wrap;align-items:flex-end;gap:1.2rem;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__countRow>[data-form-item]{flex:1;min-width:16rem}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__ghost{height:4.4rem;color:var(--subtle);background:var(--container-background);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:0 1.6rem;font-size:1.6rem;transition:all .15s}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__ghost:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__ghost:disabled{opacity:.5;cursor:default}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__itemBox{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--container-background);flex-direction:column;gap:1.6rem;padding:1.6rem 2rem;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__itemHead,.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__previewHead,.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__codeHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__hint{color:var(--subtle);font-size:1.6rem}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__preview{resize:both;border:1px dashed var(--border-color);border-radius:var(--radius-lg);background:repeating-linear-gradient(45deg, var(--container-background) 0 8px, transparent 8px 16px);max-width:100%;height:28rem;min-height:28rem;padding:1.2rem;overflow:auto}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__item{min-width:4.4rem;min-height:4.4rem;color:var(--text-color);background:color-mix(in srgb, var(--primary-color) 22%, var(--card-background));border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding-inline:1.2rem;transition:border-color .15s;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__item strong{font-weight:700}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__item span{color:var(--subtle);white-space:nowrap;font-size:1.6rem}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__item:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, transparent)}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__item.index-module-scss-module__3Kh5MW__on{border-color:var(--primary-color)}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__code{flex-direction:column;gap:1.2rem;display:flex}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__code pre{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--container-background);margin:0;padding:1.6rem 2rem;font-size:1.6rem;line-height:1.6}.index-module-scss-module__3Kh5MW__main .index-module-scss-module__3Kh5MW__copyRow{flex-wrap:wrap;gap:.8rem;display:flex}