.page-module__lo-qja__container{width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.page-module__lo-qja__grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.page-module__lo-qja__configGroup{margin-bottom:1.5rem}.page-module__lo-qja__configLabel{color:rgb(var(--color-text));align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.page-module__lo-qja__textarea{border-radius:var(--radius-md);width:100%;color:rgb(var(--color-text));resize:vertical;background:#ffffff0d;border:2px solid #ffffff1a;padding:.875rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.page-module__lo-qja__textarea:focus,.page-module__lo-qja__input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary),.1);background:#ffffff14;outline:none}.page-module__lo-qja__input{border-radius:var(--radius-md);width:100%;color:rgb(var(--color-text));background:#ffffff0d;border:2px solid #ffffff1a;padding:.875rem;font-family:inherit;font-size:.9375rem;transition:all .2s}[data-theme=light] .page-module__lo-qja__textarea,[data-theme=light] .page-module__lo-qja__input{background:#0000000a;border-color:#00000026}[data-theme=light] .page-module__lo-qja__textarea:focus,[data-theme=light] .page-module__lo-qja__input:focus{background:#0000000f}.page-module__lo-qja__optionsGrid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.page-module__lo-qja__optionBtn{border-radius:var(--radius-md);color:rgb(var(--color-text));cursor:pointer;text-align:left;background:0 0;border:2px solid #ffffff26;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.page-module__lo-qja__optionBtn:hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.page-module__lo-qja__optionBtn.page-module__lo-qja__active{border-color:rgb(var(--color-primary));background:rgba(var(--color-primary),.05);color:rgb(var(--color-primary));font-weight:600}[data-theme=light] .page-module__lo-qja__optionBtn{background:#fff;border-color:#0000001f}[data-theme=light] .page-module__lo-qja__optionBtn.page-module__lo-qja__active{background:rgb(var(--color-primary-light))}.page-module__lo-qja__miniInputGroup{border-radius:var(--radius-md);background:#ffffff05;border:2px solid #ffffff1a;align-items:center;gap:1rem;padding:.75rem;display:flex}.page-module__lo-qja__miniInput{text-align:center;border-radius:var(--radius-sm);width:50px;color:rgb(var(--color-text));background:0 0;border:2px solid #fff3;padding:.5rem;font-weight:700}.page-module__lo-qja__miniInput:focus{border-color:rgb(var(--color-primary));outline:none}.page-module__lo-qja__previewArea{background:linear-gradient(135deg,rgb(var(--color-surface))0%,rgb(var(--color-surface-hover))100%);border-radius:var(--radius-lg);text-align:center;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;min-height:200px;margin-bottom:1.5rem;padding:2rem;display:flex}.page-module__lo-qja__slugOutput{color:rgb(var(--color-primary));word-break:break-all;border-radius:var(--radius-md);background:#0003;padding:1rem;font-family:Fira Code,monospace;font-size:1.25rem;box-shadow:inset 0 2px 4px #0000001a}[data-theme=light] .page-module__lo-qja__slugOutput{background:#fff;border:1px solid #0000001a}.page-module__lo-qja__examples{grid-template-columns:repeat(1,1fr);gap:.75rem;display:grid}.page-module__lo-qja__exampleBtn{border:1.5px solid rgb(var(--color-border));border-radius:var(--radius-md);background:rgb(var(--color-surface));color:rgb(var(--color-text));cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:1rem;transition:all .2s;display:flex}.page-module__lo-qja__exampleBtn:hover{border-color:rgb(var(--color-primary));background:rgb(var(--color-surface-hover));transform:translateY(-2px)}.page-module__lo-qja__exampleLabel{align-items:center;gap:.5rem;font-weight:500;display:flex}.page-module__lo-qja__arrowIcon{color:rgb(var(--color-text-muted))}.page-module__lo-qja__infoSection{background:rgba(var(--color-info),.05);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-info),.1);margin-top:2rem;padding:1.5rem}.page-module__lo-qja__infoSection h4{color:rgb(var(--color-text));margin-bottom:1rem;font-size:.9375rem;font-weight:700}.page-module__lo-qja__infoSection ul{padding:0;list-style:none}.page-module__lo-qja__infoSection li{color:rgb(var(--color-text-muted));align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}@media (max-width:1024px){.page-module__lo-qja__grid{grid-template-columns:1fr}}@media (max-width:768px){.page-module__lo-qja__container{padding:1rem}.page-module__lo-qja__optionsGrid{grid-template-columns:1fr}}@media (max-width:639px){.page-module__lo-qja__container{padding:0}}