.index-module__akpbtW__containerDark{width:60%;max-width:600px;color:var(--color-secondary);background-color:#000;border:1px solid #fff;border-radius:8px;padding:2rem}.index-module__akpbtW__containerLight{width:60%;max-width:600px;color:var(--color-secondary);background-color:#fff;border:1px solid #000;border-radius:8px;padding:2rem}.index-module__akpbtW__toolsDropdown{flex-direction:row;justify-content:flex-end;width:80%;margin-top:120px;display:flex}.index-module__akpbtW__containerWrapper{flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.index-module__akpbtW__buttonGroup{flex-flow:wrap;gap:10px;margin-top:20px;margin-bottom:20px;display:flex}.index-module__akpbtW__button{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:4px;margin-right:.5rem;padding:.5rem 1rem}.index-module__akpbtW__button:hover{background-color:#005bb5}.index-module__akpbtW__h1Dark{color:var(--color-secondary);font-size:var(--font-x-large);font-weight:600;font-family:var(--header-font);text-align:center;max-width:60%;margin-top:80px}.index-module__akpbtW__h1Light{color:var(--color-secondary-3);font-size:var(--font-x-large);font-weight:600;font-family:var(--header-font);text-align:center;max-width:60%;margin-top:80px}.index-module__akpbtW__h1Container{justify-content:center;width:100%;display:flex}.index-module__akpbtW__bodyTextDark{width:80%;color:var(--color-secondary-2)!important;font-size:var(--font-small)!important;font-weight:600!important;font-family:var(--body-font)!important}.index-module__akpbtW__bodyTextLight{width:80%;color:var(--color-secondary)!important;font-size:var(--font-small)!important;font-weight:600!important;font-family:var(--body-font)!important}.index-module__akpbtW__formText{color:var(--color-secondary);font-size:var(--font-medium);font-weight:500;font-family:var(--body-font);margin-bottom:1rem}.index-module__akpbtW__componentBodyTextDark{color:var(--color-secondary-2)!important;font-size:var(--font-small)!important;font-weight:600!important;font-family:var(--body-font)!important}.index-module__akpbtW__componentBodyTextLight{color:var(--color-secondary)!important;font-size:var(--font-small)!important;font-weight:600!important;font-family:var(--body-font)!important}.index-module__akpbtW__pairingCard{cursor:pointer;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;padding:24px;transition:all .2s}.index-module__akpbtW__pairingCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.index-module__akpbtW__pairingCardDark{border-color:#444}.index-module__akpbtW__pairingCardSelected{border-width:2px;border-color:#f88204}.index-module__akpbtW__previewArea{border:1px solid #e0e0e0;border-radius:12px;min-height:300px;margin-bottom:1.5rem;padding:32px}.index-module__akpbtW__previewAreaDark{background:#1a1a2e;border-color:#444}.index-module__akpbtW__pairingsGrid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:24px;display:grid}.index-module__akpbtW__filterGroup{flex-flow:wrap;gap:8px;width:100%;margin-bottom:20px;display:flex}.index-module__akpbtW__filterBtn{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .2s}.index-module__akpbtW__filterBtnActive{color:#fff;background:#f88204;border-color:#f88204}.index-module__akpbtW__filterBtnDark{color:#ccc;border-color:#555}.index-module__akpbtW__headingFontName{margin-bottom:4px;font-size:1.4rem}.index-module__akpbtW__bodyFontSample{color:#666;font-size:.9rem;line-height:1.5}.index-module__akpbtW__bodyFontSampleDark{color:#aaa}.index-module__akpbtW__fontLabel{color:#999;margin-top:8px;font-size:.75rem}.index-module__akpbtW__controlsRow{flex-flow:wrap;align-items:center;gap:16px;width:100%;margin-bottom:16px;display:flex}.index-module__akpbtW__sizeControl{align-items:center;gap:8px;display:flex}.index-module__akpbtW__sizeControl label{white-space:nowrap;font-size:.85rem}.index-module__akpbtW__sizeControl input[type=range]{width:120px}.index-module__akpbtW__codeSnippet{color:#d4d4d4;white-space:pre-wrap;word-break:break-all;background:#1e1e1e;border-radius:8px;width:100%;margin-bottom:1.5rem;padding:16px;font-family:monospace;font-size:.8rem;position:relative}.index-module__akpbtW__copyBtn{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;padding:4px 10px;font-size:.75rem;position:absolute;top:8px;right:8px}.index-module__akpbtW__copyBtn:hover{background:#555}.index-module__akpbtW__previewHeading{margin-bottom:16px}.index-module__akpbtW__previewBody{line-height:1.7}.index-module__akpbtW__editableInput{width:100%;font-size:inherit;color:inherit;background:0 0;border:none;border-bottom:1px dashed #ccc;outline:none;margin-bottom:12px;font-family:inherit}.index-module__akpbtW__editableTextarea{width:100%;font-size:inherit;color:inherit;resize:vertical;background:0 0;border:none;border-bottom:1px dashed #ccc;outline:none;min-height:100px;font-family:inherit;line-height:1.7}.index-module__akpbtW__previewToggleRow{align-items:center;gap:12px;margin-bottom:16px;display:flex}.index-module__akpbtW__toggleLabel{font-size:.85rem}@media (max-width:768px){.index-module__akpbtW__pairingsGrid{grid-template-columns:1fr}.index-module__akpbtW__containerDark,.index-module__akpbtW__containerLight{width:95%}}@media (max-width:475px){.index-module__akpbtW__toolsDropdown{flex-direction:column;align-items:center;width:100%}.index-module__akpbtW__h1Dark,.index-module__akpbtW__h1Light{font-size:var(--font-large);margin-top:50px}}