.page-module__m13jSa__main{padding:32px 0}.page-module__m13jSa__toolContainer{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.page-module__m13jSa__configSection{margin-top:24px;margin-bottom:24px}.page-module__m13jSa__sectionTitle{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem;font-weight:600}.page-module__m13jSa__configGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.page-module__m13jSa__configItem{flex-direction:column;gap:6px;display:flex}.page-module__m13jSa__configLabel{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.page-module__m13jSa__lengthHint{color:var(--text-muted);margin-left:4px;font-size:.75rem}.page-module__m13jSa__configHint{color:var(--text-muted);margin-top:2px;font-size:.75rem}.page-module__m13jSa__configSelect,.page-module__m13jSa__configInput{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:.875rem;transition:all .2s}.page-module__m13jSa__configSelect:focus,.page-module__m13jSa__configInput:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.page-module__m13jSa__configInput::placeholder{color:var(--text-muted)}.page-module__m13jSa__configSelect:disabled{opacity:.6;cursor:not-allowed}.page-module__m13jSa__keyRow{align-items:stretch;gap:12px;display:flex}.page-module__m13jSa__formatSelect{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:80px;padding:10px 12px;font-size:.875rem}.page-module__m13jSa__keyInput{flex:1}.page-module__m13jSa__generateBtn{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.page-module__m13jSa__generateBtn:hover{border-color:var(--primary);background:#2563eb0d}.page-module__m13jSa__transformSection{margin-top:24px}.page-module__m13jSa__transformGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.page-module__m13jSa__transformBtn{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;padding:16px;transition:all .2s}.page-module__m13jSa__transformBtn:hover{border-color:var(--primary);box-shadow:0 4px 12px #2563eb1a}.page-module__m13jSa__transformBtn.page-module__m13jSa__active{border-color:var(--primary);background:linear-gradient(135deg,#2563eb0d,#7c3aed0d)}.page-module__m13jSa__transformBtn .page-module__m13jSa__label{color:var(--text-primary);margin-bottom:4px;font-size:.875rem;font-weight:600}.page-module__m13jSa__transformBtn .page-module__m13jSa__example{color:var(--text-muted);font-family:SF Mono,Consolas,monospace;font-size:.75rem}.page-module__m13jSa__modeGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.page-module__m13jSa__modeItem{border:1px solid var(--border);background:var(--background);border-radius:8px;padding:12px}.page-module__m13jSa__modeItem strong{color:var(--text-primary);margin-bottom:4px;font-size:.875rem;display:block}.page-module__m13jSa__modeItem span{color:var(--text-secondary);font-size:.75rem;line-height:1.4}@media (max-width:900px){.page-module__m13jSa__toolContainer{grid-template-columns:1fr}.page-module__m13jSa__configGrid{grid-template-columns:repeat(2,1fr)}.page-module__m13jSa__transformGrid{grid-template-columns:1fr}.page-module__m13jSa__keyRow{flex-direction:column;align-items:stretch}.page-module__m13jSa__generateBtn{width:100%}.page-module__m13jSa__modeGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.page-module__m13jSa__configGrid,.page-module__m13jSa__modeGrid{grid-template-columns:1fr}}